/* * תבנית: ספורטבוק מודרני — נייבי וירוק * בסיס כמעט־שחור #070A12 עם ירוק חשמלי #16E07F. טווח דינמי רחב, ניגודיות טיפוגרפית חדה, עדיפות ויזואלית למשחק חי. * * נוצר ע"י tools/build-theme.php — אין לערוך את בלוק ה-:root ידנית. * לשינוי צבע: ערוך את tools/theme-palettes.php והרץ מחדש: * php tools/build-theme.php sportsbook > css/themes/sportsbook.css * * הקובץ נטען אחרון ב-, אחרי כל שאר ה-CSS. */ :root[data-theme="sportsbook"] { /* ── משטחים — טווח פתוח ── */ --t-bg: #070A12; --t-bg-rgb: 7, 10, 18; --t-bg-grad-end: #0E1626; --t-bg-grad-end-rgb: 14, 22, 38; --t-bg-deep: #04060C; --t-bg-deep-rgb: 4, 6, 12; --t-bg-navy: #060911; --t-bg-navy-rgb: 6, 9, 17; --t-bg-navy-2: #070A12; --t-bg-navy-2-rgb: 7, 10, 18; --t-surface: #111726; --t-surface-rgb: 17, 23, 38; --t-surface-2: #182034; --t-surface-2-rgb: 24, 32, 52; --t-surface-3: #182034; --t-surface-3-rgb: 24, 32, 52; --t-surface-4: #232D45; --t-surface-4-rgb: 35, 45, 69; --t-surface-5: #2C3852; --t-surface-5-rgb: 44, 56, 82; --t-surface-6: #182034; --t-surface-6-rgb: 24, 32, 52; --t-surface-7: #1C2539; --t-surface-7-rgb: 28, 37, 57; --t-surface-8: #111726; --t-surface-8-rgb: 17, 23, 38; --t-surface-9: #182034; --t-surface-9-rgb: 24, 32, 52; --t-surface-10: #2C3852; --t-surface-10-rgb: 44, 56, 82; --t-surface-11: #35435F; --t-surface-11-rgb: 53, 67, 95; --t-surface-12: #3E4E6E; --t-surface-12-rgb: 62, 78, 110; --t-surface-sunken: #0A0E1A; --t-surface-sunken-rgb: 10, 14, 26; --t-surface-sunken-2: #0C111F; --t-surface-sunken-2-rgb: 12, 17, 31; --t-surface-ink: #0A0E1A; --t-surface-ink-rgb: 10, 14, 26; --t-surface-ink-2: #070A12; --t-surface-ink-2-rgb: 7, 10, 18; --t-surface-ink-3: #090D18; --t-surface-ink-3-rgb: 9, 13, 24; --t-surface-line: #232D45; --t-surface-line-rgb: 35, 45, 69; --t-surface-muted: #44546F; --t-surface-muted-rgb: 68, 84, 111; --t-surface-navy: #111726; --t-surface-navy-rgb: 17, 23, 38; --t-surface-navy-2: #182034; --t-surface-navy-2-rgb: 24, 32, 52; --t-surface-navy-3: #1C2539; --t-surface-navy-3-rgb: 28, 37, 57; --t-surface-slate: #232D45; --t-surface-slate-rgb: 35, 45, 69; --t-surface-slate-2: #2C3852; --t-surface-slate-2-rgb: 44, 56, 82; --t-surface-slate-3: #1C2539; --t-surface-slate-3-rgb: 28, 37, 57; --t-surface-slate-4: #35435F; --t-surface-slate-4-rgb: 53, 67, 95; --t-surface-slate-5: #44546F; --t-surface-slate-5-rgb: 68, 84, 111; --t-surface-slate-6: #2C3852; --t-surface-slate-6-rgb: 44, 56, 82; --t-surface-slate-7: #232D45; --t-surface-slate-7-rgb: 35, 45, 69; --t-surface-slate-deep: #070A12; --t-surface-slate-deep-rgb: 7, 10, 18; /* ── מותג — ירוק חשמלי ── */ --t-brand: #16E07F; --t-brand-rgb: 22, 224, 127; --t-brand-bright: #3DFF9E; --t-brand-bright-rgb: 61, 255, 158; --t-brand-light: #6BFFBA; --t-brand-light-rgb: 107, 255, 186; --t-brand-lemon: #8CFFCB; --t-brand-lemon-rgb: 140, 255, 203; --t-brand-vivid: #3DFF9E; --t-brand-vivid-rgb: 61, 255, 158; --t-brand-pale: #A8F8D2; --t-brand-pale-rgb: 168, 248, 210; --t-brand-pale-2: #A8F8D2; --t-brand-pale-2-rgb: 168, 248, 210; --t-brand-wash: #D6FCEA; --t-brand-wash-rgb: 214, 252, 234; --t-brand-wash-2: #D6FCEA; --t-brand-wash-2-rgb: 214, 252, 234; --t-brand-sand: #A8F8D2; --t-brand-sand-rgb: 168, 248, 210; --t-brand-sand-2: #C2FADF; --t-brand-sand-2-rgb: 194, 250, 223; --t-brand-hover: #0BC96D; --t-brand-hover-rgb: 11, 201, 109; --t-brand-hover-2: #0BC96D; --t-brand-hover-2-rgb: 11, 201, 109; --t-brand-deep: #0BA85E; --t-brand-deep-rgb: 11, 168, 94; --t-brand-deeper: #088249; --t-brand-deeper-rgb: 8, 130, 73; --t-brand-shade: #0BA85E; --t-brand-shade-rgb: 11, 168, 94; --t-brand-shade-2: #0BA85E; --t-brand-shade-2-rgb: 11, 168, 94; --t-brand-gold: #16E07F; --t-brand-gold-rgb: 22, 224, 127; --t-brand-gold-2: #16E07F; --t-brand-gold-2-rgb: 22, 224, 127; --t-brand-olive: #16E07F; --t-brand-olive-rgb: 22, 224, 127; --t-brand-butter: #6BFFBA; --t-brand-butter-rgb: 107, 255, 186; --t-brand-champagne: #B4FFDC; --t-brand-champagne-rgb: 180, 255, 220; --t-brand-ink-bg: #08221A; --t-brand-ink-bg-rgb: 8, 34, 26; --t-brand-ink-bg-2: #071A16; --t-brand-ink-bg-2-rgb: 7, 26, 22; --t-brand-ink-bg-3: #0A2018; --t-brand-ink-bg-3-rgb: 10, 32, 24; --t-brand-ink-bg-4: #081C15; --t-brand-ink-bg-4-rgb: 8, 28, 21; --t-brand-ink-bg-5: #051310; --t-brand-ink-bg-5-rgb: 5, 19, 16; /* ── ענבר — ממתין / החזר (סמנטי, לא מותג) ── */ --t-brand-amber: #FBBF24; --t-brand-amber-rgb: 251, 191, 36; --t-brand-amber-deep: #F59E0B; --t-brand-amber-deep-rgb: 245, 158, 11; --t-brand-orange: #F5A623; --t-brand-orange-rgb: 245, 166, 35; --t-brand-yellow: #EAB308; --t-brand-yellow-rgb: 234, 179, 8; --t-brand-tan: #E8A84A; --t-brand-tan-rgb: 232, 168, 74; /* ── זכייה ── */ --t-win: #22C55E; --t-win-rgb: 34, 197, 94; --t-win-bright: #4ADE80; --t-win-bright-rgb: 74, 222, 128; --t-win-light: #86EFAC; --t-win-light-rgb: 134, 239, 172; --t-win-pale: #BBF7D0; --t-win-pale-rgb: 187, 247, 208; --t-win-deep: #16A34A; --t-win-deep-rgb: 22, 163, 74; --t-win-alt: #22C55E; --t-win-alt-rgb: 34, 197, 94; --t-win-alt-2: #36C462; --t-win-alt-2-rgb: 54, 196, 98; --t-win-alt-deep: #16A34A; --t-win-alt-deep-rgb: 22, 163, 74; --t-win-material: #22C55E; --t-win-material-rgb: 34, 197, 94; --t-win-material-light: #86EFAC; --t-win-material-light-rgb: 134, 239, 172; /* ── הפסד / שלילי ── */ --t-loss: #EF4444; --t-loss-rgb: 239, 68, 68; --t-loss-bright: #F87171; --t-loss-bright-rgb: 248, 113, 113; --t-loss-light: #FCA5A5; --t-loss-light-rgb: 252, 165, 165; --t-loss-pale: #FECACA; --t-loss-pale-rgb: 254, 202, 202; --t-loss-pale-2: #FFC9C9; --t-loss-pale-2-rgb: 255, 201, 201; --t-loss-deep: #DC2626; --t-loss-deep-rgb: 220, 38, 38; --t-loss-deeper: #B91C1C; --t-loss-deeper-rgb: 185, 28, 28; --t-loss-darkest: #5A1414; --t-loss-darkest-rgb: 90, 20, 20; --t-loss-darkest-2: #5A1A14; --t-loss-darkest-2-rgb: 90, 26, 20; --t-loss-darkest-3: #7A1515; --t-loss-darkest-3-rgb: 122, 21, 21; --t-loss-alt: #EF4444; --t-loss-alt-rgb: 239, 68, 68; --t-loss-alt-2: #DC2626; --t-loss-alt-2-rgb: 220, 38, 38; --t-loss-alt-deep: #B91C1C; --t-loss-alt-deep-rgb: 185, 28, 28; --t-loss-vivid: #FF3D5A; --t-loss-vivid-rgb: 255, 61, 90; --t-loss-vivid-2: #FF3D5A; --t-loss-vivid-2-rgb: 255, 61, 90; --t-loss-vivid-3: #FF8A9C; --t-loss-vivid-3-rgb: 255, 138, 156; --t-loss-vivid-4: #FF3D5A; --t-loss-vivid-4-rgb: 255, 61, 90; --t-loss-vivid-5: #FF3D5A; --t-loss-vivid-5-rgb: 255, 61, 90; --t-loss-vivid-6: #FF3D5A; --t-loss-vivid-6-rgb: 255, 61, 90; --t-loss-vivid-7: #FF8A96; --t-loss-vivid-7-rgb: 255, 138, 150; --t-loss-bootstrap: #EF4444; --t-loss-bootstrap-rgb: 239, 68, 68; --t-loss-material: #EF4444; --t-loss-material-rgb: 239, 68, 68; --t-loss-material-light: #FCA5A5; --t-loss-material-light-rgb: 252, 165, 165; /* ── טקסט ── */ --t-ink-bright: #FFFFFF; --t-ink-bright-rgb: 255, 255, 255; --t-ink-soft: #E6ECF7; --t-ink-soft-rgb: 230, 236, 247; --t-ink-soft-2: #D6DFEE; --t-ink-soft-2-rgb: 214, 223, 238; --t-ink-muted: #BECBE0; --t-ink-muted-rgb: 190, 203, 224; --t-ink-muted-2: #A8B7CF; --t-ink-muted-2-rgb: 168, 183, 207; --t-ink-slate: #8FA0BC; --t-ink-slate-rgb: 143, 160, 188; --t-ink-slate-2: #8FA0BC; --t-ink-slate-2-rgb: 143, 160, 188; --t-ink-slate-3: #7688A5; --t-ink-slate-3-rgb: 118, 136, 165; --t-ink-slate-4: #5F6E88; --t-ink-slate-4-rgb: 95, 110, 136; --t-ink-slate-5: #7688A5; --t-ink-slate-5-rgb: 118, 136, 165; --t-ink-slate-6: #5F6E88; --t-ink-slate-6-rgb: 95, 110, 136; --t-ink-slate-pale: #E2E8F0; --t-ink-slate-pale-rgb: 226, 232, 240; --t-ink-slate-wash: #F1F5FA; --t-ink-slate-wash-rgb: 241, 245, 250; /* ── מידע — כחול משני ── */ --t-info: #93C5FD; --t-info-rgb: 147, 197, 253; --t-info-2: #7DD3FC; --t-info-2-rgb: 125, 211, 252; --t-info-3: #38BDF8; --t-info-3-rgb: 56, 189, 248; --t-info-blue: #2E7CF6; --t-info-blue-rgb: 46, 124, 246; --t-info-blue-deep: #1D5FD9; --t-info-blue-deep-rgb: 29, 95, 217; --t-info-blue-deepest: #123A94; --t-info-blue-deepest-rgb: 18, 58, 148; --t-info-blue-light: #60A5FA; --t-info-blue-light-rgb: 96, 165, 250; --t-info-blue-muted: #6482C8; --t-info-blue-muted-rgb: 100, 130, 200; --t-info-blue-alt: #2E7CF6; --t-info-blue-alt-rgb: 46, 124, 246; --t-info-blue-alt-deep: #1D5FD9; --t-info-blue-alt-deep-rgb: 29, 95, 217; --t-info-blue-casino: #2E7CF6; --t-info-blue-casino-rgb: 46, 124, 246; --t-info-sky: #38BDF8; --t-info-sky-rgb: 56, 189, 248; --t-info-indigo: #6366F1; --t-info-indigo-rgb: 99, 102, 241; --t-info-purple: #A855F7; --t-info-purple-rgb: 168, 85, 247; --t-info-violet: #C4B5FD; --t-info-violet-rgb: 196, 181, 253; /* ── אזהרה / כתום ── */ --t-warn: #FDBA74; --t-warn-rgb: 253, 186, 116; --t-warn-wash: #FFF7ED; --t-warn-wash-rgb: 255, 247, 237; --t-warn-orange: #F97316; --t-warn-orange-rgb: 249, 115, 22; --t-warn-orange-alt: #E67E22; --t-warn-orange-alt-rgb: 230, 126, 34; --t-warn-orange-bright: #FF8C28; --t-warn-orange-bright-rgb: 255, 140, 40; --t-warn-orange-deep: #B85C00; --t-warn-orange-deep-rgb: 184, 92, 0; --t-warn-orange-bg: #2A1A08; --t-warn-orange-bg-rgb: 42, 26, 8; --t-warn-orange-bg-2: #1E1305; --t-warn-orange-bg-2-rgb: 30, 19, 5; } /* ══════════════════════════════════════════════════════════════════ ספורטבוק v4 — טבלה קומפקטית ────────────────────────────────────────────────────────────────── שורה אחת למשחק, צפופה, בסגנון ספורטבוק מקצועי. מה שהופך טבלה למקצועית הוא יישור: עמודות היחסים חייבות להיות על אותו ציר בכל שורה ובכותרת. לכן רוחבי העמודות נקבעים דרך משתני ה-‎--live-*-w‎ שכבר משמשים גם את הכותרת וגם את השורות — כך היישור לא יכול להישבר בין השתיים. ══════════════════════════════════════════════════════════════════ */ /* ── רקע ── */ :root[data-theme="sportsbook"], :root[data-theme="sportsbook"] body { background-color: #06080F; background-image: radial-gradient(1100px 560px at 50% -14%, rgba(22, 224, 127, .07), transparent 62%), linear-gradient(180deg, #06080F 0%, #090D18 100%); background-attachment: fixed; } :root[data-theme="sportsbook"] .header[data-active-submenu] .header-main, :root[data-theme="sportsbook"] .header .header-main { background: #090D18; background-image: none; border-bottom: 1px solid #1A2336; } :root[data-theme="sportsbook"] .global-loader { --loader-accent: #16E07F; background: radial-gradient(ellipse 72% 55% at 50% 42%, rgba(255,255,255,.04), transparent 52%), rgba(6, 8, 15, .97); } /* ══════════════════════════════════════════════════════════════════ רוחבי העמודות — מקור אמת אחד לכותרת ולשורות ══════════════════════════════════════════════════════════════════ */ :root[data-theme="sportsbook"] .football-live-all-section { --live-fav-w: 30px; --live-meta-w: 58px; --live-score-w: 32px; --live-market-w: 68px; --live-more-w: 38px; } /* ══════════════════════════════════════════════════════════════════ כותרת הבלוק ══════════════════════════════════════════════════════════════════ */ :root[data-theme="sportsbook"] .football-live-all-section .football-live-all-header { position: relative; background: transparent; border: none; padding-bottom: 12px; margin-bottom: 12px; } :root[data-theme="sportsbook"] .football-live-all-section .football-live-all-header::after { content: ""; position: absolute; inset-inline: 0; bottom: 0; height: 2px; border-radius: 2px; background: linear-gradient(to inline-end, #16E07F 0%, rgba(22,224,127,.18) 38%, transparent 78%); } :root[data-theme="sportsbook"] .football-live-all-section .football-live-all-title { font-weight: 800; font-size: 1.05rem; color: #FFFFFF; } :root[data-theme="sportsbook"] .football-live-all-section .football-live-all-tab { border-radius: 999px; border: 1px solid transparent; background: transparent; color: #8FA0BC; font-weight: 600; font-size: .78rem; padding: 5px 13px; transition: color .14s ease, background-color .14s ease, border-color .14s ease; } :root[data-theme="sportsbook"] .football-live-all-section .football-live-all-tab:hover { color: #E6ECF7; background: rgba(255,255,255,.05); } :root[data-theme="sportsbook"] .football-live-all-section .football-live-all-tab.is-active, :root[data-theme="sportsbook"] .football-live-all-section .football-live-all-tab[aria-selected="true"] { background: linear-gradient(180deg, #16E07F 0%, #0BA85E 100%); border-color: #16E07F; color: #04140C; font-weight: 800; box-shadow: 0 3px 12px rgba(22,224,127,.28); } /* ══════════════════════════════════════════════════════════════════ מעטפת — משטח אחד, גבול אחד ══════════════════════════════════════════════════════════════════ */ :root[data-theme="sportsbook"] .football-live-all-section .football-live-all-groups { background: #0B0F1A; border: 1px solid #1A2336; border-radius: 10px; overflow: hidden; box-shadow: 0 6px 24px rgba(0,0,0,.34); } :root[data-theme="sportsbook"] .football-live-all-section .football-live-all-country { background: transparent; border: none; border-radius: 0; box-shadow: none; margin: 0; } :root[data-theme="sportsbook"] .football-live-all-section .football-live-all-country + .football-live-all-country { border-top: 1px solid #1A2336; } /* ── כותרת מדינה: רצועה קומפקטית ── */ :root[data-theme="sportsbook"] .football-live-all-section .football-live-all-groups .football-live-all-country-head { background: #0E1422; background-image: none; border: none; border-bottom: 1px solid #1A2336; box-shadow: none; align-items: center; padding: 8px 12px; min-height: 0; } :root[data-theme="sportsbook"] .football-live-all-section .football-live-all-groups .football-live-all-country-head-main, :root[data-theme="sportsbook"] .football-live-all-section .football-live-all-groups .football-live-all-country-head-live-wrap { align-items: center; } :root[data-theme="sportsbook"] .football-live-all-section .football-live-all-country-name { font-weight: 700; font-size: .74rem; letter-spacing: .1em; text-transform: uppercase; color: #A8B7CF; } :root[data-theme="sportsbook"] .football-live-all-section .football-live-all-country-flag { border-radius: 2px; } :root[data-theme="sportsbook"] .football-live-all-section .football-live-all-country-count { background: rgba(255,61,90,.14); border: 1px solid rgba(255,61,90,.3); border-radius: 999px; color: #FF3D5A; padding: 0 7px; font-weight: 800; font-size: .68rem; font-variant-numeric: tabular-nums; } :root[data-theme="sportsbook"] .football-live-all-section .football-live-all-groups .football-live-all-country-body { display: block; padding: 0; } :root[data-theme="sportsbook"] .football-live-all-section .football-live-all-groups .football-live-book { display: block; position: static; background: transparent; background-image: none; border: none; border-radius: 0; margin: 0; padding: 0; overflow: visible; } /* ══════════════════════════════════════════════════════════════════ כותרת הליגה — נושאת גם את תוויות העמודות 1 / X / 2 אותם משתני רוחב כמו השורות, ולכן היישור מובטח. ══════════════════════════════════════════════════════════════════ */ :root[data-theme="sportsbook"] .football-live-all-section .football-live-all-groups .football-live-book-head { display: grid; grid-template-columns: var(--live-fav-w) var(--live-meta-w) minmax(0,1fr) var(--live-score-w) var(--live-market-w) var(--live-market-w) var(--live-market-w) var(--live-more-w); align-items: center; background: transparent; background-image: none; border: none; border-bottom: 1px solid #151C2C; border-radius: 0; box-shadow: none; margin: 0; padding: 6px 12px 5px; min-height: 0; } :root[data-theme="sportsbook"] .football-live-all-section .football-live-all-groups .football-live-book-title { grid-column: 1 / 5; padding: 0; background: transparent; } :root[data-theme="sportsbook"] .football-live-all-section .football-live-book-title-text { font-weight: 600; font-size: .73rem; color: #6E7F99; text-transform: none; letter-spacing: .01em; } :root[data-theme="sportsbook"] .football-live-all-section .football-live-book-title-logo-badge { background: transparent; border: none; box-shadow: none; } /* תוויות העמודות — קטנות, מרווחות, מיושרות בדיוק מעל הכפתורים */ :root[data-theme="sportsbook"] .football-live-all-section .football-live-all-groups .football-live-book-markets-head { display: grid; grid-template-columns: repeat(3, var(--live-market-w)); grid-column: 5 / 8; background: transparent; border: none; gap: 0; } :root[data-theme="sportsbook"] .football-live-all-section .football-live-all-groups .football-live-book-markets-head > * { text-align: center; font-size: .62rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #5F6E88; } /* ══════════════════════════════════════════════════════════════════ שורת משחק — קומפקטית, שורה אחת ══════════════════════════════════════════════════════════════════ */ :root[data-theme="sportsbook"] .football-live-all-section .football-live-all-groups .football-live-book-row, :root[data-theme="sportsbook"] .football-live-all-section .football-live-all-groups .football-live-book-row--upcoming, :root[data-theme="sportsbook"] .football-live-all-section .football-live-all-groups .football-live-book-row--finished { position: relative; display: grid; grid-template-columns: var(--live-fav-w) var(--live-meta-w) minmax(0,1fr) var(--live-score-w) var(--live-market-w) var(--live-market-w) var(--live-market-w) var(--live-more-w); grid-template-areas: "fav meta match score home draw away more"; align-items: center; column-gap: 0; row-gap: 0; margin: 0; padding: 5px 12px; border: none; border-bottom: 1px solid #141B29; border-radius: 0; background: transparent; background-image: none; box-shadow: none; min-height: 46px; transition: background-color .12s ease; } :root[data-theme="sportsbook"] .football-live-all-section .football-live-all-groups .football-live-book-row:hover { background-color: rgba(255,255,255,.032); } /* משחק חי — פס דק בקצה הפתיחה, בלי לצבוע את כל השורה */ :root[data-theme="sportsbook"] .football-live-all-section .football-live-all-groups .football-live-book-row:not(.football-live-book-row--finished):not(.football-live-book-row--upcoming)::before { content: ""; position: absolute; inset-block: 0; inset-inline-start: 0; width: 2px; background: #FF3D5A; } :root[data-theme="sportsbook"] .football-live-all-section .football-live-all-groups .football-live-book-row--finished { grid-template-columns: var(--live-fav-w) var(--live-meta-w) minmax(0,1fr) var(--live-score-w) var(--live-more-w); grid-template-areas: "fav meta match score more"; opacity: .68; } /* קווי הרשת האנכיים של הטבלה המקורית */ :root[data-theme="sportsbook"] .football-live-all-section .football-live-book-row > *, :root[data-theme="sportsbook"] .basketball-live-all-section .basketball-live-book-row > * { border-left: none; border-right: none; min-height: 0; } /* ── דקה / LIVE — צר וקומפקטי ── */ /* עמודת הדקה צרה (58px). סטטוסים ארוכים כמו "הפסקה, מחצית ראשונה" גלשו החוצה ודרסו את שמות הקבוצות — min-width:0 מאפשר לפריט ה-grid להצטמצם, ו-overflow גוזר את העודף. */ :root[data-theme="sportsbook"] .football-live-all-section .football-live-book-meta { flex-direction: column; align-items: center; justify-content: center; align-self: center; gap: 1px; min-width: 0; overflow: hidden; } :root[data-theme="sportsbook"] .football-live-all-section .football-score-cell-live, :root[data-theme="sportsbook"] .football-live-all-section .football-live-match-minute { flex: 0 0 auto; width: auto; flex-direction: column; align-items: center; justify-content: center; gap: 1px; background: transparent; border: none; border-radius: 0; padding: 0; min-height: 0; width: 100%; min-width: 0; max-width: 100%; overflow: hidden; } :root[data-theme="sportsbook"] .football-live-all-section .football-live-minute-base { color: #FF3D5A; font-weight: 800; font-size: .88rem; font-variant-numeric: tabular-nums; line-height: 1; } :root[data-theme="sportsbook"] .football-live-all-section .football-score-cell-live-main, :root[data-theme="sportsbook"] .football-live-all-section .football-score-cell-live-sub { font-size: .5rem; font-weight: 700; letter-spacing: .08em; color: #FF8A9C; line-height: 1; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } :root[data-theme="sportsbook"] .football-live-all-section .football-score-cell-live-dot { background: #FF3D5A; animation: sb-live-pulse 1.9s ease-out infinite; } @keyframes sb-live-pulse { 0% { box-shadow: 0 0 0 0 rgba(255,61,90,.55); } 70% { box-shadow: 0 0 0 5px rgba(255,61,90,0); } 100% { box-shadow: 0 0 0 0 rgba(255,61,90,0); } } @media (prefers-reduced-motion: reduce) { :root[data-theme="sportsbook"] .football-live-all-section .football-score-cell-live-dot { animation: none; } } /* ── קבוצות: שתי שורות צמודות ── */ :root[data-theme="sportsbook"] .football-live-all-section .football-live-book-match { align-self: center; padding: 0 8px; gap: 1px; } :root[data-theme="sportsbook"] .football-live-all-section .football-live-book-team-line { min-height: 0; padding: 0; } :root[data-theme="sportsbook"] .football-live-all-section .football-fixtures-team-logo { width: 17px; height: 17px; } :root[data-theme="sportsbook"] .football-live-all-section .football-fixtures-team { gap: 7px; } :root[data-theme="sportsbook"] .football-live-all-section .football-fixtures-team-name { font-size: .8rem; font-weight: 500; line-height: 1.45; color: #DDE5F2; unicode-bidi: plaintext; } :root[data-theme="sportsbook"] .football-live-all-section .football-fixtures-team, :root[data-theme="sportsbook"] .football-live-all-section .football-live-book-score-away { border-top: none; } /* ── תוצאה ── */ :root[data-theme="sportsbook"] .football-live-all-section .football-live-book-score { background: transparent; border: none; align-self: center; justify-content: center; } :root[data-theme="sportsbook"] .football-live-all-section .football-live-book-score-box { flex: 0 0 auto; width: auto; background: transparent; border: none; gap: 1px; padding: 0; } :root[data-theme="sportsbook"] .football-live-all-section .football-live-book-score-home, :root[data-theme="sportsbook"] .football-live-all-section .football-live-book-score-away { background: transparent; color: #FFFFFF; font-weight: 800; font-size: .84rem; line-height: 1.45; font-variant-numeric: tabular-nums; } :root[data-theme="sportsbook"] .football-live-all-section .football-live-book-favorite, :root[data-theme="sportsbook"] .football-live-all-section .football-live-all-bets-inner { align-self: center; min-height: 0; background: transparent; } /* ══════════════════════════════════════════════════════════════════ כפתורי יחסים — קומפקטיים, מיושרים לעמודות ══════════════════════════════════════════════════════════════════ */ :root[data-theme="sportsbook"] .football-live-all-section .football-live-book-market { padding: 0 2px; } :root[data-theme="sportsbook"] .football-live-all-section .football-live-tab { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 34px; padding: 0 4px; border-radius: 5px; background: #141C2C; border: 1px solid #222C42; transition: background .12s ease, border-color .12s ease, box-shadow .12s ease; } /* בטבלה התוויות יושבות בכותרת, ולכן אין צורך בהן בתוך הכפתור */ :root[data-theme="sportsbook"] .football-live-all-section .football-live-tab::before { content: none; } :root[data-theme="sportsbook"] .football-live-all-section .football-live-tab .football-live-tab-odds { font-size: .88rem; font-weight: 700; line-height: 1; color: #16E07F; font-variant-numeric: tabular-nums; } :root[data-theme="sportsbook"] .football-live-all-section .football-live-tab:hover { background: rgba(22,224,127,.13); border-color: #16E07F; box-shadow: 0 0 0 1px rgba(22,224,127,.22); } :root[data-theme="sportsbook"] .football-live-all-section .football-live-tab[aria-selected="true"] { background: linear-gradient(180deg, #3DFF9E 0%, #16E07F 100%); border-color: #3DFF9E; } :root[data-theme="sportsbook"] .football-live-all-section .football-live-tab[aria-selected="true"] .football-live-tab-odds { color: #04140C; } :root[data-theme="sportsbook"] .football-live-all-section .football-live-all-country:last-child .football-live-book:last-child .football-live-book-row:last-child { border-bottom: none; } /* ══════════════════════════════════════════════════════════════════ רספונסיביות — צפוף עוד יותר במסך צר ══════════════════════════════════════════════════════════════════ */ @media (max-width: 560px) { :root[data-theme="sportsbook"] .football-live-all-section { --live-fav-w: 24px; --live-meta-w: 44px; --live-score-w: 24px; --live-market-w: 52px; --live-more-w: 30px; } :root[data-theme="sportsbook"] .football-live-all-section .football-live-all-groups .football-live-book-row, :root[data-theme="sportsbook"] .football-live-all-section .football-live-all-groups .football-live-book-row--upcoming, :root[data-theme="sportsbook"] .football-live-all-section .football-live-all-groups .football-live-book-row--finished { padding: 4px 8px; min-height: 42px; } :root[data-theme="sportsbook"] .football-live-all-section .football-live-all-groups .football-live-book-head { padding: 5px 8px 4px; } :root[data-theme="sportsbook"] .football-live-all-section .football-fixtures-team-name { font-size: .74rem; } :root[data-theme="sportsbook"] .football-live-all-section .football-fixtures-team-logo { width: 15px; height: 15px; } :root[data-theme="sportsbook"] .football-live-all-section .football-live-tab { min-height: 30px; } :root[data-theme="sportsbook"] .football-live-all-section .football-live-tab .football-live-tab-odds { font-size: .8rem; } :root[data-theme="sportsbook"] .football-live-all-section .football-live-minute-base { font-size: .8rem; } } /* ══════════════════════════════════════════════════════════════════ כרום כללי ══════════════════════════════════════════════════════════════════ */ :root[data-theme="sportsbook"] * { scrollbar-color: #2C3852 #06080F; } :root[data-theme="sportsbook"] ::-webkit-scrollbar-track { background: #06080F; } :root[data-theme="sportsbook"] ::-webkit-scrollbar-thumb { background: #2C3852; border-radius: 3px; } :root[data-theme="sportsbook"] ::-webkit-scrollbar-thumb:hover { background: #3E4E6E; } :root[data-theme="sportsbook"] input:focus, :root[data-theme="sportsbook"] textarea:focus, :root[data-theme="sportsbook"] select:focus { outline: none; border-color: #16E07F; box-shadow: 0 0 0 2px rgba(22,224,127,.2); } :root[data-theme="sportsbook"] ::selection { background: rgba(22,224,127,.3); color: #fff; } /* ══════════════════════════════════════════════════════════════════ v5 — חיוּת: צבע, אפקטים, ותיקון תצוגת הפסקה ══════════════════════════════════════════════════════════════════ */ /* ── תגית הפסקה ── בהפסקה מוצג הטקסט המלא "הפסקה, מחצית ראשונה" בעמודה של 58px, והוא נחתך. יש class ייעודי (--break-ht / --break-bt), ולכן אפשר להחליף אותו בתגית קצרה. HT/BT הוא התקן בספורטבוקים ועובד בשתי השפות בלי תרגום. ה-JS ממשיך לעדכן את הטקסט המוסתר, וכשהסטטוס משתנה ה-class יורד והמספר חוזר להופיע. */ :root[data-theme="sportsbook"] .football-live-all-section .football-score-cell-live--break-ht .js-live-minute, :root[data-theme="sportsbook"] .football-live-all-section .football-score-cell-live--break-bt .js-live-minute { display: none; } :root[data-theme="sportsbook"] .football-live-all-section .football-score-cell-live--break-ht .football-score-cell-live-main::before, :root[data-theme="sportsbook"] .football-live-all-section .football-score-cell-live--break-bt .football-score-cell-live-main::before { display: inline-flex; align-items: center; justify-content: center; padding: 2px 7px; border-radius: 4px; background: rgba(245, 166, 35, .15); border: 1px solid rgba(245, 166, 35, .38); color: #F5A623; font-size: .66rem; font-weight: 800; letter-spacing: .08em; line-height: 1; white-space: nowrap; } :root[data-theme="sportsbook"] .football-live-all-section .football-score-cell-live--break-ht .football-score-cell-live-main::before { content: "HT"; } :root[data-theme="sportsbook"] .football-live-all-section .football-score-cell-live--break-bt .football-score-cell-live-main::before { content: "BT"; } /* ── צבע: המשטח מקבל גוון כחול-סגלגל במקום אפור מת ── */ :root[data-theme="sportsbook"] .football-live-all-section .football-live-all-groups { background: linear-gradient(180deg, #0D1322 0%, #090E1A 100%); border-color: #1E2740; } /* זברה עדינה — נותנת קצב לטבלה בלי קווים נוספים */ :root[data-theme="sportsbook"] .football-live-all-section .football-live-all-groups .football-live-book-row:nth-of-type(even) { background-color: rgba(255, 255, 255, .016); } :root[data-theme="sportsbook"] .football-live-all-section .football-live-all-groups .football-live-book-row { border-bottom-color: #17203300; box-shadow: inset 0 -1px 0 #182136; } /* כותרת מדינה עשירה יותר */ :root[data-theme="sportsbook"] .football-live-all-section .football-live-all-groups .football-live-all-country-head { background: linear-gradient(180deg, #16203A 0%, #111A2E 100%); border-bottom-color: #222D4A; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05); } :root[data-theme="sportsbook"] .football-live-all-section .football-live-all-country-name { color: #C7D2E3; } /* כותרת ליגה עם פס מותג בקצה הפתיחה */ :root[data-theme="sportsbook"] .football-live-all-section .football-live-all-groups .football-live-book-head { position: relative; background: rgba(255, 255, 255, .022); border-bottom-color: #182136; } :root[data-theme="sportsbook"] .football-live-all-section .football-live-all-groups .football-live-book-head::before { content: ""; position: absolute; inset-block: 4px; inset-inline-start: 0; width: 2px; border-radius: 2px; background: #16E07F; display: block; } /* ── אפקט: פס מותג נכנס מהקצה בריחוף על שורה ── */ :root[data-theme="sportsbook"] .football-live-all-section .football-live-all-groups .football-live-book-row::after { content: ""; position: absolute; inset-block: 0; inset-inline-start: 0; width: 2px; background: #16E07F; transform: scaleY(0); transform-origin: center; transition: transform .18s ease; pointer-events: none; } :root[data-theme="sportsbook"] .football-live-all-section .football-live-all-groups .football-live-book-row:hover::after { transform: scaleY(1); } :root[data-theme="sportsbook"] .football-live-all-section .football-live-all-groups .football-live-book-row:hover { background-color: rgba(22, 224, 127, .045); } /* בשורה חיה הפס האדום גובר על אפקט הריחוף */ :root[data-theme="sportsbook"] .football-live-all-section .football-live-all-groups .football-live-book-row:not(.football-live-book-row--finished):not(.football-live-book-row--upcoming)::before { box-shadow: 0 0 10px rgba(255, 61, 90, .55); z-index: 1; } :root[data-theme="sportsbook"] .football-live-all-section .football-live-all-groups .football-live-book-row:not(.football-live-book-row--finished):not(.football-live-book-row--upcoming):hover::after { transform: scaleY(0); } /* סמל הקבוצה גדל קלות בריחוף */ :root[data-theme="sportsbook"] .football-live-all-section .football-fixtures-team-logo { transition: transform .18s ease; } :root[data-theme="sportsbook"] .football-live-all-section .football-live-book-row:hover .football-fixtures-team-logo { transform: scale(1.12); } :root[data-theme="sportsbook"] .football-live-all-section .football-live-book-row:hover .football-fixtures-team-name { color: #FFFFFF; } /* ── כפתורי יחסים: גרדיאנט, זוהר, והרמה ── */ :root[data-theme="sportsbook"] .football-live-all-section .football-live-tab { background: linear-gradient(180deg, #182238 0%, #111828 100%); border-color: #26314C; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05); transition: background .13s ease, border-color .13s ease, box-shadow .13s ease, transform .11s ease; } :root[data-theme="sportsbook"] .football-live-all-section .football-live-tab .football-live-tab-odds { color: #2BF08D; font-weight: 800; } :root[data-theme="sportsbook"] .football-live-all-section .football-live-tab:hover { background: linear-gradient(180deg, rgba(22, 224, 127, .22) 0%, rgba(22, 224, 127, .08) 100%); border-color: #2BF08D; box-shadow: 0 0 0 1px rgba(22, 224, 127, .3), 0 5px 16px rgba(22, 224, 127, .25); transform: translateY(-1px); } :root[data-theme="sportsbook"] .football-live-all-section .football-live-tab:active { transform: translateY(0); } :root[data-theme="sportsbook"] .football-live-all-section .football-live-tab[aria-selected="true"] { background: linear-gradient(180deg, #3DFF9E 0%, #12CC72 100%); border-color: #3DFF9E; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), 0 5px 18px rgba(22, 224, 127, .38); } /* דקה חיה עם זוהר */ :root[data-theme="sportsbook"] .football-live-all-section .football-live-minute-base { color: #FF4D68; text-shadow: 0 0 12px rgba(255, 61, 90, .45); } /* תוצאה בולטת יותר */ :root[data-theme="sportsbook"] .football-live-all-section .football-live-book-score-home, :root[data-theme="sportsbook"] .football-live-all-section .football-live-book-score-away { color: #FFFFFF; font-size: .9rem; } /* ══════════════════════════════════════════════════════════════════ מובייל — טבלה צפופה שנשארת קריאה ══════════════════════════════════════════════════════════════════ */ @media (max-width: 560px) { :root[data-theme="sportsbook"] .football-live-all-section { --live-fav-w: 0px; --live-meta-w: 42px; --live-score-w: 20px; --live-market-w: 50px; --live-more-w: 26px; } /* הכוכב יורד במסך צר — הוא לא שווה 24px מתוך 360 */ :root[data-theme="sportsbook"] .football-live-all-section .football-live-book-favorite { display: none; } :root[data-theme="sportsbook"] .football-live-all-section .football-live-all-groups .football-live-book-row, :root[data-theme="sportsbook"] .football-live-all-section .football-live-all-groups .football-live-book-row--upcoming, :root[data-theme="sportsbook"] .football-live-all-section .football-live-all-groups .football-live-book-row--finished { padding: 4px 7px; min-height: 44px; } :root[data-theme="sportsbook"] .football-live-all-section .football-live-book-match { padding: 0 6px; } :root[data-theme="sportsbook"] .football-live-all-section .football-fixtures-team { gap: 5px; } :root[data-theme="sportsbook"] .football-live-all-section .football-fixtures-team-name { font-size: .73rem; line-height: 1.4; } :root[data-theme="sportsbook"] .football-live-all-section .football-fixtures-team-logo { width: 14px; height: 14px; } :root[data-theme="sportsbook"] .football-live-all-section .football-live-tab { min-height: 30px; border-radius: 4px; } :root[data-theme="sportsbook"] .football-live-all-section .football-live-tab .football-live-tab-odds { font-size: .78rem; } :root[data-theme="sportsbook"] .football-live-all-section .football-live-book-market { padding: 0 1px; } :root[data-theme="sportsbook"] .football-live-all-section .football-live-minute-base { font-size: .76rem; } :root[data-theme="sportsbook"] .football-live-all-section .football-score-cell-live-main, :root[data-theme="sportsbook"] .football-live-all-section .football-score-cell-live-sub { font-size: .46rem; } :root[data-theme="sportsbook"] .football-live-all-section .football-score-cell-live--break-ht .football-score-cell-live-main::before, :root[data-theme="sportsbook"] .football-live-all-section .football-score-cell-live--break-bt .football-score-cell-live-main::before { font-size: .58rem; padding: 2px 5px; } :root[data-theme="sportsbook"] .football-live-all-section .football-live-book-score-home, :root[data-theme="sportsbook"] .football-live-all-section .football-live-book-score-away { font-size: .78rem; } :root[data-theme="sportsbook"] .football-live-all-section .football-live-all-groups .football-live-book-head { padding: 5px 7px 4px; } :root[data-theme="sportsbook"] .football-live-all-section .football-live-all-groups .football-live-book-markets-head > * { font-size: .55rem; } /* בלי הרמות ותזוזות במגע */ :root[data-theme="sportsbook"] .football-live-all-section .football-live-tab:hover { transform: none; } :root[data-theme="sportsbook"] .football-live-all-section .football-live-book-row:hover .football-fixtures-team-logo { transform: none; } } @media (prefers-reduced-motion: reduce) { :root[data-theme="sportsbook"] .football-live-all-section .football-live-book-row::after, :root[data-theme="sportsbook"] .football-live-all-section .football-fixtures-team-logo, :root[data-theme="sportsbook"] .football-live-all-section .football-live-tab { transition: none; } :root[data-theme="sportsbook"] .football-live-all-section .football-live-book-row:hover .football-fixtures-team-logo { transform: none; } }