/**
 * EJK Accessibility Fixer – Styles
 */

/* ------------------------------------------------------------------ */
/* Skip Link                                                           */
/* ------------------------------------------------------------------ */
.ejk-skip-link {
    position: absolute;
    top: -100px;
    left: 0;
    z-index: 99999;
    background: #000000;
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 700;
    padding: 12px 20px;
    text-decoration: none;
    border-radius: 0 0 4px 0;
    transition: top 0.2s ease;
}

.ejk-skip-link:focus {
    top: 0;
    outline: 3px solid #ffbf47;
    outline-offset: 2px;
}

/* ------------------------------------------------------------------ */
/* New Tab Links – visual indicator                                     */
/* ------------------------------------------------------------------ */
.ejk-new-tab-link::after {
    content: ' \2197'; /* ↗ arrow */
    font-size: 0.75em;
    vertical-align: super;
    speak: none;
    aria-hidden: true;
}

/* ------------------------------------------------------------------ */
/* Color Contrast Fix                                                   */
/* ------------------------------------------------------------------ */
.ejk-contrast-fix {
    color: #1a1a1a !important;
}

/* Footer text contrast fix */
footer .footer-copy,
footer .footer-copy a {
    color: #e0e0e0 !important;
}

/* Topbar link contrast */
.topbar a,
.mfn-topbar-social a {
    color: #ffffff !important;
}

/* ------------------------------------------------------------------ */
/* Focus styles – ensure all interactive elements are visible          */
/* ------------------------------------------------------------------ */
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus,
[tabindex="0"]:focus {
    outline: 3px solid #005fcc !important;
    outline-offset: 2px !important;
}

/* ------------------------------------------------------------------ */
/* Elementor clickable elements keyboard state                         */
/* ------------------------------------------------------------------ */
[tabindex="0"]:focus-visible {
    outline: 3px solid #005fcc;
    outline-offset: 3px;
    border-radius: 2px;
}