/*
 * rcx-tabs.css: סרגל הלשוניות, רכיב אחד לכל האתר.
 *
 * **הועבר לכאן מ-rcx-tables.css.** עד 2026-10-19 הסגנון של
 * הלשוניות ישב בקובץ של עמוד הטבלאות, שנטען רק שם. עמוד "ישראל"
 * מציג את אותו רכיב, והברירה הייתה בין להעתיק את הכללים לקובץ שני
 * ובין להוציא אותם לקובץ משלהם. שני עותקים של אותו רכיב נפרדים
 * זה מזה ביום שבו מחליפים צבע באחד מהם.
 *
 * הקובץ מכיל את הלשונית בלבד. כל מה שתלוי במבנה של עמוד מסוים
 * (הסרגל הנעוץ, הצ'יפים, הקרוסלה) נשאר בקובץ של אותו עמוד.
 *
 * ההסתרה היא מחלקה (rcx-h) ולא מחיקה, כך שה-HTML שמגיע מהשרת
 * נשאר שלם לגוגל גם כשהגולש מסנן.
 */
/* flex-wrap ולא גלילה אופקית: בעמוד עם ארבע לשוניות ומעלה, שורה
   אחת שאינה נשברת יוצאת מרוחב המסך בטלפון. בעמוד עם שתיים אין
   לכלל הזה שום השפעה. */
.rcx-tabs{display:flex;flex-wrap:wrap;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-tabs :focus-visible{outline:2px solid #ffd400;outline-offset:2px}

@media (max-width:760px){
	.rcx-tab{font-size:15px;padding:7px 14px}
}