/*
 * rcx-tables.css: תצוגת טאבים לעמוד הטבלאות (/tables/, עמוד 364).
 *
 * כל כלל כאן מותנה במחלקה rcx-on, שרק rcx-tables.js מוסיף. אם הסקריפט
 * לא רץ (חסום, נכשל), העמוד נראה בדיוק כמו בלי הקובץ הזה, וכל 104
 * הטבלאות גלויות. ההסתרה היא מחלקה (rcx-h) ולא מחיקה, כך שה-HTML
 * שמגיע מהשרת נשאר שלם לגוגל.
 *
 * נטען רק בעמוד 364. ראה racing_tables_tabs_enqueue() ב-racing-data.php.
 */
/* .entry בכוונה: הספציפיות חייבת לעלות על .rcx-on .rc-tgrid{display:grid!important}
   שלמטה, אחרת ענפים מוסתרים נשארים גלויים. */
.entry.rcx-on .rcx-h{display:none!important}
/* התבנית שמה overflow-x:hidden + overflow-y:auto על html ו-body, וזה הופך את
   body למכל גלילה שלעולם לא גולל, ו-sticky נצמד אליו ולא לחלון. clip חותך
   גלישה אופקית באותה מידה בלי ליצור מכל גלילה. רק כשהטאבים פעילים. */
html:has(.rcx-on),body:has(.rcx-on){overflow-x:clip!important;overflow-y:visible!important}
.rcx-bar{position:sticky;top:0;z-index:40;background:#111317;padding:10px 0 8px;margin:0 0 16px;border-bottom:1px solid #2a2d33}
/* הלשוניות עצמן ב-rcx-tabs.css: אותו רכיב מוצג גם
   בעמוד "ישראל". */
.rcx-chips,.rcx-cats{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.rcx-chips::-webkit-scrollbar,.rcx-cats::-webkit-scrollbar{display:none}
.rcx-chip{flex:0 0 auto;font:inherit;font-size:14px;line-height:1.2;padding:7px 14px;border-radius:999px;border:1px solid #3a3d44;background:#1b1d22;color:#ddd;cursor:pointer;white-space:nowrap}
.rcx-chip[aria-selected=true]{background:#ffd400;color:#111;border-color:#ffd400;font-weight:700}
.rcx-lead{display:inline-flex;gap:6px;align-items:center;margin-top:8px;font-size:14px;color:#aaa;cursor:pointer}
.rcx-bar :focus-visible,.rcx-cats :focus-visible{outline:2px solid #ffd400;outline-offset:2px}

.rcx-on .rc-tgrid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;align-items:start}
.rcx-on .rc-hub-c{width:auto!important;max-width:none!important;margin:0!important;min-width:0}
.rcx-on .rc-hub-c section.rc,.rcx-on .rc-hub-c table{width:100%!important}
.rcx-on td.rc-p,.rcx-on td.rc-n{white-space:nowrap}
.rcx-on td.rc-name{overflow:hidden;text-overflow:ellipsis;max-width:0;width:55%;white-space:nowrap;unicode-bidi:plaintext;text-align:right}

.rcx-cats{gap:5px;margin:6px 0 8px}
.rcx-cat{flex:0 0 auto;font:inherit;font-size:13px;line-height:1.2;padding:5px 10px;border-radius:999px;border:1px solid #3a3d44;background:transparent;color:#ccc;cursor:pointer;white-space:nowrap}
.rcx-cat[aria-selected=true]{background:var(--rc-accent,#ffd400);color:#111;border-color:transparent;font-weight:700}

.rcx-top3 table.rc-tbl tbody tr:nth-child(n+4){display:none}

.rcx-dots{display:none;justify-content:center;gap:6px;margin:4px 0 14px}
.rcx-dots i{width:7px;height:7px;border-radius:50%;background:#444;display:block}
.rcx-dots i.on{background:#ffd400}

@media (max-width:760px){
	.rcx-on .rc-tgrid{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:8px;scrollbar-width:none}
	.rcx-on .rc-tgrid::-webkit-scrollbar{display:none}
	.rcx-on .rc-hub-c{flex:0 0 88%;scroll-snap-align:start}
	.rcx-on .rcx-dots{display:flex}
}

/* ---------------------------------------- יישור הכרטיסים בשער */
/* **הכרטיסים אינם שווים במבנה, ולכן הטבלאות התחילו בגבהים שונים.**
   לאחד יש תג מצב ("עונה פעילה"), לאחר שורת צ'יפים של קטגוריות,
   לשלישי שורת "עודכן" בתחתית, ולרומניאקס אין אף אחד מהם. התוצאה
   הייתה שורת כרטיסים שנראית מרושלת, שבה כל טבלה מתחילה במקום אחר.

   subgrid נותן לכל הכרטיסים שבאותה שורה את אותן מסילות: הכותרת מול
   הכותרת, הצ'יפים מול הצ'יפים, וראש הטבלה מול ראש הטבלה. כרטיס
   שאין לו רכיב משאיר את המסילה ריקה — והיא מתכווצת לאפס אם היא
   ריקה בכל הכרטיסים שבשורה, כך שאין חור מיותר.

   מתחת ל-760 פיקסלים הכרטיסים הם קרוסלה אופקית ולא רשת, ושם אין
   מה ליישר. הכלל מגודר גם ב-@supports: דפדפן בלי subgrid מקבל את
   ההתנהגות הקודמת ולא פריסה שבורה. */
@media (min-width:761px){
 @supports (grid-template-rows:subgrid){
  .rc-tgrid,.rcx-on .rc-tgrid{align-items:stretch!important}
  .rc-tgrid>.rc-hub-c{grid-row:span 8;display:grid;
   grid-template-rows:subgrid;row-gap:0}
  .rc-tgrid>.rc-hub-c>*{grid-row:2}
  .rc-tgrid>.rc-hub-c>.rc-arc-l{grid-row:1}
  .rc-tgrid>.rc-hub-c>section.rc{grid-row:3 / span 6;display:grid;
   grid-template-rows:subgrid;row-gap:0}
  /* **לכל רכיב מסילה משלו, וזה כולל את התג.** כל מה שאין לו
     מסילה מפורשת נופל לכלל הכללי — ושני רכיבים באותה מסילה
     אינם נערמים אלא נפרשים לשתי עמודות. כך תג "עונה פעילה"
     התיישב לצד הטבלה, דחס את עמודת השמות ל-38 פיקסלים, והשמות
     נחתכו ל-"M…". נתפס על ידי הבעלים 2026-10-29. */
  .rc-tgrid>.rc-hub-c>section.rc>*{grid-row:5;align-self:start}
  .rc-tgrid>.rc-hub-c>section.rc>.rc-badge{grid-row:1}
  .rc-tgrid>.rc-hub-c>section.rc>.rc-h{grid-row:2}
  /* **וגם משפט ההסתייגות.** אותה תקלה בדיוק חזרה ב-2026-10-31
     באליפות ישראל בראלי רייד ובאדוונצ'ר: המשפט "הניקוד מחושב
     מתוצאות הסבבים" נשאר בלי מסילה, התיישב לצד הטבלה וכיווץ
     את עמודת הנתונים עד שלא הייתה קריאה. כל רכיב קבוע בכרטיס
     מקבל מסילה משלו, ואין כאן "ברירת מחדל שתסתדר". */
  .rc-tgrid>.rc-hub-c>section.rc>.rc-lead{grid-row:3}
  .rc-tgrid>.rc-hub-c>section.rc>.rcx-cats{grid-row:4}
  .rc-tgrid>.rc-hub-c>section.rc>.rc-foot{grid-row:6;align-self:end}
 }
}