/* קריטי: כלל מחבר עם display גובר על [hidden] של הדפדפן.
   בלי הכלל הזה כל אלמנט עם display מוגדר (‎.blocked, .strip, .ticker, .forecast)
   נשאר גלוי גם כש-JS מסתיר אותו — ומסך החסימה כיסה את כל הטלוויזיה. */
[hidden] { display: none !important; }
/* a11y-boot: מונע הבהוב — ההעדפות מוחלות לפני הציור הראשון */
/* a11y.css — תפריט נגישות, מצבי תצוגה, ורכיבי נגישות בסיסיים */

/* ===== דילוג לתוכן (למשתמשי מקלדת וקורא מסך) ===== */
.skip-link {
    position: absolute; right: 8px; top: -60px; z-index: 300;
    background: #14120a; color: #fff; padding: 10px 18px; border-radius: 0 0 10px 10px;
    font-weight: 700; transition: top 0.2s;
}
.skip-link:focus { top: 0; }

/* ===== סימון פוקוס ברור בכל האתר ===== */
a:focus-visible, button:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible, summary:focus-visible, [tabindex]:focus-visible {
    outline: 3px solid #b45309;
    outline-offset: 2px;
    border-radius: 4px;
}

/* ===== כפתור הנגישות ===== */
.a11y-btn {
    position: fixed; bottom: 16px; left: 16px; z-index: 200;
    width: 52px; height: 52px; border-radius: 50%; border: 2px solid #fff;
    background: #1f4e8c; color: #fff; font-size: 26px; line-height: 1; cursor: pointer;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
    display: flex; align-items: center; justify-content: center;
}
.a11y-btn:hover { background: #163a6a; }

/* במובייל הכפתור תפס נתח מהמסך. תקנות הנגישות מחייבות שהאמצעי יהיה
   זמין ונגיש — אך לא קובעות גודל מינימלי, ולכן מקטינים אותו למינימום
   סביר (40px, מעל סף המגע המומלץ) ומחלישים אותו עד נגיעה/מיקוד. */
@media (max-width: 700px) {
    .a11y-btn {
        width: 40px; height: 40px; font-size: 20px;
        bottom: 10px; left: 10px; border-width: 1px;
        opacity: .55; box-shadow: 0 2px 8px rgba(0, 0, 0, .25);
        transition: opacity .2s;
    }
    .a11y-btn:hover, .a11y-btn:focus-visible, .a11y-btn[aria-expanded="true"] { opacity: 1; }
    /* ההרמה מעל באנר העוגיות מוגדרת פעם אחת בהמשך הקובץ, לכל הרוחבים */
    .a11y-panel { bottom: 58px; left: 10px; right: 10px; }
}
/* למי שהגדיל טקסט במערכת — הכפתור חוזר לגודל מלא, שלא ייעלם ממי שצריך אותו */
@media (max-width: 700px) and (prefers-reduced-motion: reduce) {
    .a11y-btn { opacity: 1; }
}

.a11y-panel {
    position: fixed; bottom: 78px; left: 16px; z-index: 201;
    background: #fff; border: 2px solid #1f4e8c; border-radius: 14px;
    width: 250px; max-width: calc(100vw - 32px); padding: 8px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.28);
    max-height: calc(100vh - 110px); overflow-y: auto;
}
.a11y-head {
    font-weight: 800; font-size: 15px; text-align: center;
    padding: 6px 0 10px; border-bottom: 2px solid #e2e6ee; margin-bottom: 6px; color: #1c2333;
}
.a11y-item {
    display: block; width: 100%; text-align: right;
    background: #f7f9fc; border: 1.5px solid #e2e6ee; border-radius: 9px;
    padding: 10px 12px; margin-bottom: 5px; cursor: pointer;
    font-family: inherit; font-size: 14.5px; font-weight: 600; color: #1c2333;
    text-decoration: none;
}
.a11y-item:hover { background: #eef4fb; border-color: #1f4e8c; }
.a11y-item.on { background: #1f4e8c; color: #fff; border-color: #1f4e8c; }
.a11y-reset { background: #fdf3dc; border-color: #f0d894; }
.a11y-close { background: #fdebe9; border-color: #f5c6c0; }

/* ===== מצבי תצוגה ===== */
html.a11y-bigText { font-size: 125%; }
html.a11y-hugeText { font-size: 155%; }
html.a11y-bigText .a11y-panel, html.a11y-hugeText .a11y-panel { font-size: 14px; }

html.a11y-contrast body { background: #fff !important; color: #000 !important; }
html.a11y-contrast .card, html.a11y-contrast .item, html.a11y-contrast .auth-box,
html.a11y-contrast input, html.a11y-contrast select, html.a11y-contrast textarea,
html.a11y-contrast details.editor {
    background: #fff !important; color: #000 !important; border-color: #000 !important;
}
html.a11y-contrast .topbar { background: #000 !important; color: #fff !important; }
html.a11y-contrast .muted, html.a11y-contrast .small { color: #000 !important; }
html.a11y-contrast .btn { border: 2px solid #000 !important; }
html.a11y-contrast .btn-ghost { background: #fff !important; color: #000 !important; }

html.a11y-darkContrast body { background: #000 !important; color: #ffe81a !important; }
html.a11y-darkContrast .card, html.a11y-darkContrast .item, html.a11y-darkContrast .auth-box,
html.a11y-darkContrast details.editor, html.a11y-darkContrast .note-box {
    background: #000 !important; color: #ffe81a !important; border-color: #ffe81a !important;
}
html.a11y-darkContrast .topbar { background: #000 !important; color: #ffe81a !important; border-bottom: 2px solid #ffe81a; }
html.a11y-darkContrast a, html.a11y-darkContrast .muted, html.a11y-darkContrast .small,
html.a11y-darkContrast label, html.a11y-darkContrast h1, html.a11y-darkContrast h2, html.a11y-darkContrast h3 {
    color: #ffe81a !important;
}
html.a11y-darkContrast input, html.a11y-darkContrast select, html.a11y-darkContrast textarea {
    background: #000 !important; color: #ffe81a !important; border: 2px solid #ffe81a !important;
}
html.a11y-darkContrast .btn { background: #000 !important; color: #ffe81a !important; border: 2px solid #ffe81a !important; }
html.a11y-darkContrast .badge { background: #000 !important; color: #ffe81a !important; border: 1px solid #ffe81a; }

html.a11y-links a { text-decoration: underline !important; font-weight: 800 !important; }
html.a11y-links .btn { text-decoration: none !important; outline: 2px dashed currentColor; outline-offset: 2px; }

html.a11y-readable, html.a11y-readable body, html.a11y-readable .btn,
html.a11y-readable input, html.a11y-readable select, html.a11y-readable textarea {
    font-family: Arial, 'Segoe UI', sans-serif !important;
    letter-spacing: 0.04em !important;
    line-height: 1.85 !important;
}

html.a11y-noAnim *, html.a11y-noAnim *::before, html.a11y-noAnim *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
}

html.a11y-bigCursor, html.a11y-bigCursor * {
    cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath d='M6 2 L6 38 L15 29 L21 44 L28 41 L22 26 L34 26 Z' fill='%23000' stroke='%23fff' stroke-width='2.5'/%3E%3C/svg%3E") 4 2, auto !important;
}

/* כיבוד העדפת מערכת להפחתת תנועה */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation-duration: 0.001ms !important; transition-duration: 0.001ms !important; }
}

/* ===== באנר קוקיז ===== */
.cookie-bar {
    position: fixed; bottom: 0; right: 0; left: 0; z-index: 190;
    background: #14203a; color: #fff; padding: 14px 16px;
    display: flex; gap: 12px; align-items: center; flex-wrap: wrap; justify-content: center;
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.3); font-size: 14px; line-height: 1.6;
}
.cookie-bar p { margin: 0; max-width: 720px; }
.cookie-bar a { color: #9fd0ff; text-decoration: underline; }
.cookie-bar button {
    background: #d4af37; color: #14120a; border: 0; border-radius: 8px;
    padding: 9px 20px; font-family: inherit; font-size: 14px; font-weight: 800; cursor: pointer;
    flex-shrink: 0;
}
.cookie-bar button:hover { filter: brightness(1.08); }
/* באנר העוגיות גבוה (~145px בטלפון), ולכן הכפתור צריך לשבת מעליו.
   הכלל למובייל שבהמשך הקובץ שוקל אותו הדבר ומופיע קודם, ולכן הוא
   הפסיד — הכפתור נשאר על הבאנר וכיסה חלק מהטקסט שחייב להיקרא. */
body.has-cookiebar .a11y-btn { bottom: 170px; }
body.has-cookiebar .a11y-panel { bottom: 218px; }

/* ===== כותרת תחתונה משפטית ===== */
.legal-footer {
    text-align: center; padding: 22px 14px 30px; font-size: 13px; color: #6b7488; line-height: 2;
}
.legal-footer a { color: #1f4e8c; margin: 0 6px; text-decoration: underline; }

/* ===== עמוד המסמכים המשפטיים ===== */
.legal-wrap { max-width: 860px; margin: 0 auto; padding: 16px 14px 70px; }
.legal-doc { background: #fff; border: 1px solid #e2e6ee; border-radius: 14px; padding: 22px 20px; margin-bottom: 16px; }
.legal-doc h1 { font-size: 23px; margin-bottom: 4px; }
.legal-doc h2 { font-size: 17px; margin: 20px 0 6px; color: #1f4e8c; }
.legal-doc h3 { font-size: 15px; margin: 14px 0 4px; }
.legal-doc p, .legal-doc li { font-size: 14.5px; line-height: 1.85; }
.legal-doc ul, .legal-doc ol { padding-right: 22px; margin: 6px 0; }
.legal-doc li { margin: 4px 0; }
.legal-doc table { width: 100%; border-collapse: collapse; margin: 10px 0; font-size: 13.5px; }
.legal-doc th, .legal-doc td { border: 1px solid #e2e6ee; padding: 8px; text-align: right; vertical-align: top; }
.legal-doc th { background: #f7f9fc; }
.legal-updated { font-size: 13px; color: #6b7488; border-top: 1px solid #e2e6ee; padding-top: 10px; margin-top: 18px; }
.legal-toc { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 14px; }
.legal-toc a {
    background: #fff; border: 1px solid #e2e6ee; border-radius: 100px;
    padding: 8px 15px; font-size: 14px; font-weight: 600; color: #1c2333;
}
.legal-toc a.active { background: #1f4e8c; color: #fff; border-color: #1f4e8c; }
.legal-note {
    background: #fdf3dc; border-right: 4px solid #d4a017; border-radius: 8px;
    padding: 12px 14px; font-size: 13.5px; margin: 12px 0;
}