/* =====================================================================
   Football17 – tema grafico 2026
   Si carica DOPO lo stile esistente e lo sovrascrive. Per tornare alla
   grafica precedente basta togliere le due righe f17-theme da index.html.
   ===================================================================== */

:root{
  --f17-bg:#F3F4F7;
  --f17-card:#FFFFFF;
  --f17-text:#0F1A2A;
  --f17-muted:#5B6577;
  --f17-soft:#8A91A0;
  --f17-line:#E6E8EC;
  --f17-line-soft:#F0F1F4;
  --f17-accent:#FF6B1A;
  --f17-accent-ink:#C2410C;
  --f17-accent-soft:#FFF1E8;
  --f17-live:#E4570F;
  --f17-dark:#0F1A2A;
  --f17-goal:#FFD9C2;
  --f17-radius:16px;
  --f17-font:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}

html:root body:not(#f17x){background:var(--f17-bg) !important;color:var(--f17-text);font-family:var(--f17-font) !important}
html:root body:not(#f17x) button,html:root body:not(#f17x) input,html:root body:not(#f17x) select{font-family:var(--f17-font)}

/* ---------- Header ---------- */
html:root body:not(#f17x) > header{
  position:sticky;top:0;z-index:50;
  background:var(--f17-card) !important;color:var(--f17-text) !important;
  border-bottom:1px solid var(--f17-line) !important;box-shadow:none !important;
  padding:10px max(16px,calc((100% - 1320px)/2)) !important;
  display:flex !important;flex-wrap:wrap;align-items:center;gap:10px 18px;
}
html:root body:not(#f17x) > header .brand{display:flex;align-items:center;gap:10px;color:var(--f17-text) !important}
html:root body:not(#f17x) > header .brand-name{font-size:23px !important;font-weight:800 !important;letter-spacing:-.6px !important;font-style:normal !important;color:var(--f17-text) !important}
html:root body:not(#f17x) > header .brand-name span{color:var(--f17-accent) !important;font-style:normal !important}
html:root body:not(#f17x) > header .brand-mark{width:34px;height:34px}
html:root body:not(#f17x) > header .live{
  background:var(--f17-accent-soft) !important;color:var(--f17-accent-ink) !important;
  border:none !important;border-radius:10px !important;font-weight:800 !important;padding:8px 12px !important;
}
html:root body:not(#f17x) > header #language-menu-button{
  border:1px solid var(--f17-line) !important;border-radius:12px !important;background:var(--f17-card) !important;
  color:var(--f17-text) !important;height:40px;padding:0 12px !important;font-weight:700;
}

html:root body:not(#f17x) > header .live{display:none !important}

/* Barra degli sport (aggiunta da f17-theme.js) */
.f17-sports{display:flex;gap:2px;flex:1 1 auto;flex-wrap:nowrap;overflow:hidden;order:2;min-width:0}
.f17-sports a,.f17-sports span{
  display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:10px;
  font-size:14px;font-weight:700;text-decoration:none;color:var(--f17-soft);white-space:nowrap
}
.f17-sports .is-active{background:var(--f17-accent-soft);color:var(--f17-accent-ink)}
.f17-sports .f17-soon{font-size:10px;font-weight:800;color:var(--f17-muted);background:#EEF0F4;border-radius:6px;padding:1px 6px}
html:root body:not(#f17x) > header > div:last-child{order:3}

/* Ricerca spostata nell'header */
html:root body:not(#f17x) > header #global-search{order:2;flex:0 1 300px;margin:0 !important;position:relative}
html:root body:not(#f17x) > header #global-search input{
  width:100% !important;height:40px !important;border-radius:12px !important;border:1px solid var(--f17-line) !important;
  background:var(--f17-bg) !important;padding:0 14px 0 38px !important;font-size:14px !important;box-shadow:none !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235B6577' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;background-position:13px center !important;
}

/* ---------- Area principale ---------- */
html:root body:not(#f17x) main{max-width:1320px !important;margin:18px auto 32px !important;padding:0 16px !important}
html:root body:not(#f17x) .intro{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 0 12px !important;background:none !important;padding:0 !important;border:none !important}
html:root body:not(#f17x) .intro h1,html:root body:not(#f17x) .intro h2{font-size:24px !important;font-weight:800 !important;letter-spacing:-.4px;margin:0 0 2px !important;color:var(--f17-text) !important}
html:root body:not(#f17x) .intro .sub{color:var(--f17-muted) !important;font-size:14px}
html:root body:not(#f17x) .intro .updated{font-size:12px !important;color:var(--f17-soft) !important}

/* Menu sezioni (Live, Oggi, Domani…) come barra con sottolineatura */
html:root body:not(#f17x) main > .toolbar{
  background:var(--f17-card) !important;border:1px solid var(--f17-line) !important;border-radius:var(--f17-radius) !important;
  padding:6px !important;margin:0 0 16px !important;box-shadow:none !important;gap:4px !important;
  display:flex !important;flex-wrap:nowrap !important;overflow-x:auto;align-items:center
}
html:root body:not(#f17x) main > .toolbar .tab,html:root body:not(#f17x) main > .toolbar > a,html:root body:not(#f17x) main > .toolbar > button{
  border:none !important;background:transparent !important;color:var(--f17-muted) !important;
  font-size:15px !important;font-weight:700 !important;padding:9px 14px !important;border-radius:10px !important;
  white-space:nowrap;box-shadow:none !important;text-decoration:none
}
html:root body:not(#f17x) main > .toolbar .tab:hover{background:var(--f17-bg) !important;color:var(--f17-text) !important}
html:root body:not(#f17x) main > .toolbar .tab.active{background:var(--f17-dark) !important;color:#FFFFFF !important}

/* Griglia: ogni colonna ha il suo posto fisso. Se la colonna paesi è nascosta
   (Preferiti, News…) la prima colonna si chiude e le partite restano al centro. */
@media (min-width:1101px){
  html:root body:not(#f17x) .page-layout{grid-template-columns:auto minmax(0,1fr) 300px !important;gap:20px !important}
  html:root body:not(#f17x) .page-layout > #left-menu{grid-column:1 !important;grid-row:1 !important;width:250px;box-sizing:border-box}
  html:root body:not(#f17x) .page-layout > #matches{grid-column:2 !important;grid-row:1 !important;min-width:0}
  html:root body:not(#f17x) .page-layout > #home-right{grid-column:3 !important;grid-row:1 !important;min-width:0}
}
@media (min-width:701px) and (max-width:1100px){
  html:root body:not(#f17x) .page-layout{grid-template-columns:auto minmax(0,1fr) !important;gap:16px !important}
  html:root body:not(#f17x) .page-layout > #left-menu{grid-column:1 !important;grid-row:1 !important;width:230px;box-sizing:border-box}
  html:root body:not(#f17x) .page-layout > #matches{grid-column:2 !important;grid-row:1 !important;min-width:0}
  html:root body:not(#f17x) .page-layout > #home-right{grid-column:1 / -1 !important;grid-row:2 !important}
}

/* ---------- Colonna sinistra: paesi e campionati ---------- */
html:root body:not(#f17x) .left-menu,html:root body:not(#f17x) #left-menu{
  background:var(--f17-card) !important;border:1px solid var(--f17-line) !important;border-radius:var(--f17-radius) !important;
  padding:14px !important;box-shadow:none !important;top:76px !important
}
html:root body:not(#f17x) .left-menu .side-title{font-size:12px !important;font-weight:800 !important;letter-spacing:.7px;text-transform:uppercase;color:var(--f17-muted) !important}
html:root body:not(#f17x) .left-menu input[type=search]{
  height:38px !important;border-radius:10px !important;border:1px solid var(--f17-line) !important;background:var(--f17-bg) !important;
  font-size:13px !important;padding:0 12px !important
}
html:root body:not(#f17x) .left-menu .country-list{display:grid !important;grid-template-columns:1fr !important;gap:2px !important}
html:root body:not(#f17x) .left-menu .country-button,html:root body:not(#f17x) .left-menu .league-button{
  display:flex !important;align-items:center;gap:10px;width:100%;text-align:left;
  border:none !important;background:transparent !important;border-radius:10px !important;
  padding:8px 8px !important;font-size:14px !important;font-weight:600;color:var(--f17-text) !important
}
html:root body:not(#f17x) .left-menu .country-button:hover,html:root body:not(#f17x) .left-menu .league-button:hover{background:var(--f17-bg) !important}
html:root body:not(#f17x) .left-menu .country-button.active,html:root body:not(#f17x) .left-menu .league-button.active{background:var(--f17-accent-soft) !important;color:var(--f17-accent-ink) !important}
html:root body:not(#f17x) .left-menu img{width:20px !important;height:14px !important;object-fit:cover;border-radius:2px}

/* ---------- Filtri e date ---------- */
html:root body:not(#f17x) .status-filters{display:flex !important;flex-wrap:wrap;gap:8px !important;margin:0 0 12px !important;background:none !important;border:none !important;padding:0 !important}
html:root body:not(#f17x) .status-filter{
  height:36px;padding:0 16px !important;border-radius:18px !important;border:1px solid var(--f17-line) !important;
  background:var(--f17-card) !important;color:var(--f17-text) !important;font-size:14px !important;font-weight:700 !important
}
html:root body:not(#f17x) .status-filter.active{background:var(--f17-accent) !important;border-color:var(--f17-accent) !important;color:#FFFFFF !important}

html:root body:not(#f17x) .schedule-picker{margin:0 0 14px !important;display:flex !important;flex-direction:column;gap:8px}
html:root body:not(#f17x) .schedule-dates{
  display:flex !important;flex-wrap:nowrap !important;gap:6px !important;overflow-x:auto;scroll-snap-type:x mandatory;
  padding:2px 2px 4px !important;scrollbar-width:thin;grid-template-columns:none !important
}
html:root body:not(#f17x) .schedule-dates button{
  flex:0 0 76px;height:56px;border-radius:12px !important;border:1px solid var(--f17-line) !important;
  background:var(--f17-card) !important;color:var(--f17-text) !important;font-size:12px !important;font-weight:800 !important;
  scroll-snap-align:center;box-shadow:none !important;line-height:1.25
}
html:root body:not(#f17x) .schedule-dates button span{display:block;font-size:13px !important;font-weight:800 !important;color:inherit !important}
html:root body:not(#f17x) .schedule-dates button.active{background:var(--f17-dark) !important;border-color:var(--f17-dark) !important;color:#FFFFFF !important}
html:root body:not(#f17x) label.schedule-picker{flex-direction:row !important;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--f17-muted) !important;visibility:visible !important;opacity:1 !important}
html:root body:not(#f17x) label.schedule-picker span{color:var(--f17-muted) !important}
html:root body:not(#f17x) .schedule-picker input[type=date]{
  height:36px;border-radius:10px !important;border:1px solid var(--f17-line) !important;background:var(--f17-card) !important;padding:0 10px !important
}

/* ---------- Gruppi di partite ---------- */
html:root body:not(#f17x) #matches{gap:14px !important}
html:root body:not(#f17x) #matches .fixture-group,html:root body:not(#f17x) .fixture-group{
  background:var(--f17-card) !important;border:1px solid var(--f17-line) !important;border-radius:var(--f17-radius) !important;
  overflow:hidden;box-shadow:none !important;margin:0 !important;padding:0 !important
}
html:root body:not(#f17x) .fixture-heading,html:root body:not(#f17x) .fixture-group > .fixture-heading:first-child{
  display:flex !important;align-items:center;gap:12px;
  background:var(--f17-card) !important;color:var(--f17-text) !important;
  border:none !important;border-bottom:1px solid var(--f17-line-soft) !important;border-radius:0 !important;
  padding:12px 16px !important;font-size:15px !important;font-weight:800 !important;letter-spacing:0 !important;text-transform:none !important
}
html:root body:not(#f17x) .fixture-heading > span:not(.fixture-count){flex:1 1 auto;min-width:0}
html:root body:not(#f17x) .fixture-heading .fixture-flag,html:root body:not(#f17x) .fixture-heading img{width:24px !important;height:16px !important;border-radius:3px;object-fit:cover}
html:root body:not(#f17x) .fixture-count{
  min-width:24px;height:24px;border-radius:12px !important;background:var(--f17-accent-soft) !important;color:var(--f17-accent-ink) !important;
  font-size:12px !important;font-weight:800 !important;display:inline-flex !important;align-items:center;justify-content:center;padding:0 7px !important
}
html:root body:not(#f17x) .fixture-heading span.f17-country{color:var(--f17-muted) !important}
html:root body:not(#f17x) .fixture-heading span.f17-league{color:var(--f17-text) !important}
html:root body:not(#f17x) .fixture-heading .fixture-count{color:var(--f17-accent-ink) !important}
.f17-country{display:block;font-size:11px;font-weight:800;letter-spacing:.6px;color:var(--f17-muted);text-transform:uppercase}
.f17-league{display:block;font-size:15px;font-weight:800;color:var(--f17-text)}

/* ---------- Riga partita ---------- */
html:root body:not(#f17x) .fixture-row{
  display:grid !important;grid-template-columns:36px 74px minmax(0,1fr) !important;align-items:center;gap:8px !important;
  background:var(--f17-card) !important;border:none !important;border-bottom:1px solid var(--f17-line-soft) !important;
  border-radius:0 !important;padding:9px 16px !important;margin:0 !important;box-shadow:none !important;
  transition:background-color .15s ease
}
html:root body:not(#f17x) .fixture-row:last-child{border-bottom:none !important}
html:root body:not(#f17x) .fixture-row:hover{background:#FAFAFB !important}
html:root body:not(#f17x) .fixture-row .favorite-toggle{
  width:32px;height:32px;border:none !important;background:transparent !important;border-radius:8px !important;
  color:var(--f17-soft) !important;font-size:18px !important;box-shadow:none !important;padding:0 !important
}
html:root body:not(#f17x) .fixture-row .favorite-toggle[aria-pressed="true"]{color:var(--f17-accent) !important;background:var(--f17-accent-soft) !important}
html:root body:not(#f17x) .fixture-state{font-size:13px !important;font-weight:700 !important;color:var(--f17-muted) !important;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html:root body:not(#f17x) .fixture-state.is-live,html:root body:not(#f17x) .fixture-state.is-live .live-minute{color:var(--f17-live) !important;font-weight:800 !important}
html:root body:not(#f17x) .fixture-state.is-live::after{content:none !important;display:none !important}
html:root body:not(#f17x) .fixture-teams{display:flex !important;flex-direction:column;gap:6px !important;min-width:0}
html:root body:not(#f17x) .fixture-team{display:flex !important;align-items:center;gap:10px !important;min-width:0}
html:root body:not(#f17x) .fixture-team img{width:20px !important;height:20px !important;object-fit:contain;flex-shrink:0}
html:root body:not(#f17x) .fixture-team span{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px !important;font-weight:600;color:var(--f17-text) !important}
html:root body:not(#f17x) .fixture-team b{margin-left:auto;min-width:22px;text-align:right;font-size:16px !important;font-weight:800 !important;color:var(--f17-text) !important}
html:root body:not(#f17x) .fixture-row.f17-live .fixture-team b{color:var(--f17-live) !important}
html:root body:not(#f17x) .fixture-team.f17-winner span{font-weight:800}

/* Apostrofo del minuto che lampeggia (partita in corso) */
@keyframes f17-tick{0%,49%{opacity:1}50%,100%{opacity:0}}
.f17-tick{animation:f17-tick 1s step-end infinite;font-weight:800;display:inline !important;margin:0 !important}
html:root body:not(#f17x) .fixture-state.is-live{gap:0 !important}

/* ---------- Gol: la riga lampeggia e il pallone pulsa ---------- */
@keyframes f17-goal-row{
  0%,100%{background-color:var(--f17-card)}
  50%{background-color:var(--f17-goal)}
}
@keyframes f17-goal-ball{
  0%,100%{opacity:1;transform:scale(1)}
  50%{opacity:.15;transform:scale(1.25)}
}
html:root body:not(#f17x) .fixture-row.goal-flash{
  animation:f17-goal-row .8s ease-in-out infinite !important;
  box-shadow:inset 4px 0 0 var(--f17-accent) !important
}
html:root body:not(#f17x) .fixture-row.goal-flash .goal-flash-ball{
  display:inline-block;margin-right:6px;font-size:15px;animation:f17-goal-ball .6s ease-in-out infinite !important
}
html:root body:not(#f17x) .fixture-row.goal-flash .fixture-team b{color:var(--f17-accent-ink) !important}

/* ---------- Dettaglio partita ---------- */
html:root body:not(#f17x) .match-tabs{display:flex !important;gap:6px !important;overflow-x:auto;padding:4px 0 10px !important;border:none !important;background:none !important;flex-wrap:nowrap !important}
html:root body:not(#f17x) .match-tab{
  flex:0 0 auto;height:36px;padding:0 14px !important;border-radius:18px !important;border:1px solid var(--f17-line) !important;
  background:var(--f17-card) !important;color:var(--f17-text) !important;font-size:14px !important;font-weight:700 !important;box-shadow:none !important
}
html:root body:not(#f17x) .match-tab.active{background:var(--f17-dark) !important;border-color:var(--f17-dark) !important;color:#FFFFFF !important}


/* ---------- Dettaglio partita: riquadro con risultato grande ---------- */
html:root body:not(#f17x) .match-details{
  background:var(--f17-card) !important;border:none !important;border-bottom:1px solid var(--f17-line) !important;
  padding:0 16px 16px !important;margin:0 !important
}
html:root body:not(#f17x) .fixture-row.f17-open{background:var(--f17-accent-soft) !important}
.f17-hero{
  display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px 14px;
  margin:12px 0 14px;padding:22px 16px 16px;border-radius:var(--f17-radius);
  background:#0F1A2A;color:#FFFFFF;text-align:center
}
.f17-hero-team{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}
.f17-hero-team img{width:56px;height:56px;object-fit:contain;background:#FFFFFF;border-radius:50%;padding:6px;box-sizing:border-box}
.f17-hero-team span{font-size:16px;font-weight:800;line-height:1.25;overflow-wrap:anywhere}
.f17-hero-score{display:flex;flex-direction:column;align-items:center;gap:4px}
.f17-hero-score strong{font-size:40px;font-weight:800;letter-spacing:2px;line-height:1}
.f17-hero-state{font-size:14px;font-weight:800;color:#C9CEDA}
.f17-hero.is-live .f17-hero-state{color:var(--f17-accent)}
.f17-hero.is-live .f17-hero-score strong{color:#FFFFFF}
.f17-hero-status{grid-column:1 / -1;font-size:13px;color:#9AA4B5}
.f17-hero-link{grid-column:1 / -1;justify-self:center;margin-top:4px;padding:8px 14px;border-radius:10px;background:rgba(255,255,255,.08);color:#FFFFFF !important;font-size:13px;font-weight:700;text-decoration:none}
.f17-hero-link:hover{background:rgba(255,255,255,.16)}
html:root body:not(#f17x).dark-theme .f17-hero{background:#1A2640}
@media (max-width:700px){
  .f17-hero{padding:16px 10px 12px;gap:6px 8px}
  .f17-hero-team img{width:44px;height:44px}
  .f17-hero-team span{font-size:14px}
  .f17-hero-score strong{font-size:32px}
}


/* ---------- Spazi pubblicitari ---------- */
.f17-ad{position:relative;margin:0 0 16px;padding:22px 12px 12px;background:var(--f17-card);border:1px solid var(--f17-line);border-radius:var(--f17-radius);text-align:center;overflow:hidden}
.f17-ad-label{position:absolute;top:6px;left:12px;font-size:10px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--f17-soft)}
.f17-ad-top,.f17-ad-bottom{min-height:90px}
.f17-ad-bottom{margin-top:16px}
.f17-ad-side{min-height:270px}

.f17-ad-demo{display:flex;align-items:center;justify-content:center;min-height:inherit;height:100%;border:1px dashed #C9CEDA;border-radius:10px;color:var(--f17-muted);font-size:13px;font-weight:700}
.f17-ad-top .f17-ad-demo,.f17-ad-bottom .f17-ad-demo{height:90px}
.f17-ad-side .f17-ad-demo{height:250px}
html.football17-premium .f17-ad{display:none !important}
@media (max-width:700px){.f17-ad-top,.f17-ad-bottom{min-height:100px}}

/* ---------- Colonna destra ---------- */
html:root body:not(#f17x) .home-right{gap:14px !important}
html:root body:not(#f17x) .home-side-card{
  background:var(--f17-card) !important;border:1px solid var(--f17-line) !important;border-radius:var(--f17-radius) !important;
  padding:16px !important;box-shadow:none !important
}
html:root body:not(#f17x) .home-side-title{font-size:16px !important;font-weight:800 !important;color:var(--f17-text) !important;border-bottom:none !important;padding-bottom:4px !important}
html:root body:not(#f17x) .home-side-row{border-color:var(--f17-line-soft) !important}
html:root body:not(#f17x) .home-side-row a,html:root body:not(#f17x) .home-side-card a{color:var(--f17-text)}
html:root body:not(#f17x) .home-side-card.f17-app-card{background:var(--f17-dark) !important;color:#FFFFFF !important;border:none !important}
.f17-app-card.f17-app-card.f17-app-card{background:var(--f17-dark) !important;color:#FFFFFF !important;border:none !important}
html:root body:not(#f17x) .f17-app-card h3{color:#FFFFFF !important}
html:root body:not(#f17x) .f17-app-card p{color:#C9CEDA !important}
.f17-app-card.f17-app-card h3{margin:0 0 6px;font-size:17px;font-weight:800;color:#FFFFFF}
.f17-app-card.f17-app-card p{margin:0 0 12px;font-size:14px;line-height:1.5;color:#C9CEDA}
.f17-app-card .f17-app-soon{display:inline-block;padding:10px 16px;border-radius:10px;background:var(--f17-accent);color:#FFFFFF;font-weight:800;font-size:14px}
.f17-app-card a{display:inline-block;padding:10px 16px;border-radius:10px;background:var(--f17-accent);color:#FFFFFF !important;font-weight:800;font-size:14px;text-decoration:none}

/* ---------- Footer ---------- */
html:root body:not(#f17x) .football17-footer{background:var(--f17-dark) !important;color:#C9CEDA !important;border-top:none !important}
html:root body:not(#f17x) .football17-footer a{color:#FFFFFF !important}

/* ---------- Telefono ---------- */
@media (max-width:700px){
  html:root body:not(#f17x) > header{padding:10px 12px !important;gap:8px 10px}
  html:root body:not(#f17x) > header .brand-name{font-size:20px !important}
  .f17-sports{order:4;flex-basis:100%;flex-wrap:nowrap;overflow-x:auto}
  html:root body:not(#f17x) > header #global-search{order:5;flex-basis:100%}
  html:root body:not(#f17x) main{padding:0 10px !important;margin-top:12px !important}
  html:root body:not(#f17x) .intro h1,html:root body:not(#f17x) .intro h2{font-size:20px !important}
  html:root body:not(#f17x) .fixture-row{grid-template-columns:30px 62px minmax(0,1fr) !important;padding:9px 12px !important}
  html:root body:not(#f17x) .fixture-state{font-size:12px !important}
  html:root body:not(#f17x) .fixture-team span{font-size:14px !important}
  html:root body:not(#f17x) .schedule-dates button{flex-basis:68px;height:52px}
}

/* ---------- Tema scuro ---------- */
html:root body:not(#f17x).dark-theme{
  --f17-bg:#0B1220;--f17-card:#121B2C;--f17-text:#E8ECF3;--f17-muted:#9AA4B5;--f17-soft:#7C879A;
  --f17-line:#1F2A3E;--f17-line-soft:#1A2436;--f17-accent-soft:#3A2214;--f17-goal:#5A2A10;--f17-dark:#E8ECF3
}
html:root body:not(#f17x).dark-theme main > .toolbar .tab.active,
html:root body:not(#f17x).dark-theme .schedule-dates button.active,
html:root body:not(#f17x).dark-theme .match-tab.active{color:#0B1220 !important}
html:root body:not(#f17x).dark-theme .fixture-row:hover{background:#16213A !important}
html:root body:not(#f17x).dark-theme .home-side-card.f17-app-card{background:#1A2640 !important}
html:root body:not(#f17x).dark-theme .schedule-dates button.active span{color:#0B1220 !important;opacity:1 !important}
html:root body:not(#f17x) .schedule-dates button span{opacity:1 !important}


@media (prefers-reduced-motion:reduce){
  .f17-tick,html:root body:not(#f17x) .fixture-row.goal-flash,html:root body:not(#f17x) .fixture-row.goal-flash .goal-flash-ball{animation:none !important}
}