/* ==========================================================================
   Accessibility overrides (WCAG 2.2 AA)
   Loaded after style.css so these win without editing the theme file.
   ========================================================================== */

/* ----- Skip link (2.4.1 Bypass Blocks) ----- */
.skip-link {
    position: absolute;
    left: 16px;
    top: -100px;
    z-index: 100000000;
    padding: 12px 20px;
    background: var(--bg-heading-color);
    color: var(--text-white) !important;
    font-weight: 700;
    border-radius: 4px;
    text-decoration: underline;
}

.skip-link:focus {
    top: 16px;
}

/* Programmatic focus target for the skip link */
main:focus {
    outline: none;
}

/* ----- Visible keyboard focus (2.4.7 Focus Visible, 1.4.11 Non-text Contrast) ----- */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[role="button"]:focus-visible,
[tabindex]:not([tabindex="-1"]):focus-visible {
    outline: 3px solid var(--primary-color-1) !important;
    outline-offset: 2px !important;
}

/* Form fields: the theme removes the outline on focus, restore one */
input:focus,
select:focus,
textarea:focus,
.form-control:focus,
.form-select:focus,
.form-check-input:focus {
    outline: 3px solid var(--primary-color-1) !important;
    outline-offset: 2px;
}

/* Dark backgrounds: switch the ring to the yellow brand color for contrast */
.top__bar a:focus-visible,
.page__banner a:focus-visible,
.footer__one a:focus-visible,
.mean-container a:focus-visible,
.btn-two:focus-visible,
.skip-link:focus-visible {
    outline-color: var(--primary-color-2) !important;
}

.btn-two:focus-visible {
    box-shadow: 0 0 0 6px var(--bg-heading-color);
}

/* ----- Desktop dropdowns open for keyboard users (2.1.1 Keyboard) ----- */
.header__area-menubar-center-menu ul li:focus-within > .sub-menu,
.header__area-menubar-center-menu ul li.submenu-open > .sub-menu {
    transform: scale(1, 1);
    opacity: 1;
    visibility: visible;
    /* visibility must flip immediately, or a quick Tab skips the still-hidden links */
    transition: opacity .3s ease-out, transform .3s ease-out, visibility 0s;
}

/* Dismissed with Escape (1.4.13 Content on Hover or Focus) */
.header__area-menubar-center-menu ul li.submenu-dismissed > .sub-menu {
    transform: scale(1, 0) !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* ----- FAQ accordion triggers ----- */
.faq-collapse-item-card-header[role="button"] {
    cursor: pointer;
}

/* ----- Scroll-to-top control ----- */
.scroll-up:focus-visible {
    outline: 3px solid var(--primary-color-1);
    outline-offset: 3px;
}

/* ----- Carousel pause control (2.2.2 Pause, Stop, Hide) ----- */
.carousel-toggle {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 20px;
    padding: 8px 16px;
    min-height: 44px;
    background: var(--bg-white);
    color: var(--text-heading-color);
    border: 2px solid var(--text-heading-color) !important;
    border-radius: 30px;
    font-weight: 500;
}

.carousel-toggle:hover {
    background: var(--text-heading-color);
    color: var(--text-white);
}

/* ----- Form helpers ----- */
.required-note {
    font-size: 15px;
    margin-bottom: 15px;
}

.form-error-summary:focus {
    outline: 3px solid var(--primary-color-1);
}

/* Placeholders were white-on-translucent; keep them legible (1.4.3) */
.contact__one-form input::placeholder,
.contact__one-form textarea::placeholder {
    color: var(--text-white);
    opacity: 1;
}

/* ----- Links inside body text must not rely on color alone (1.4.1) ----- */
main p a:not(.btn-two):not(.btn-three),
main li a:not(.btn-two):not(.btn-three),
.faq-collapse-item-card-header-content a {
    text-decoration: underline;
}

/* ----- Reduced motion (2.3.3, and stops the auto-moving parts) ----- */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }

    .animate-y-axis-slider {
        animation: none !important;
    }
}

/* ----- Color contrast (1.4.3 Contrast Minimum) ----- */
:root {
    /* Was #737373: 4.41:1 on the light grey card background, now 4.95:1 */
    --color-2: #6B6B6B;
}

/* Breadcrumb text was brand blue on navy (3.18:1); lighter blue is 6.9:1 */
.page__banner-content span,
.page__banner-content span a:hover {
    color: #6FA0FF;
}