/*
 * DoxOnCall — accessibility / WCAG polish.
 * Enqueued site-wide via includes/enqueue.php.
 */

/* Skip-to-content link — visually hidden until focused */
.dox-skip-link {
    position: absolute;
    top: -100px;
    left: 0;
    background: #0E6E6B;
    color: #fff !important;
    padding: 12px 18px;
    border-radius: 0 0 8px 0;
    text-decoration: none !important;
    font-weight: 700;
    font-size: 15px;
    z-index: 100000;
    transition: top 0.2s ease;
}
.dox-skip-link:focus,
.dox-skip-link:focus-visible {
    top: 0;
    outline: 3px solid #E8A33D;
    outline-offset: 2px;
}

/* Universal visible focus ring — respects existing styles via :focus-visible */
:focus-visible {
    outline: 3px solid #E8A33D !important;
    outline-offset: 2px !important;
    border-radius: 4px;
}

/* Re-enable focus on common elements that themes love to strip */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[role="button"]:focus-visible,
[tabindex]:focus-visible,
summary:focus-visible {
    outline: 3px solid #E8A33D !important;
    outline-offset: 2px !important;
}

/* Header anchor focus ring — not as aggressive as accent so the brand still reads */
.doc-header a:focus-visible,
.doc-drawer-nav a:focus-visible {
    outline-color: #fff !important;
    background: rgba(232,163,61,.18) !important;
}

/* Skip animations / transitions for users who prefer reduced motion */
@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;
    }
    /* Specifically: stop the SVG animations on doconcall avatar gradients */
    animateTransform,
    animate {
        display: none !important;
    }
}

/* Increase tap-target size on small icons (WCAG 2.5.5 — 24×24 minimum, 44×44 recommended) */
.dox-skip-link,
.doc-search-toggle,
.doc-ham,
.dox-cc-btn {
    min-height: 44px;
    min-width: 44px;
}

/* Higher contrast on the cookie-banner buttons */
.dox-cc-btn--text {
    text-decoration: underline !important;
}

/* Make `<details>` summary chevron more obvious for keyboard users */
.dox-faq summary,
.dox-doc-articles summary {
    cursor: pointer;
}
.dox-faq summary:focus-visible,
.dox-doc-articles summary:focus-visible {
    background: rgba(232,163,61,.12);
    border-radius: 6px;
}

/* Ensure form inputs have a visible focus border, not just outline,
   so border-removal patterns elsewhere don't make focus invisible */
input:focus,
select:focus,
textarea:focus {
    border-color: #0E6E6B !important;
    box-shadow: 0 0 0 3px rgba(14,110,107,.15) !important;
}