/* ═══════════════════════════════════════════════════════════════════
 * ISRAEL RACE — הגדרות תצוגה (גרסה 111): כפתור ⚙️, מצב יום, אנגלית
 * מצב יום: רוב הצבעים נבנים אוטומטית ב-site-prefs.js. כאן: הפלטה והתיקונים הידניים.
 * כל תיקון של מצב יום מתחיל ב-"html[data-theme=light]:not(.a11y-contrast) body" כדי לגבור על הכללים האוטומטיים.
 * ═══════════════════════════════════════════════════════════════════ */

/* ─── כפתור ההגדרות ─── */
.irp-wrap{position:relative;display:inline-flex;flex:0 0 auto}
.irp-btn{width:38px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:11px;cursor:pointer;
  font-size:17px;line-height:1;background:rgba(12,19,34,.7);color:var(--text-2,#aebdd8);border:1px solid var(--edge-2,rgba(122,168,255,.26));
  transition:transform .2s,border-color .2s;font-family:inherit;padding:0}
.irp-btn:hover{transform:translateY(-1px);border-color:rgba(86,232,255,.5)}
.irp-btn:focus-visible{outline:2px solid var(--cyan,#56e8ff);outline-offset:2px}
.irp-btn[aria-expanded="true"]{border-color:rgba(86,232,255,.6);box-shadow:0 0 0 3px rgba(86,232,255,.15)}
.irp-menu{position:absolute;top:calc(100% + 8px);inset-inline-end:0;z-index:100000;width:248px;max-width:calc(100vw - 24px);
  background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(9,14,26,.99));border:1px solid rgba(86,232,255,.28);border-radius:16px;
  padding:14px;box-shadow:0 24px 60px -18px rgba(0,0,0,.85);text-align:start;color:var(--text,#eef4ff);font-family:'Rubik',sans-serif}
.irp-menu[hidden]{display:none}
.irp-menu::before{content:"";position:absolute;top:0;right:14px;left:14px;height:2px;border-radius:2px;background:var(--streak,linear-gradient(90deg,#2e7cf6,#56e8ff))}
.irp-h{font-size:13px;font-weight:800;margin-bottom:10px;color:var(--text,#eef4ff)}
.irp-row{margin-bottom:12px}
.irp-lbl{font-size:11.5px;font-weight:600;color:var(--text-3,#7f8db0);margin-bottom:6px}
.irp-seg{display:flex;gap:4px;background:rgba(6,9,15,.6);border:1px solid rgba(122,168,255,.16);border-radius:11px;padding:3px}
.irp-seg button{flex:1;border:0;background:none;color:var(--text-2,#aebdd8);font-family:inherit;font-size:13px;font-weight:700;
  padding:8px 6px;border-radius:8px;cursor:pointer;transition:background .2s,color .2s;white-space:nowrap}
.irp-seg button:hover{color:var(--text,#fff)}
.irp-seg button.on{color:#fff;background:linear-gradient(135deg,#2e7cf6,#1e5fd6);box-shadow:0 6px 14px -6px rgba(46,124,246,.8)}
.irp-seg button:focus-visible{outline:2px solid var(--cyan,#56e8ff);outline-offset:1px}
.irp-foot:empty{display:none}
.irp-foot{margin-top:2px}
.irp-item{width:100%;display:flex;align-items:center;gap:8px;border:1px solid rgba(122,168,255,.18);background:rgba(122,168,255,.06);
  color:var(--text-2,#aebdd8);font-family:inherit;font-size:13px;font-weight:700;padding:9px 12px;border-radius:10px;cursor:pointer;
  transition:color .2s,border-color .2s}
.irp-item:hover{color:#fff;border-color:rgba(255,69,48,.45)}
.irp-item[style*="display: none"],.irp-item[style*="display:none"]{display:none!important}

/* עמודים בלי שורת כפתורים (עמוד נהג, פרטיות, נגישות) */
.irp-slot{margin-inline-start:auto;display:flex;align-items:center}
.topbar .nav-tabs + .irp-slot{margin-inline-start:auto}

/* ─── אנגלית: עד שהתרגום הראשון מוכן ─── */
html.ir-i18n-wait body{visibility:hidden}
/* ארכיון הטקסט לגוגל (בעברית) — לא מוצג באנגלית */
html.ir-en #seoArchive{display:none}
.ir-en-note{font-size:12.5px;opacity:.8;font-style:italic}

/* ═════════════════════ מצב יום — פלטה ═════════════════════ */
html[data-theme="light"]:not(.a11y-contrast){
  color-scheme:light;
  --asphalt:#eef2f8;--asphalt-2:#e6ecf5;--pit:#ffffff;--pit-edge:rgba(30,64,130,.16);--glass:rgba(255,255,255,.82);
  --blue:#1f63d8;--cyan:#086b93;--streak:linear-gradient(90deg,#1f63d8,#0896c2);
  --flare:#e3301b;--gold:#a77a00;--silver:#c9d2dc;--bronze:#c98a52;
  --text:#0e1a33;--text-2:#36456a;--text-3:#58668a;
  --edge:rgba(30,64,130,.14);--edge-2:rgba(30,64,130,.24);--card:#ffffff;
  --shadow:0 18px 44px -22px rgba(20,40,80,.35);
}
/* אזורי ניהול: גם הם במצב יום (אביב, 21.10). רק השפה שלהם נשארת עברית */

/* ─── תפריט ההגדרות במצב יום ─── */
html[data-theme="light"]:not(.a11y-contrast) body .irp-btn{background:#fff;color:var(--text-2);border-color:rgba(30,64,130,.22);box-shadow:0 4px 12px -6px rgba(20,40,80,.25)}
html[data-theme="light"]:not(.a11y-contrast) body .irp-menu{background:#fff;border-color:rgba(30,64,130,.18);box-shadow:0 22px 50px -18px rgba(20,40,80,.4);color:var(--text)}
html[data-theme="light"]:not(.a11y-contrast) body .irp-seg{background:#eef2f8;border-color:rgba(30,64,130,.14)}
html[data-theme="light"]:not(.a11y-contrast) body .irp-seg button{color:var(--text-2)}
html[data-theme="light"]:not(.a11y-contrast) body .irp-seg button.on{color:#fff}
html[data-theme="light"]:not(.a11y-contrast) body .irp-item{background:#f4f6fb;color:var(--text-2);border-color:rgba(30,64,130,.16)}
html[data-theme="light"]:not(.a11y-contrast) body .irp-item:hover{color:#b3200d}
/* ניגודיות גבוהה (נגישות) */
html.a11y-contrast .irp-menu{background:#000!important;border:2px solid #fff!important}
html.a11y-contrast .irp-btn{background:#000!important;border:2px solid #fff!important;color:#fff!important}

/* ═════════════════════ מצב יום — תיקונים ידניים ═════════════════════ */
/* דגל משובץ: כהה במקום לבן */
html[data-theme="light"]:not(.a11y-contrast) body .checker-divider,
html[data-theme="light"]:not(.a11y-contrast) body .hero-checker{background-image:repeating-conic-gradient(#0e1a33 0 25%, transparent 0 50%);opacity:.08}
/* מפה */
html[data-theme="light"]:not(.a11y-contrast) body #raceMap path.jvm-region{fill:#cdd7e6;stroke:#ffffff}
html[data-theme="light"]:not(.a11y-contrast) body #raceMap path.jvm-region:hover{fill:#bccadf}
html[data-theme="light"]:not(.a11y-contrast) body #raceMap circle.jvm-marker{fill:#0a8fbf;stroke:#ffffff}
html[data-theme="light"]:not(.a11y-contrast) body #raceMap circle.jvm-marker:hover{fill:#1f63d8;stroke:#ffffff}
/* רקע מאחורי חלונות קופצים: כהה-שקוף (לא לבן) */
html[data-theme="light"]:not(.a11y-contrast) body .modal-overlay,
html[data-theme="light"]:not(.a11y-contrast) body #watchModal{background:rgba(14,26,51,.45)}
/* רמזור מסך הטעינה */
html[data-theme="light"]:not(.a11y-contrast) body .loading-lights .ll{border-color:rgba(30,64,130,.2)}

/* ─── נייד: כפתור ⚙️ בשורה העליונה (גרסה 113: בלי מונה "מחוברים" — יש מקום) ─── */
@media(max-width:640px){
  .top-actions{gap:6px}
  .top-actions .irp-btn{width:32px;height:32px;border-radius:10px;font-size:15px}
}
@media(max-width:340px){.topbar{padding-inline:10px}}

/* ═════════════════════ אנגלית (שמאל-לימין) — תיקוני פריסה ═════════════════════ */
/* תיבת התזכורות בתחתית לוח הסופ"ש לא חורגת ממסך צר (בעברית החריגה הייתה מוסתרת בצד שמאל) */
.board-foot .bf-remind{max-width:100%;min-width:0}
/* טאבלט צר: הטאבים באנגלית ארוכים יותר */
@media(min-width:821px) and (max-width:940px){html.ir-en .topbar .nav-tab{padding-inline:7px;font-size:12.5px}html.ir-en .topbar .nav-tabs{gap:2px}}
html.ir-en .top-actions .login-btn{white-space:nowrap}
@media(min-width:641px) and (max-width:1000px){html.ir-en .top-actions .lbl-long{display:none}html.ir-en .top-actions .lbl-short{display:inline}}
@media(min-width:821px) and (max-width:900px){html.ir-en .topbar .brand-name{font-size:12.5px;letter-spacing:1.2px}}
/* כפתורי זהב: נשארים זהב בהיר (הטקסט עליהם כהה) */
html[data-theme="light"]:not(.a11y-contrast) body .coffee-btn,
html[data-theme="light"]:not(.a11y-contrast) body .btn-gold,
html[data-theme="light"]:not(.a11y-contrast) body .res-1st{background:linear-gradient(135deg,#ffe29a,#f7bd3a)}
/* עמודי טקסט (פרטיות, נגישות) */
html[data-theme="light"]:not(.a11y-contrast) body.ir-doc{background:radial-gradient(1100px 520px at 85% -8%,#dfe8f8 0,transparent 62%),var(--asphalt)}
.ir-doc .top .irp-wrap{order:3}
/* תפריט הנגישות באנגלית: משמאל לימין */
html.ir-en .a11y-panel{direction:ltr;text-align:left}
html.ir-en .a11y-opt{text-align:left}
html.ir-en .a11y-panel [data-z]{direction:rtl}
/* רצועת העדכונים זזה לכיוון השני */
html.ir-en .ticker-track{animation-name:irTickLtr}
@keyframes irTickLtr{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* אנגלית, מחשב רחב: "תפרגנו בקפה" נשאר בשורה העליונה כמו בעברית — מקצרים דברים אחרים כדי לפנות לו מקום */
@media(min-width:1440px) and (max-width:1799px){
  html.ir-en .topbar .nav-tab{padding-inline:11px}
  html.ir-en .topbar .coffee-btn{padding-inline:10px}
  html.ir-en .topbar .coffee-nav .cn-t{min-width:200px}
}

/* ═════════════════════ סיכום עונה (season2026.js) ═════════════════════ */
html.ir-en #seasonPanel,html.ir-en #seasonPanel .ss-mbars,html.ir-en #seasonPanel .ss-meds{direction:ltr}
/* מצב יום: המפה (צבעים שכתובים בתוך ה-SVG) */
html[data-theme="light"]:not(.a11y-contrast) body #seasonPanel svg path[fill="#15243f"]{fill:#cdd7e6}
html[data-theme="light"]:not(.a11y-contrast) body #seasonPanel svg path[stroke="#2a4068"]{stroke:#ffffff}
html[data-theme="light"]:not(.a11y-contrast) body #seasonPanel svg rect[fill="#0a1222"]{fill:#e9eef7;stroke:rgba(30,64,130,.25)}
html[data-theme="light"]:not(.a11y-contrast) body #seasonPanel svg text[fill="#7f8db0"]{fill:#58668a}
html[data-theme="light"]:not(.a11y-contrast) body #seasonPanel svg g[fill="#eef4ff"]{fill:#0e1a33;stroke:#ffffff!important}
html[data-theme="light"]:not(.a11y-contrast) body #seasonPanel svg g[fill="#fff"]{fill:#1f63d8}
html[data-theme="light"]:not(.a11y-contrast) body #seasonPanel svg g[fill="#56e8ff"]{fill:#0a8fbf}
html[data-theme="light"]:not(.a11y-contrast) body #seasonPanel svg text[fill="#ffc857"]{fill:#a77a00;stroke:#ffffff!important}
/* עמוד האדמין ונתוני האתר: רקע בהיר נקי (בלי ההילה הכהה) */
html[data-theme="light"]:not(.a11y-contrast) body #adminPage,
html[data-theme="light"]:not(.a11y-contrast) body #gaPanel{background:radial-gradient(1100px 520px at 85% -8%,#dfe8f8 0,transparent 62%),var(--asphalt)}

/* גרסה 113: "👋 שם" וכפתור התזכורות — בשורה אחת */
.top-actions #userChip,.top-actions #userChip span,.top-actions #emailToggleBtn{white-space:nowrap}
/* מסך צר מאוד: תיבות הסינון בלוח המרוצים לא חורגות מהמסך (באנגלית זה יצר גלילה הצידה) */
.race-tools .filter-sel{max-width:100%}
/* טאבלט צר: מקום לכפתור ⚙️ גם כשמחוברים (בשתי השפות) */
@media(min-width:821px) and (max-width:900px){.topbar .brand-name{font-size:12.5px;letter-spacing:1.2px}.topbar .nav-tab{padding-inline:8px}}
