/**
 * SEO Agent - Global Accessibility Stylesheet
 * v3373: תשתית נגישות גלובלית - ת"י 5568 / WCAG 2.1 AA
 * Loaded on every public page alongside /js/a11y-common.js
 */

/* ─── 2.4.7 Focus Visible — טבעת מיקוד למקלדת ─── */
*:focus-visible {
    outline: 3px solid #047857 !important;
    outline-offset: 2px !important;
    border-radius: 3px !important;
}

/* ─── 2.4.1 Bypass Blocks — דילוג לתוכן הראשי ─── */
.a11y-skip-link {
    position: absolute;
    right: 8px;
    top: -200px;
    z-index: 100000;
    padding: 10px 20px;
    background: #047857;
    color: #ffffff;
    font-weight: 700;
    font-size: 15px;
    border-radius: 8px;
    text-decoration: none;
    transition: top 0.15s ease-in-out;
}
.a11y-skip-link:focus,
.a11y-skip-link:focus-visible {
    position: fixed;
    top: 8px;
}

/* ─── טקסט לקוראי מסך בלבד (1.3.1 / 2.4.4 / 3.2.5) ─── */
.a11y-sr-only {
    position: absolute !important;
    width: 1px; height: 1px;
    padding: 0; margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* ─── 1.4.3 Contrast — שדרוג ירוק ראשי לגוון תקני ─── */
/* Emerald-500 #10b981 על לבן = 2.54:1 (נכשל) */
/* Emerald-700 #047857 על לבן = 5.48:1 (עובר AA) */
.bg-emerald-500:not([class*="text-"]):not([style*="color"]),
button.bg-emerald-500,
a.bg-emerald-500 { background-color: #047857 !important; }
.hover\:bg-emerald-600:hover,
button.hover\:bg-emerald-600:hover { background-color: #065f46 !important; }

/* ─── 2.3.3 Animation from Interactions ─── */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
        scroll-behavior: auto !important;
    }
}