/* sportdimona - accessibility remediation 2026-10-14 (step s1-focus), loaded by mu-plugins/sd-a11y-core.php
   F2: keyboard focus indicator (WCAG 2.4.7, 1.4.11), skip link (2.4.1), scroll-padding (2.4.11)
   X7: 24px icon-list targets (2.5.8), 3:1 form-field borders (1.4.11) */

/* Two-tone ring: 2px white inner ring + 3px #11214D outline.
   #11214D vs white 15.6:1, vs orange #ff9029 6.9:1; white vs navy #243668 11.6:1 -> >=3:1 on every site background.
   ":not(#sd-a11y)" adds ID specificity so it beats plugin rules such as "#eli-a11y-panel .eli-a11y-body button{outline:0!important}". */
:root{--sd-focus-outer:#11214D;--sd-focus-inner:#ffffff}
:root body :focus-visible:not(#sd-a11y){
  outline:3px solid var(--sd-focus-outer)!important;
  outline-offset:2px!important;
  box-shadow:0 0 0 2px var(--sd-focus-inner)!important;
  transition:none!important; /* Astra a{transition:all .2s} would animate the ring in from 0px */
}
/* mouse/touch focus: no ring (current look kept) */
:root body :focus:not(:focus-visible){outline:none}
#content:focus,#main:focus,main:focus,[tabindex="-1"]:focus:not(:focus-visible){outline:none}
/* fix-core: same-page #anchor targets that core.js focuses (tabindex=-1 sections) - no ring around a whole section, as for #content */
:root body .sd-anchor-target:focus:not(#sd-a11y){outline:none!important;box-shadow:none!important}

/* containers with overflow:hidden in Elementor core CSS */
:root body .elementor-widget-call-to-action > .elementor-widget-container:has(> a.elementor-cta:focus-visible){
  outline:3px solid var(--sd-focus-outer);outline-offset:2px;box-shadow:0 0 0 2px var(--sd-focus-inner);
}
:root body a.elementor-cta:focus-visible:not(#sd-a11y){outline:3px solid #fff!important;outline-offset:-3px!important;box-shadow:none!important}
:root body .elementor-icon-list--layout-inline .elementor-icon-list-item > a:focus-visible:not(#sd-a11y),
:root body .elementor-tab-title:focus-visible:not(#sd-a11y),
:root body .swiper-slide :focus-visible:not(#sd-a11y){
  outline:2px solid currentColor!important;outline-offset:-3px!important;box-shadow:none!important;
}
:root body .acf-input-wrap :focus-visible:not(#sd-a11y){outline-offset:-3px!important;box-shadow:inset 0 0 0 5px var(--sd-focus-inner)!important}
/* Google Maps iframe - class set by core.js (Chromium never matches :focus on a cross-origin iframe) */
:root body iframe.sd-iframe-focus:not(#sd-a11y),:root body iframe:focus-visible:not(#sd-a11y){
  outline:4px solid var(--sd-focus-outer)!important;outline-offset:-4px!important;box-shadow:none!important;
}

/* skip link: visible immediately, top-right (RTL start) */
:root body .skip-link.screen-reader-text:not(#sd-a11y){transition:none!important}
:root body .skip-link.screen-reader-text:focus:not(#sd-a11y){
  top:8px!important;right:8px!important;left:auto!important;width:auto!important;height:auto!important;
  clip:auto!important;clip-path:none!important;margin:0!important;overflow:visible!important;z-index:1000000!important;
  padding:12px 20px!important;background:#243668!important;color:#fff!important;border-radius:6px!important;
  font-size:18px!important;font-weight:700!important;line-height:1.3!important;text-decoration:underline!important;
  outline:3px solid #ff9029!important;outline-offset:2px!important;box-shadow:0 0 0 2px #fff!important;
}

/* WCAG 2.4.11 - values set by core.js */
html{scroll-padding-top:var(--sd-sticky-h,0px);scroll-padding-bottom:var(--sd-cookie-h,0px)}
html:has(#eli-cookie-banner:not([hidden])) body{padding-bottom:var(--sd-cookie-h,0px)}

/* X7: 24px minimum target height for icon-list links (footer contact list, contact icon lists) - WCAG 2.5.8 */
.elementor-widget-icon-list .elementor-icon-list-item>a{min-height:24px}
/* X7: form-field boundaries >= 3:1 against white - WCAG 1.4.11 (#C4661A 3.98:1, #767676 4.54:1) */
.elementor-element-addc294 .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper),
.elementor-element-d7c93c4 .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper),
.elementor-element-5166568 .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper){border-color:#C4661A!important}
form.frontend-form .acf-field input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=file]):not([type=submit]),form.frontend-form .acf-field textarea{border-color:#767676!important}
