/* ==========================================================================
   ATAI ACCESSIBILITY — supplemental CSS
   Fixes on top of the widget's own styles. Do NOT restyle the widget itself
   — it's self-contained. This file scopes to elements OUTSIDE the widget.
   ========================================================================== */


/* Skip link is added by the child theme. Make sure it stays above the widget. */
.atai-skip-link{ z-index:2147483647 !important; }


/* -----------------------------------------------------------------
   Widget FAB position: bottom-right desktop, bottom-left mobile.
   The widget positions itself via its `widgetPosition` pref, but we
   override on mobile so it doesn't overlap the bottom tab bar or
   compete with any tap-to-call CTAs on the right edge.
   ----------------------------------------------------------------- */
@media (max-width:767px){
	#aw-widget-root .aw-trigger{
		right:auto !important;
		left:16px !important;
		/* Sit above the 64px bottom tab bar with a 12px buffer. */
		bottom:calc(var(--atai-bottom-nav-h) + 12px) !important;
	}
}


/* -----------------------------------------------------------------
   Contrast-safe overrides for accent color used on dark backgrounds.
   Prior WAVE cycles proved:
     - Dark rust (#A23F01) on white           = 5.9:1  (safe)
     - Rust     (#B94F15) on white            = 4.5:1  (borderline)
     - Rust     (#B94F15) on very-dark #171B22 = 5.1:1  (safe)
     - Light rust (#FF8347) on #171B22        = 6.4:1  (safe)
   These variables let the design system pick the right shade per context.
   ----------------------------------------------------------------- */
.atai-section--dark a{ color:var(--atai-secondary-soft); }
.atai-section--dark a:hover{ color:var(--atai-white); }

.atai-section--dark .atai-eyebrow{
	color:var(--atai-secondary-soft); /* 6.4:1 on #171B22 */
}


/* -----------------------------------------------------------------
   Ensure visible focus indication on Elementor widgets that ship
   with focus:none rules. Never remove the indicator — enhance it.
   ----------------------------------------------------------------- */
.elementor-button:focus-visible,
.elementor-icon:focus-visible,
.elementor-image-box-title a:focus-visible,
.elementor-icon-box-title a:focus-visible,
.elementor-post__title a:focus-visible{
	outline:3px solid var(--atai-focus) !important;
	outline-offset:2px !important;
}


/* -----------------------------------------------------------------
   Decorative elements — used by the .atai-decorative JS remediation.
   The JS sets visibility:hidden but this belt-and-braces CSS ensures
   the layout doesn't collapse if JS hasn't run yet.
   ----------------------------------------------------------------- */
.atai-decorative{
	visibility:hidden !important;
	pointer-events:none;
	user-select:none;
}


/* -----------------------------------------------------------------
   Form validation: never rely on color alone. Add a text prefix
   Elementor doesn't include.
   ----------------------------------------------------------------- */
.atai-form .elementor-message.elementor-message-danger::before{
	content:"Error: ";
	font-weight:700;
}
.atai-form .elementor-message.elementor-message-success::before{
	content:"Success: ";
	font-weight:700;
}


/* -----------------------------------------------------------------
   Prose page — accessibility statement, privacy, terms.
   Ensure headings have adequate contrast and the accessible-name-first
   link pattern is visually clear.
   ----------------------------------------------------------------- */
.atai-prose a:focus-visible{
	outline:3px solid var(--atai-focus);
	outline-offset:3px;
	border-radius:2px;
}


/* -----------------------------------------------------------------
   High-contrast mode support (Windows / forced-colors).
   Ensure key surfaces retain distinguishable borders.
   ----------------------------------------------------------------- */
@media (forced-colors: active){
	.atai-btn-primary a.elementor-button,
	.atai-btn-secondary a.elementor-button,
	.atai-btn-ghost a.elementor-button{
		border:2px solid CanvasText !important;
	}
	.atai-card{ border:1px solid CanvasText !important; }
}