/* V16 — Surin sports purple + green. Pure white unboxed homepage area.
   Scoped visual treatment only; no changes to interactions or template structure. */
:root{--surin-purple:#59318a;--surin-purple-strong:#452371;--surin-purple-soft:#f3effa;--surin-green:#08785d;--surin-green-strong:#09644c;--surin-green-soft:#e9f6f1;--surin-ink:#21364b;--surin-border:#dfe8e8}
/* The V15 stadium pattern is intentionally removed: every area outside a homepage card is pure white. */
html body.public-site.hybrid-navigation.page-index,
html body.public-site.hybrid-navigation.page-index .page-content,
html body.public-site.hybrid-navigation.page-index .page-content > section:not(.premium-home-hero),
html body.public-site.hybrid-navigation.page-index .page-content > .section {
  background:#fff!important;
  background-color:#fff!important;
  background-image:none!important;
  background-attachment:scroll!important;
}
html body.public-site.hybrid-navigation.page-index::before,
html body.public-site.hybrid-navigation.page-index::after{
  content:none!important;display:none!important;
}
/* Keep hero slides and user-uploaded banners untouched. */
html body.public-site.hybrid-navigation .topbar.public-premium-topbar{
  background:rgba(255,255,255,.97)!important;
  border:1px solid #e8ddf1!important;
  box-shadow:0 9px 27px rgba(80,48,114,.09)!important;
}
body.public-site.hybrid-navigation .hybrid-main-nav>.hybrid-nav-link.active,
body.public-site.hybrid-navigation .hybrid-main-nav>.hybrid-nav-group.active>summary,
body.public-site.hybrid-navigation .hybrid-main-nav>details[open]>summary{
  background:var(--surin-green-soft)!important;
  border-color:#cbe5d8!important;
  color:var(--surin-green-strong)!important;
  -webkit-text-fill-color:var(--surin-green-strong)!important;
}
body.public-site.hybrid-navigation .hybrid-main-nav>details:not(.active)>summary:hover,
body.public-site.hybrid-navigation .hybrid-main-nav>a:not(.active):hover{
  background:var(--surin-purple-soft)!important;
  color:var(--surin-purple)!important;
  -webkit-text-fill-color:var(--surin-purple)!important;
}
body.public-site.hybrid-navigation .hybrid-account>summary,
body.public-site.hybrid-navigation .hybrid-search-input-row button{
  background:linear-gradient(135deg,#0b8061,#09654f)!important;
  border-color:#0a7459!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
body.public-site.hybrid-navigation .hybrid-brand-name strong,
body.public-site.hybrid-navigation .mobile-topbar-brand strong{color:var(--surin-purple-strong)!important;-webkit-text-fill-color:var(--surin-purple-strong)!important}
/* Homescreen headings — purple / green accents, clean bright surfaces. */
body.public-site.page-index .event-countdown{
  background:linear-gradient(107deg,#fff 0%,#f2faf7 48%,#f4effa 100%)!important;
  border-color:#e1d8eb!important;
}
body.public-site.page-index .countdown-intro small,
body.public-site.page-index .sport-hub-hero-heading .sport-hub-eyebrow{color:var(--surin-purple)!important;-webkit-text-fill-color:var(--surin-purple)!important}
body.public-site.page-index .countdown-intro strong{color:var(--surin-purple-strong)!important;-webkit-text-fill-color:var(--surin-purple-strong)!important}
body.public-site.page-index .countdown-icon{background:#efe9f9!important;color:var(--surin-purple)!important}
body.public-site.page-index .countdown-numbers>div{background:#fff!important;border-color:#e5dded!important}
body.public-site.page-index .countdown-numbers b{color:var(--surin-green-strong)!important;-webkit-text-fill-color:var(--surin-green-strong)!important}
body.public-site.page-index .sport-hub-heading.sport-hub-hero-heading{
  background:linear-gradient(105deg,#eaf7f1 0%,#f5f9f8 44%,#efe9fb 100%)!important;
  border:1px solid #dfd9ed!important;
  box-shadow:inset 5px 0 0 #0b896a,0 10px 28px rgba(71,48,106,.065)!important;
}
body.public-site.page-index .sport-hub-hero-heading h2{color:#233b4d!important;-webkit-text-fill-color:#233b4d!important}
body.public-site.page-index .sport-hub-hero-heading h2 span{color:var(--surin-purple)!important;-webkit-text-fill-color:var(--surin-purple)!important}
/* Diversify cards: both colors repeat deliberately, not rainbow accents. */
body.public-site.page-index .sport-hub-link{background:#fff!important;border-color:#e2e5ed!important}
body.public-site.page-index .sport-hub-link:is(.hub-register,.hub-live,.hub-medal){--hub-accent:#0d7e61!important}
body.public-site.page-index .sport-hub-link:is(.hub-schedule,.hub-result,.hub-news){--hub-accent:#7650a5!important}
body.public-site.page-index .sport-hub-link:is(.hub-register,.hub-live,.hub-medal) .sport-hub-icon{color:#0c8061!important;background:#e7f5ef!important}
body.public-site.page-index .sport-hub-link:is(.hub-schedule,.hub-result,.hub-news) .sport-hub-icon{color:#6d449b!important;background:#f1eafa!important}
body.public-site.page-index .sport-hub-link:hover{border-color:#cfc1e5!important;box-shadow:0 11px 22px rgba(82,54,117,.11)!important}
body.public-site.page-index .home-stat-card{background:#fff!important;border-color:var(--surin-border)!important}
body.public-site.page-index .premium-home-dashboard .premium-dashboard-card,
body.public-site.page-index .home-discovery-card,
body.public-site.page-index .home-youtube-card,
body.public-site.page-index .home-sports-network-card{
  background:#fff!important;border-color:var(--surin-border)!important;
}
/* News / live / schedule / results: white cards and soft two-color header accents. */
body.public-site.page-index .home-news-head,
body.public-site.page-index .live-now-summary-card .premium-card-head,
body.public-site.page-index .home-upcoming-card .home-discovery-head{
  background:linear-gradient(100deg,#f0eaf9,#faf8fd)!important;
  border-bottom:1px solid #e4dbee!important;
  box-shadow:inset 4px 0 0 var(--surin-purple)!important;
}
body.public-site.page-index .live-dashboard-card .premium-card-head,
body.public-site.page-index .home-latest-result-card .home-discovery-head{
  background:linear-gradient(100deg,#e7f5ee,#f8fcfa)!important;
  border-bottom:1px solid #d1e7de!important;
  box-shadow:inset 4px 0 0 var(--surin-green)!important;
}
body.public-site.page-index .home-news-head strong,
body.public-site.page-index .live-now-summary-card .premium-card-head strong,
body.public-site.page-index .home-upcoming-card .home-discovery-head h2,
body.public-site.page-index .home-upcoming-card .home-discovery-head .home-discovery-kicker{color:var(--surin-purple-strong)!important;-webkit-text-fill-color:var(--surin-purple-strong)!important}
body.public-site.page-index .live-dashboard-card .premium-card-head strong,
body.public-site.page-index .home-latest-result-card .home-discovery-head h2,
body.public-site.page-index .home-latest-result-card .home-discovery-head .home-discovery-kicker{color:var(--surin-green-strong)!important;-webkit-text-fill-color:var(--surin-green-strong)!important}
body.public-site.page-index .home-news-head>a,
body.public-site.page-index .home-news-actions>a,
body.public-site.page-index .home-upcoming-card .home-discovery-head>a,
body.public-site.page-index .live-now-summary-card .premium-card-head>a{
  background:var(--surin-purple)!important;border-color:var(--surin-purple)!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
body.public-site.page-index .live-dashboard-card .premium-card-head>a,
body.public-site.page-index .home-latest-result-card .home-discovery-head>a{
  background:var(--surin-green-strong)!important;border-color:var(--surin-green-strong)!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
body.public-site.page-index .home-youtube-split-left .home-youtube-head,
body.public-site.page-index .home-sports-network-head{background:#f2ecfa!important;border-color:#e3daef!important}
body.public-site.page-index .home-youtube-split-right .home-youtube-head{background:#ecf7f1!important;border-color:#d1e9db!important}
body.public-site.page-index .home-youtube-head h2{color:var(--surin-ink)!important;-webkit-text-fill-color:var(--surin-ink)!important}
/* All public pages use the matching palette for gentle navigation highlights. */
body.public-site:not(.page-index) .public-page-hero{
  background:linear-gradient(110deg,#fff,#f8f4fd 63%,#f1faf5)!important;
  border-color:#e2dcec!important;
}
body.public-site:not(.page-index) .section-title,
body.public-site:not(.page-index) .public-page-hero .section-title{color:var(--surin-purple-strong)!important;-webkit-text-fill-color:var(--surin-purple-strong)!important}
body.public-site:not(.page-index) :is(.sport-facet-chip.is-active,.sport-filter.active,.sport-filter[aria-pressed="true"]){background:var(--surin-green)!important;border-color:var(--surin-green)!important;color:white!important;-webkit-text-fill-color:white!important}
/* Logged-in portals: keep navigation structure, simply match accent color. */
body:is(.admin-body,.user-body) :is(.portal-nav-v4 a.active,.portal-nav-v4 [aria-current="page"]){
  background:#f0eafb!important;border-color:#ddd0ef!important;color:var(--surin-purple-strong)!important;
}
body:is(.admin-body,.user-body) :is(.admin-panel,.user-panel){border-color:#e4e1ec!important}
body:is(.admin-body,.user-body) :is(.admin-panel,.user-panel) :is(h1,h2){color:var(--surin-purple-strong)!important}
/* Make focus indicators accessible for both accent colors. */
body.public-site :is(a,button,input,select,textarea):focus-visible,
body:is(.admin-body,.user-body) :is(a,button,input,select,textarea):focus-visible{
  outline:2px solid #7b54b1!important;outline-offset:2px!important;
}
@media(max-width:1100px){
  html body.public-site.hybrid-navigation .topbar.public-premium-topbar{border:0!important;border-bottom:1px solid #e8ddf1!important}
  body.public-site.hybrid-navigation .sidebar-toggle{background:linear-gradient(135deg,#6a4299,#4c2d7a)!important;border-color:#5c368c!important}
}
@media(max-width:640px){
  html body.public-site.hybrid-navigation.page-index{background:#fff!important;background-image:none!important}
  body.public-site.page-index .sport-hub-heading.sport-hub-hero-heading{box-shadow:inset 3px 0 0 #0b896a!important}
}
/* Subtitles remain legible against the pale card headers, including at large widths. */
body.public-site.page-index .home-latest-result-card .home-discovery-head p{
  color:#557065!important;-webkit-text-fill-color:#557065!important;opacity:1!important;
}
body.public-site.page-index .home-upcoming-card .home-discovery-head p{
  color:#65577d!important;-webkit-text-fill-color:#65577d!important;opacity:1!important;
}
body.public-site.page-index .home-latest-result-card .home-discovery-head,
body.public-site.page-index .home-latest-result-card .home-discovery-head::after{border-top-color:#0b7d60!important}
body.public-site.page-index .home-upcoming-card .home-discovery-head,
body.public-site.page-index .home-upcoming-card .home-discovery-head::after{border-top-color:#65418d!important}