/* ==========================================================
   נגישות - כללים שחלים על כל הדפים
   ==========================================================
   הקובץ הזה נטען אחרי טיילווינד בכוונה, כדי שיוכל לבטל
   מחלקות שפוגעות בנגישות. אין כאן עיצוב לשם עיצוב - רק
   דרישות של ת"י 5568 (WCAG 2.0 AA) שקשה לקיים במחלקות בלבד.
   ========================================================== */

/* ----------------------------------------------------------
   סימון מיקוד גלוי (WCAG 2.4.7)
   ----------------------------------------------------------
   הרבה שדות בקוד מסומנים ב-outline-none, מה שמוחק את מסגרת
   המיקוד של הדפדפן. מי שמנווט במקלדת מאבד אז לגמרי את המיקום
   שלו במסך. כאן היא מוחזרת - ובגרסה בולטת יותר מברירת המחדל.

   :focus-visible ולא :focus, כדי שהמסגרת תופיע בניווט מקלדת
   ולא בכל לחיצת עכבר.
   ---------------------------------------------------------- */
:focus-visible {
    outline: 3px solid #0f766e !important;
    outline-offset: 2px !important;
    border-radius: 3px;
}

/* על רקע כהה המסגרת הירוקה נבלעת */
.bg-slate-900 :focus-visible,
.bg-gray-900 :focus-visible {
    outline-color: #5eead4 !important;
}

/* ----------------------------------------------------------
   דילוג לתוכן (WCAG 2.4.1)
   ----------------------------------------------------------
   מוסתר עד שמגיעים אליו ב-Tab, ואז קופץ לראש המסך. כך מי
   שמנווט במקלדת או בקורא מסך לא צריך לעבור את הכותרת בכל דף.
   ---------------------------------------------------------- */
.skip-link {
    position: absolute;
    right: 1rem;
    top: -100px;
    z-index: 100;
    background: #0f766e;
    color: #fff;
    font-weight: 700;
    padding: 0.75rem 1.25rem;
    border-radius: 0 0 0.75rem 0.75rem;
    text-decoration: none;
    transition: top .15s;
}
.skip-link:focus {
    top: 0;
}

/* ----------------------------------------------------------
   כיבוד העדפת תנועה מופחתת (WCAG 2.3.3)
   ----------------------------------------------------------
   מי שהגדיר במערכת ההפעלה שהוא רגיש לתנועה לא אמור לקבל
   אנימציות. חל על כל האתר ולא רק על מה שהוגדר ידנית.
   ---------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important;
    }
}

/* ----------------------------------------------------------
   שטח מגע מינימלי בנייד
   ----------------------------------------------------------
   כפתור קטן מדי הוא מכשול למי שידיו רועדות. 44 פיקסלים הוא
   הרף המקובל. חל רק על מסכי מגע, כדי לא לנפח את הממשק בעכבר.
   ---------------------------------------------------------- */
@media (pointer: coarse) {
    button, [role="button"], a.btn, input[type="submit"] {
        min-height: 44px;
    }
}