/* **אדום לטקסט, ואדום לזהות — ולא אותו אדום.**
   EA2B1B על הרקע הכהה נותן יחס ניגודיות 4.05, מתחת ל-4.5 שתקן
   ישראלי 5568 (WCAG 2.0 AA) דורש לטקסט בגודל רגיל. הוא נשאר כפי
   שהוא בכל מקום שאינו טקסט — מסגרות, פסים ונקודות הדגשה — ששם
   הדרישה היא 3.0 והוא עובר אותה.
   ec4436 הוא אותו גוון, בהיר במעט, ביחס 4.54. */
:root{--rc-red-text:#ec4436}

/*
 * racing-data.css — סגנון מקטעי הנתונים.
 *
 * שפה חזותית של לוח תוצאות ולא של בלוג: רקע כהה, טיפוגרפיה צפופה,
 * וצבע הדגשה אחד שמגיע כמשתנה מהמקטע עצמו (--rc-accent).
 * צהוב לעולמי, כחול לישראלי — כך שהגולש מזהה במבט חטוף לאיזה
 * מדור הוא מסתכל, בלי לקרוא מילה.
 *
 * כל המידות ב-rem כדי שהמקטע יתנהג נכון בתוך כל תבנית.
 */

.rc {
	--rc-bg: #161b22;
	--rc-bg2: #12171e;
	--rc-line: #2a323d;
	--rc-txt: #e8edf3;
	--rc-dim: #9aa7b6;

	direction: rtl;
	background: var(--rc-bg);
	border: 1px solid var(--rc-line);
	border-inline-start: 4px solid var(--rc-accent, #ffd400);
	border-radius: 10px;
	color: var(--rc-txt);
	font-size: 0.95rem;
	line-height: 1.6;
	margin: 1.25rem 0;
	overflow: hidden;
	padding: 0.9rem 1.1rem;
}

.rc a {
	color: var(--rc-accent, #ffd400);
	text-decoration: none;
}

.rc a:hover {
	text-decoration: underline;
}

.rc-h {
	border-bottom: 1px solid var(--rc-line);
	color: var(--rc-accent, #ffd400);
	font-size: 0.82rem;
	font-weight: 800;
	letter-spacing: 0.06em;
	margin: 0 0 0.6rem;
	padding-bottom: 0.4rem;
}

.rc-empty {
	color: var(--rc-dim);
	font-size: 0.9rem;
	margin: 0;
}

/* ---------------------------------------------------------- טבלה */

.rc-tbl {
	border-collapse: collapse;
	font-variant-numeric: tabular-nums;
	margin: 0;
	width: 100%;
}

.rc-tbl th,
.rc-tbl td {
	border: 0;
	border-bottom: 1px solid var(--rc-line);
	padding: 0.4rem 0.5rem;
	text-align: right;
}

.rc-tbl thead th {
	color: var(--rc-dim);
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.04em;
}

.rc-tbl tbody tr:nth-child(even) td {
	background: var(--rc-bg2);
}

.rc-tbl tbody tr:last-child td {
	border-bottom: 0;
}

/* מיקום ונקודות הם מספרים: מרכוז ויישור לרוחב קבוע, כדי שהעמודה
   לא תרקוד בין שורות בנות ספרה אחת לשתיים. */
.rc-p {
	color: var(--rc-accent, #ffd400);
	font-weight: 800;
	text-align: center;
	width: 2.2rem;
}

.rc-n {
	font-weight: 700;
	text-align: left;
	width: 3.4rem;
}

.rc-name {
	font-weight: 600;
}

/* bdi מבודד ערכים לטיניים ומספריים מהזרימה הימנית-שמאלית.
   בלי זה שם עברי לצד Ducati ולצד 5:45.256 מתפרק חזותית. */
.rc bdi {
	unicode-bidi: isolate;
}

/* ---------------------------------------------------------- מרוץ הבא */

.rc-hero {
	font-size: 1rem;
	margin: 0;
}

.rc-hero b {
	color: #fff;
}

.rc-off {
	color: var(--rc-dim);
}

.rc-cd {
	background: #000;
	border: 1px solid var(--rc-line);
	border-radius: 6px;
	color: var(--rc-accent, #ffd400);
	display: inline-block;
	font-weight: 800;
	margin-inline-start: 0.5rem;
	padding: 0.1rem 0.5rem;
}

/* ---------------------------------------------------------- שלושת הבלוקים */

.rc-blocks {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
}

.rc-b {
	background: var(--rc-bg2);
	border: 1px solid var(--rc-line);
	border-radius: 8px;
	flex: 1 1 13rem;
	padding: 0.6rem 0.8rem;
}

.rc-b h2 {
	color: var(--rc-accent, #ffd400);
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.04em;
	margin: 0 0 0.35rem;
}

.rc-b ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.rc-b li {
	border-bottom: 1px solid var(--rc-line);
	font-size: 0.85rem;
	padding: 0.25rem 0;
}

.rc-b li:last-child {
	border-bottom: 0;
}

.rc-b p {
	font-size: 0.88rem;
	margin: 0;
}

.rc-b b {
	color: #fff;
}

.rc-foot {
	color: var(--rc-dim);
	font-size: 0.72rem;
	margin-top: 0.5rem;
}

/* ---------------------------------------------------------- נייד */

@media (max-width: 480px) {
	.rc {
		font-size: 0.9rem;
		padding: 0.7rem 0.8rem;
	}

	/* בטלפון מוותרים על העמודה השלישית: יצרן או מועדון הם המידע
	   הכי פחות קריטי בשורה, ועדיף לוותר עליו מאשר לגלול לרוחב. */
	.rc-tbl th:nth-child(3),
	.rc-tbl td:nth-child(3) {
		display: none;
	}
}

/* תבנית בהירה: המקטע נשאר כהה בכוונה, כי הוא לוח תוצאות.
   אבל מוסיפים מרווח נשימה כדי שלא יידבק לטקסט הבהיר סביבו. */
@media (prefers-color-scheme: light) {
	.rc {
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
	}
}

/* כותרת קטגוריה בתוך טבלת אליפות שיש בה קטגוריות מקבילות
   (E1/E2/E3, אקספרט, ג'וניור...). בלי הפרדה ברורה הקורא רואה
   כמה "מקום 1" ברצף ומניח שהעמוד שבור. */
/* **הכותרת הזו היא מחיצה, לא תווית.**
   בגרסה הקודמת היא הייתה 0.8rem בשקיפות 0.85, צמודה לשורת הכותרת
   האדומה של הטבלה שמתחתיה — ונקראה כחלק מריהוט הטבלה ולא כשם של
   קטגוריה. באליפות ישראל באנדורו, שבה רצות שמונה קטגוריות במקביל,
   התוצאה הייתה עמוד שנראה כמו רשימה אחת ארוכה ושבורה.
   עכשיו: גדולה יותר, בצבע המדור, עם קו מפריד ומרווח אמיתי מעליה. */
.rc-cat {
	color: var(--rc-accent, #ffd400);
	font-size: 1rem;
	font-weight: 800;
	letter-spacing: 0.02em;
	margin: 1.8rem 0 0.6rem;
	padding: 0 0 0.35rem;
	border-bottom: 1px solid var(--rc-line, #2a323d);
}

.rc-cat:first-of-type {
	margin-top: 0.4rem;
}

/* סרגל קנה מידה. גולש שנוחת על טבלה אחת לא יודע מה עומד מאחוריה. */
.rc-scale{display:flex;flex-wrap:wrap;gap:10px;border:0;padding:0;background:none}
.rc-scale .rc-sc-i{flex:1 1 130px;background:#161b22;border:1px solid #2a323d;
 border-radius:10px;padding:12px 14px;text-align:center}
.rc-scale .rc-sc-i b{color:var(--rc-accent);display:block;font-size:26px;
 font-weight:800;line-height:1.2}
.rc-scale .rc-sc-i span{color:#9aa7b6;font-size:13px}
@media(max-width:560px){.rc-scale .rc-sc-i{flex:1 1 44%}
 .rc-scale .rc-sc-i b{font-size:21px}}

/* מחלקה שנסגרה. הגוון והתווית הם החיווי היחיד; הטבלה עצמה זהה, כי
   התוצאות שלה אינן פחותות — הן פשוט של אליפות שהסתיימה. */
.rc-arch{border-style:dashed}
/* העונה בכותרת. בלעדיה טבלת ארכיון היא רשימת מנצחים בלי שנה. */
.rc-yr{color:var(--rc-accent);font-size:15px;font-weight:800;margin-right:8px;
 opacity:.85}
/* תג מצב: פעילה / בין עונות / לא פעילה / נסגרה. */
.rc-state{border:1px solid currentColor;border-radius:20px;font-size:12px;
 font-weight:600;margin-right:8px;padding:2px 10px;vertical-align:middle;
 white-space:nowrap}
.rc-st-on{background:rgba(63,185,80,.13);color:#3fb950}
.rc-st-gap{background:rgba(154,167,182,.13);color:#9aa7b6}
.rc-st-off{background:rgba(176,141,87,.13);color:#b08d57}
.rc-st-cl{background:rgba(176,141,87,.14);color:var(--rc-accent)}

/* ---------------------------------------------- פס הערך של דף הבית */
.rc-value{padding:22px 18px}
.rc-v-h{font-size:22px;margin:0 0 14px;font-weight:800}
.rc-v-g{display:flex;flex-wrap:wrap;gap:16px}
.rc-v-i{flex:1 1 210px;border-inline-start:3px solid var(--rc-accent);
 padding-inline-start:12px}
.rc-v-i b{display:block;font-size:15px;margin-bottom:4px}
.rc-v-i span{color:#9aa7b6;font-size:14px;line-height:1.55}

/* ------------------------------------------- משבצות קידום עצמי */
.rc-promo{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;
 border-inline-start:4px solid var(--rc-accent);padding:14px 16px;
 background:rgba(234,43,27,.06);border-radius:8px;margin:22px 0}
.rc-p-t{font-size:16px;font-weight:800}
.rc-p-x{color:#9aa7b6;font-size:14px;flex:1 1 200px}
.rc-p-c{background:var(--rc-accent);color:#fff;text-decoration:none;
 border-radius:6px;padding:7px 16px;font-weight:700;font-size:14px;
 white-space:nowrap}
.rc-p-c:hover{filter:brightness(1.12)}

/* ================================================================
   שכבת המגזין
   ================================================================
   אתר חדשות נמדד בשאלה אחת: כמה כותרות רואים בלי לגלול. לכן
   הכרטיס הוא תמונה + קטגוריה + כותרת + שתי שורות, ולא יותר.
   ================================================================ */
.rc-news{margin:0 0 34px}
.rc-n-h{display:flex;align-items:baseline;gap:12px;font-size:20px;
 font-weight:900;margin:0 0 16px;padding-bottom:9px;
 border-bottom:2px solid var(--rc-accent,#EA2B1B)}
.rc-n-more{margin-inline-start:auto;font-size:13px;font-weight:600;
 color:#9aa7b6;text-decoration:none;white-space:nowrap}
.rc-n-more:hover{color:var(--rc-accent,var(--rc-red-text))}

/* **רוחב כרטיס אחד לכל הרצועות.** היו כאן שלוש הגדרות — 230 לרשת,
   200 לשורה ו-230 לרצועות העליונות — ובפועל זה אמר שבאותו עמוד
   מוצגות שלוש רצועות של אותו סוג פריט בשלושה גדלים, ורק אחת מהן
   הצליחה להכניס ארבעה לשורה. 200 הוא המידה של רצועת המגזין, שהיא
   זו שעבדה, והיא המידה היחידה מעכשיו.

   שינוי כאן משנה את כל הרצועות יחד. זו המטרה. */
.rc-n-items{display:grid;gap:20px;
 grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}

.rc-n-card{display:flex;flex-direction:column;gap:10px;min-width:0}
.rc-n-img{display:block;overflow:hidden;border-radius:8px;
 background:#151a20;aspect-ratio:16/9}
.rc-n-img img{width:100%;height:100%;object-fit:cover;display:block;
 transition:transform .35s ease}
.rc-n-card:hover .rc-n-img img{transform:scale(1.04)}
.rc-n-noimg{display:block;width:100%;height:100%;
 background:linear-gradient(135deg,#151a20,#0d1014)}

.rc-n-cat{display:inline-block;font-size:11px;font-weight:800;
 letter-spacing:.6px;color:var(--rc-accent,var(--rc-red-text));text-decoration:none;
 margin-bottom:2px}
.rc-n-t{font-size:17px;line-height:1.35;font-weight:900;margin:0}
.rc-n-t a{color:#e8edf3;text-decoration:none}
.rc-n-t a:hover{color:var(--rc-accent,var(--rc-red-text))}
.rc-n-x{color:#9aa7b6;font-size:14px;line-height:1.6;margin:0}
.rc-n-d{color:#768391;font-size:12px}

/* הכתבה המובילה: תמונה גדולה, ובמסך רחב טקסט לצידה. */
.rc-n-lead .rc-n-card{gap:16px}
.rc-n-lead .rc-n-img{aspect-ratio:21/9}
.rc-n-lead .rc-n-t{font-size:30px;line-height:1.25}
.rc-n-lead .rc-n-x{font-size:16px}
@media (min-width:820px){
 .rc-n-lead .rc-n-card{display:grid;grid-template-columns:1.35fr 1fr;
  align-items:center}
 .rc-n-lead .rc-n-img{aspect-ratio:16/9}
}

/* רצועת הטבלאות: נוכחות, לא חזית. */
.rc-strip-h{display:flex;align-items:baseline;gap:12px;font-size:20px;
 font-weight:900;margin:8px 0 16px;padding-bottom:9px;
 border-bottom:2px solid #ffd400}
.rc-strip-h small{color:#9aa7b6;font-size:13px;font-weight:400}
/* auto-fit ולא auto-fill: auto-fill משאיר מסילות ריקות כשיש בהן
   מקום, ו-auto-fit מקפל אותן. 215px ולא 260px כדי שארבע הטבלאות
   הבכירות ייכנסו לשורה אחת ברוחב התוכן, במקום שהאחרונה תיפול
   לשורה שנייה לבדה. */
.rc-strip{display:grid;gap:16px;direction:rtl;
 grid-template-columns:repeat(auto-fit,minmax(215px,1fr))}
/* פסקה ריקה שנוצרה מחוץ לשליטתנו לא תתפוס תא ברשת. הסיבה השורשית
   טופלה ב-racing_standings_strip; זו רשת ביטחון, לא הפתרון. */
.rc-strip > p:empty{display:none}

/* ================================================================
   רצועות חדשות המרוצים — ראש הדף
   ================================================================
   הרצועה העליונה מקבלת נוכחות חזקה יותר, כי היא זו שהתעדכנה
   אחרונה. ההדגשה היא סימן טריות, לא היררכיית חשיבות קבועה.
   ================================================================ */
.rc-strips{margin:0 0 30px}
.rc-strip-news{margin:0 0 26px}
.rc-strip-news.is-top{background:linear-gradient(180deg,rgba(234,43,27,.07),transparent 70%);
 border-radius:12px;padding:16px 16px 4px;margin-inline:-16px}
.rc-strip-news.is-top .rc-n-h{font-size:23px}
.rc-strip-news.is-top .rc-n-t{font-size:19px}

.rc-n-scope{display:inline-block;font-size:11px;font-weight:800;
 letter-spacing:.5px;padding:2px 8px;border-radius:99px;margin-bottom:2px}
.rc-n-scope.is-il{background:rgba(77,163,255,.16);color:#4da3ff}
.rc-n-scope.is-world{background:rgba(255,212,0,.14);color:#ffd400}

/* ------------------------------------- קופסת השידורים הקרובים */
.rc-broadcasts{background:#151a20;border-radius:10px;padding:16px 16px 10px;
 border-top:3px solid var(--rc-accent,#ffd400)}
.rc-b-h{display:flex;align-items:baseline;gap:8px;font-size:17px;
 font-weight:900;margin:0 0 12px}
.rc-b-h small{color:#9aa7b6;font-size:12px;font-weight:400}
.rc-b-l{list-style:none;margin:0;padding:0}
.rc-b-day{color:var(--rc-accent,#ffd400);font-size:12px;font-weight:800;
 letter-spacing:.4px;margin:12px 0 6px;padding-bottom:5px;
 border-bottom:1px solid rgba(255,255,255,.1)}
.rc-b-day:first-child{margin-top:0}
.rc-b-i{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;
 padding:7px 0;border-bottom:1px solid rgba(255,255,255,.05)}
.rc-b-t{font-weight:800;font-size:14px;font-variant-numeric:tabular-nums;
 grid-row:span 2;align-self:center;color:#e8edf3}
.rc-b-s{font-size:13px;color:#e8edf3;line-height:1.3}
.rc-b-c{font-size:12px;color:#9aa7b6;line-height:1.3}

/* --------------------------------------------- רשימת המדורים */
.rc-sections-w h2{font-size:17px;font-weight:900;margin:0 0 10px}
.rc-sections-w ul{list-style:none;margin:0;padding:0}
.rc-sections-w li{border-bottom:1px solid rgba(255,255,255,.07)}
.rc-sections-w a{display:block;padding:8px 0;color:#c9d3de;
 text-decoration:none;font-size:14px}
.rc-sections-w a:hover{color:var(var(--rc-red-text))}

/* --------------------------------------- ארכיון העונות */
.rc-seasons{margin:26px 0}
.rc-s-h{display:flex;align-items:baseline;gap:10px;font-size:19px;
 font-weight:900;margin:0 0 14px;padding-bottom:8px;
 border-bottom:2px solid var(--rc-accent,#ffd400)}
.rc-s-h small{color:#9aa7b6;font-size:13px;font-weight:400}
.rc-dec{display:grid;grid-template-columns:78px 1fr;gap:10px;
 align-items:start;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.rc-dec b{color:#9aa7b6;font-size:13px;font-variant-numeric:tabular-nums;
 padding-top:4px}
.rc-y-l{display:flex;flex-wrap:wrap;gap:6px}
.rc-y{display:inline-block;padding:3px 10px;border-radius:5px;
 background:#151a20;color:#c9d3de;text-decoration:none;font-size:13px;
 font-variant-numeric:tabular-nums;border:1px solid rgba(255,255,255,.07)}
.rc-y:hover{background:var(--rc-accent,#ffd400);color:#0d1014;
 border-color:transparent}

/* --------------------------------------- שער הטבלאות */
.rc-hub{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:10px;
 grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.rc-hub li{background:#151a20;border-radius:8px;padding:12px 14px;
 border-inline-start:3px solid var(--rc-accent,#ffd400)}
.rc-hub.is-il li{--rc-accent:#4da3ff}
.rc-hub.is-closed li{--rc-accent:#b08d57}
.rc-hub a{color:#e8edf3;text-decoration:none;font-weight:700;font-size:15px;
 display:block}
.rc-hub a:hover{color:var(--rc-accent,#ffd400)}
.rc-hub .rc-meta{display:block;color:#9aa7b6;font-size:12px;margin-top:4px;
 font-variant-numeric:tabular-nums}

/* ------------------------------ "עוד חדשות" — קוביות הסרגל */
.rc-nextup-w{display:grid;gap:18px}
.rc-nextup{background:#151a20;border-radius:10px;overflow:hidden;
 border-top:3px solid var(--rc-accent,#EA2B1B)}
.rc-u-h{font-size:13px;font-weight:800;letter-spacing:.3px;margin:0;
 padding:11px 14px 9px;color:#e8edf3;
 border-bottom:1px solid rgba(255,255,255,.07)}
.rc-u-img{display:block;aspect-ratio:16/9;overflow:hidden;background:#0d1014}
.rc-u-img img{width:100%;height:100%;object-fit:cover;display:block;
 transition:transform .35s ease}
.rc-nextup:hover .rc-u-img img{transform:scale(1.04)}
.rc-u-t{font-size:15px;line-height:1.35;font-weight:900;margin:0;
 padding:11px 14px 0}
.rc-u-t a{color:#e8edf3;text-decoration:none}
.rc-u-t a:hover{color:var(--rc-accent,var(--rc-red-text))}
.rc-u-x{color:#9aa7b6;font-size:13px;line-height:1.55;margin:0;
 padding:6px 14px 0}
.rc-u-f{display:flex;align-items:center;gap:10px;padding:9px 14px 12px}
.rc-u-d{color:#768391;font-size:12px}
.rc-u-more{margin-inline-start:auto;font-size:12px;font-weight:700;
 color:var(--rc-accent,var(--rc-red-text));text-decoration:none}

/* ----------------------------------- שער הטבלאות ועמוד הארכיון */
.rc-tgroup{margin:0 0 34px}
.rc-tgroup > h3{font-size:18px;font-weight:900;margin:22px 0 14px;
 padding-bottom:8px;border-bottom:2px solid var(--rc-accent,#ffd400)}
.rc-tgrid{display:grid;gap:18px;
 grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}
.rc-hub-c{display:flex;flex-direction:column}
.rc-arc-l{display:flex;align-items:baseline;gap:8px;margin-top:-4px;
 background:#151a20;border-radius:0 0 9px 9px;padding:9px 14px;
 color:#c9d3de;text-decoration:none;font-size:13px;font-weight:700;
 border-top:1px solid rgba(255,255,255,.07)}
.rc-arc-l:hover{color:var(--rc-accent,#ffd400)}
.rc-arc-l small{color:#768391;font-weight:400;
 font-variant-numeric:tabular-nums}
.rc-arc-l::after{content:"‹";margin-inline-start:auto;font-size:17px;
 line-height:1}
.rc-arc-x{color:#768391;font-size:12px;padding:6px 2px 0}

.rc-archive{margin:20px 0}
.rc-arc-c{margin:0 0 26px}
.rc-arc-h{display:flex;align-items:baseline;gap:10px;font-size:17px;
 font-weight:900;margin:0 0 10px;padding-bottom:7px;
 border-bottom:2px solid var(--rc-accent,#ffd400)}
.rc-arc-h small{color:#9aa7b6;font-size:12px;font-weight:400;
 font-variant-numeric:tabular-nums}
.rc-arc-sel{margin:0 0 26px}

/* ------------------------------------------- מקרא הצבעים */
/* אלמנטים שלתבנית אין עליהם כלל, ולכן אין כאן מלחמת ספציפיות. */
.rc-legend{display:grid;gap:14px;margin:16px 0 28px}
.rc-lg-r{display:grid;grid-template-columns:16px minmax(0,1fr);
 gap:2px 12px;align-items:start}
.rc-lg-s{width:16px;height:16px;border-radius:4px;grid-row:span 2;
 margin-top:3px;display:block}
.rc-lg-b{font-size:15px;font-weight:900;line-height:1.4}
.rc-lg-x{color:#9aa7b6;font-size:14px;line-height:1.6}


/* ---------------------------------------------------------------- היקף הידיעה
   ההיקף הוא עובדה אחת, ולכן הוא צובע גם את התווית וגם את הכרטיס.
   קודם התווית נגזרה מהתגית והמסגרת נקבעה בקבוע נפרד, ולכן שלוש
   ידיעות עולמיות בתווית צהובה ישבו במסגרת כחולה. הצבע יורד מכאן
   דרך משתנה אחד, וכל סימון נוסף בעתיד יירש אותו בלי להיפרד. */
.rc-n-card{--rc-scope:#EA2B1B}
.rc-n-card.is-scope-world{--rc-scope:#ffd400}
.rc-n-card.is-scope-il{--rc-scope:#4da3ff}
.rc-n-card .rc-n-img{border-bottom:3px solid var(--rc-scope)}

/* הקישור אל אותה מחלקה בגוש השני. שקט בכוונה: הוא שירות ניווט
   לקורא שהגיע מחיפוש ולא ידע שיש שתי אליפויות באותו שם, ולא
   קריאה לפעולה. */
.rc-twin{margin:14px 0 0;font-size:14px;color:#9aa7b6}
.rc-twin a{color:var(--rc-red-text);text-decoration:none}
.rc-twin a:hover{text-decoration:underline}

/* שורת הארכיונים בתחתית רצועה מאוחדת. שקטה בכוונה: היא ניווט
   משלים ולא קריאה לפעולה, ולכן היא נראית כמו הערה ולא ככפתור. */
.rc-strip-foot{margin:14px 0 0;font-size:13px;color:#9aa7b6}
.rc-strip-foot a{color:#c9d3de;text-decoration:none}
.rc-strip-foot a:hover{color:var(--rc-red-text);text-decoration:underline}

/* ────────────────────────────────────────────────────────────────
   טופס "צור קשר"
   ────────────────────────────────────────────────────────────────
   השדות בנויים כדי לעבור בדיקת נגישות ולא רק כדי להיראות טוב:
   ה-label תמיד מעל השדה ולעולם לא placeholder בלבד (placeholder
   נעלם ברגע שמקלידים, והגולש נשאר בלי לדעת מה השדה), מצב המיקוד
   מסומן בקו עבה ולא בהבהוב צבע, ושורת השגיאה מסומנת גם בצבע וגם
   בטקסט — כי סימון בצבע בלבד אינו נגיש לעיוורי צבעים.
   ──────────────────────────────────────────────────────────────── */

.rc-form-wrap {
	--rc-bg: #161b22;
	--rc-line: #2a323d;
	--rc-txt: #e8edf3;
	--rc-dim: #9aa7b6;
	direction: rtl;
	margin: 1.5rem 0;
}

.rc-form {
	background: var(--rc-bg);
	border: 1px solid var(--rc-line);
	border-inline-start: 4px solid var(--rc-red-text, #ec4436);
	border-radius: 6px;
	padding: 1.25rem 1.25rem 1rem;
	color: var(--rc-txt);
}

.rc-form-row {
	display: flex;
	flex-direction: column;
	margin: 0 0 1.1rem;
}

.rc-form-row label {
	font-weight: 700;
	font-size: .95rem;
	margin-bottom: .3rem;
	color: var(--rc-txt);
}

.rc-req { color: var(--rc-red-text, #ec4436); }

.rc-form-hint {
	font-size: .85rem;
	color: var(--rc-dim);
	margin-bottom: .35rem;
	line-height: 1.45;
}

.rc-form-bad {
	font-size: .88rem;
	font-weight: 700;
	color: #ff8a7a;
	margin-bottom: .35rem;
}

.rc-form input,
.rc-form select,
.rc-form textarea {
	width: 100%;
	box-sizing: border-box;
	background: #0e1218;
	border: 1px solid #39424f;
	border-radius: 4px;
	color: var(--rc-txt);
	/* 16px ולא פחות: מתחת לזה ספארי בטלפון מקרב את המסך אוטומטית
	   בכל הקלקה על שדה, והגולש נזרק מהפריסה. */
	font: inherit;
	font-size: 1rem;
	padding: .55rem .7rem;
	line-height: 1.5;
}

.rc-form textarea { resize: vertical; min-height: 9rem; }

.rc-form input:focus-visible,
.rc-form select:focus-visible,
.rc-form textarea:focus-visible,
.rc-form-send:focus-visible {
	outline: 3px solid #ffd400;
	outline-offset: 2px;
}

.rc-form-row.rc-bad input,
.rc-form-row.rc-bad select,
.rc-form-row.rc-bad textarea { border-color: #ff8a7a; }

.rc-form-send {
	background: var(--rc-red-text, #ec4436);
	color: #fff;
	border: 0;
	border-radius: 4px;
	font: inherit;
	font-weight: 700;
	font-size: 1rem;
	/* 44 פיקסלים לפחות: מידת מטרת המגע המינימלית בטלפון. */
	min-height: 44px;
	padding: .6rem 2.2rem;
	cursor: pointer;
}

.rc-form-send:hover { background: #d63b2e; }

.rc-form-note {
	font-size: .85rem;
	color: var(--rc-dim);
	margin: .9rem 0 0;
}

/* הפיתיון. לא display:none — חלק מהבוטים מדלגים על שדות מוסתרים
   כך. הוא נשאר בזרימה ויוצא משדה הראייה. */
.rc-hp {
	position: absolute;
	inset-inline-start: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.rc-form-ok,
.rc-form-err {
	border-radius: 6px;
	padding: .9rem 1.1rem;
	margin: 0 0 1.1rem;
	line-height: 1.6;
}

.rc-form-ok {
	background: #10261a;
	border: 1px solid #2f7d4f;
	border-inline-start: 4px solid #3fa76a;
	color: #d6f2e1;
}

.rc-form-err {
	background: #2a1416;
	border: 1px solid #7d3138;
	border-inline-start: 4px solid #ec4436;
	color: #ffdcd6;
}

.rc-form-err ul { margin: .5rem 0 0; padding-inline-start: 1.2rem; }
.rc-form-err a { color: #ffb3a8; }

.rc-form-ok:focus-visible,
.rc-form-err:focus-visible { outline: 3px solid #ffd400; outline-offset: 2px; }

@media (max-width: 520px) {
	.rc-form { padding: 1rem .9rem .9rem; }
	.rc-form-send { width: 100%; }
}

/* ── ראש העמוד במסך קטן ──────────────────────────────────────────
   בדסקטופ הרצועות נפרשות זו לצד זו, והקורא רואה את כל הענפים בלי
   לגלול. בטלפון הן נערמות, והידיעה החדשה ביותר של ענף רביעי יושבת
   ארבעה מסכים למטה.

   אותו HTML מוגש לשני המסכים, ולכן ההפרדה כאן ולא בשאילתה: בלוק
   "הכי חדש" קיים תמיד בקוד ומוצג רק במסך קטן, והכרטיסים הכפולים
   ברצועות מוסתרים רק שם. דסקטופ אינו משתנה כלל. */
.rc-mobile-top { display: none; }

@media (max-width: 767px) {
	.rc-mobile-top { display: block; }
	.rc-hide-mobile { display: none !important; }
}

/* ── טופס הניוזלטר ───────────────────────────────────────────────
   הטופס נכתב עם מחלקות שלא היה להן CSS, ולכן הוא עבד אבל נראה
   כמו טופס ברירת מחדל של הדפדפן. */
.rc-nl { max-width: 640px; margin: 0 auto; }

.rc-nl-lead { color: var(--rc-dim, #b6bac0); line-height: 1.7; }

.rc-nl-f {
	background: #12151b;
	border: 1px solid #23262d;
	border-radius: 10px;
	padding: 22px;
	margin: 20px 0;
}

.rc-nl-f label { display: block; margin-bottom: 6px; font-weight: 600; }

.rc-nl-f input[type="email"] {
	width: 100%;
	padding: 12px 14px;
	font-size: 16px;            /* פחות מזה, ספארי בטלפון מקרב תצוגה */
	background: #0d1014;
	color: #fff;
	border: 1px solid #2c3039;
	border-radius: 6px;
}

.rc-nl-f input[type="email"]:focus,
.rc-nl-f button:focus-visible,
.rc-chk input:focus-visible {
	outline: 2px solid var(--racing-red, #e5231b);
	outline-offset: 2px;
}

.rc-nl-f fieldset {
	border: 0;
	padding: 16px 0 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 8px 18px;
	align-items: center;
}

.rc-nl-f legend {
	padding: 0;
	margin-bottom: 8px;
	font-weight: 600;
	color: var(--rc-dim, #b6bac0);
	font-size: .95em;
}

/* שורה אחת לכל בחירה, ושטח לחיצה אמיתי. תיבת סימון של 13 פיקסל
   היא יעד שאי אפשר לפגוע בו באצבע. */
.rc-chk {
	display: inline-flex !important;
	align-items: center;
	gap: 8px;
	margin: 0 !important;
	padding: 8px 12px;
	min-height: 44px;
	font-weight: 400 !important;
	background: #0d1014;
	border: 1px solid #2c3039;
	border-radius: 6px;
	cursor: pointer;
}

.rc-chk:hover { border-color: #3a3f4a; }
.rc-chk input { width: 18px; height: 18px; accent-color: var(--racing-red, #e5231b); }

.rc-nl-f button {
	padding: 13px 28px;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	background: var(--racing-red, #e5231b);
	border: 0;
	border-radius: 6px;
	cursor: pointer;
}

.rc-nl-f button:hover { filter: brightness(1.1); }

.rc-nl-fine { color: #7c8085; font-size: .85em; line-height: 1.6; margin: 0; }

/* מלכודת הבוטים. מוסתרת מהעין ומקוראי מסך, אך לא ב-display:none —
   חלק מהבוטים מדלגים על שדה שאינו מוצג כלל. */
.rc-hp {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.rc-ok, .rc-err {
	padding: 12px 16px;
	border-radius: 6px;
	margin: 16px 0;
	line-height: 1.6;
}

.rc-ok  { background: rgba(46, 160, 67, .12); border: 1px solid #2ea043; }
.rc-err { background: rgba(229, 35, 27, .12); border: 1px solid var(--racing-red, #e5231b); }

.rc-nl-msg { max-width: 640px; margin: 0 auto; padding: 40px 20px; }
.rc-nl-msg h1 { margin-bottom: 12px; }

@media (max-width: 767px) {
	.rc-nl-f { padding: 16px; }
	.rc-nl-f fieldset { gap: 8px 10px; }
}