/*
 * 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{display:flex;gap:6px;margin-bottom:8px}
.rcx-tab{flex:0 0 auto;font:inherit;font-weight:700;font-size:16px;line-height:1.2;padding:8px 18px;border-radius:8px 8px 0 0;border:1px solid #2a2d33;border-bottom:0;background:#1b1d22;color:#bbb;cursor:pointer}
.rcx-tab[aria-selected=true]{background:#e10600;color:#fff;border-color:#e10600}
.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}
	.rcx-tab{font-size:15px;padding:7px 14px}
}