/* ==========================================================================================
   zz-a11y-fixes.css   -   goes in corecss/ (the build joins corecss/*.css alphabetically, so "zz-" loads LAST and wins).
   NO VISUAL CHANGE for mouse users. Everything here is about keyboard focus and hidden content.
   ========================================================================================== */

/* RC-29  The closed slide-out menu must not be keyboard-focusable.
   Today it is hidden ONLY by sliding off-screen: the rule that sets visibility:hidden sits inside
   "@media screen\000000", an Internet Explorer 8-10 hack. visibility is switched with a delay on close (so the
   slide-out animation still plays) and immediately on open. Durations match the existing .5s / .25s transitions. */
.menu-overlay { visibility: hidden; transition: transform 0.5s, visibility 0s linear 0.5s; }
.menu-overlay.menu-overlay-open { visibility: visible; transition: transform 0.5s, visibility 0s linear 0s; }
@media only screen and (max-width: 767px) and (min-width: 200px) {
    .menu-overlay { transition: transform 0.25s, visibility 0s linear 0.25s; }
    .menu-overlay.menu-overlay-open { transition: transform 0.25s, visibility 0s linear 0s; }
}

/* RC-33 / RC-34 / RC-32  Focus ring (the Tab 9 two-tone ring, drawn INSIDE the element so it can never be clipped
   by an edge or by overflow:hidden): 4px #1D252C band outside, 2px #FFFFFF band inside it. */
.menu-toggle:focus-visible,
.ui-accordion span.ui-accordion-header:focus-visible,
.accordion-list .accordion-header:focus-visible,
.slick-slide:focus-visible,
.slick-list:focus-visible,
.slick-track:focus-visible {
    outline: 2px solid #fff;
    outline-offset: -6px;
    box-shadow: inset 0 0 0 4px #1d252c;
}