/* V17 — Deep purple + Surin green.  Visual override only.
   White unboxed space remains white; no change to page structure or logic. */
:root{
  --surin-purple:#401568;
  --surin-purple-strong:#2c0b4c;
  --surin-purple-soft:#f1e9f8;
  --surin-green:#08785d;
  --surin-green-strong:#09644c;
  --surin-green-soft:#e9f6f1;
}

/* Keep the clean white homepage background from V16. */
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){
  background:#fff!important;
  background-image:none!important;
}

/* Top navigation: deep-purple text and quiet purple accents. */
body.public-site.hybrid-navigation .hybrid-brand-name strong,
body.public-site.hybrid-navigation .mobile-topbar-brand strong{
  color:#2c0b4c!important;-webkit-text-fill-color:#2c0b4c!important;
}
html body.public-site.hybrid-navigation .topbar.public-premium-topbar{
  border-color:#ded0ea!important;
  box-shadow:0 9px 28px rgba(51,19,84,.10)!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:#f1e9f8!important;
  color:#401568!important;-webkit-text-fill-color:#401568!important;
}

/* Main heading uses deep purple and green, without darkening its entire area. */
body.public-site.page-index .sport-hub-heading.sport-hub-hero-heading{
  background:linear-gradient(110deg,#f0f9f5 0%,#fff 48%,#eee5f7 100%)!important;
  border-color:#d8c7e4!important;
  box-shadow:inset 5px 0 0 #401568,0 9px 28px rgba(48,21,83,.09)!important;
}
body.public-site.page-index .sport-hub-hero-heading h2{
  color:#2c0b4c!important;-webkit-text-fill-color:#2c0b4c!important;
}
body.public-site.page-index .sport-hub-hero-heading h2 span{
  color:#08785d!important;-webkit-text-fill-color:#08785d!important;
}
body.public-site.page-index .countdown-intro strong,
body.public-site.page-index .countdown-intro small{
  color:#361058!important;-webkit-text-fill-color:#361058!important;
}
body.public-site.page-index .countdown-icon{background:#ebe0f5!important;color:#401568!important}
body.public-site.page-index .event-countdown{border-color:#ddcde9!important}

/* Alternate rich purple panels with green panels; page canvas remains white. */
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(115deg,#30104e 0%,#4b1d75 100%)!important;
  border-bottom:1px solid #5d3383!important;
  box-shadow:inset 5px 0 0 #9171b0!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,
body.public-site.page-index .home-upcoming-card .home-discovery-head p{
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
body.public-site.page-index .home-upcoming-card .home-discovery-head p{
  opacity:.84!important;
}
body.public-site.page-index .home-upcoming-card .home-discovery-head .home-discovery-kicker,
body.public-site.page-index .home-news-head .premium-card-icon{
  color:#dbcaec!important;-webkit-text-fill-color:#dbcaec!important;
}
body.public-site.page-index .home-news-actions>a,
body.public-site.page-index .live-now-summary-card .premium-card-head>a,
body.public-site.page-index .home-upcoming-card .home-discovery-head>a{
  background:#fff!important;border:1px solid #fff!important;
  color:#321152!important;-webkit-text-fill-color:#321152!important;
}
body.public-site.page-index .home-news-actions>a:hover,
body.public-site.page-index .live-now-summary-card .premium-card-head>a:hover,
body.public-site.page-index .home-upcoming-card .home-discovery-head>a:hover{
  background:#f0e8f7!important;border-color:#f0e8f7!important;
}
body.public-site.page-index .home-news-scroll-btn{
  background:rgba(255,255,255,.10)!important;
  border-color:rgba(255,255,255,.36)!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}

/* Stronger purple, softer surfaces for secondary headings and icons. */
body.public-site.page-index .sport-hub-link:is(.hub-schedule,.hub-result,.hub-news){
  --hub-accent:#401568!important;
}
body.public-site.page-index .sport-hub-link:is(.hub-schedule,.hub-result,.hub-news) .sport-hub-icon{
  color:#401568!important;background:#eae1f3!important;
}
body.public-site.page-index .home-youtube-split-left .home-youtube-head,
body.public-site.page-index .home-sports-network-head{
  background:#eee5f7!important;border-color:#dbcae9!important;
}

/* Public and logged-in section titles match deep purple, with green kept as an accent. */
body.public-site:not(.page-index) .section-title,
body.public-site:not(.page-index) .public-page-hero .section-title,
body:is(.admin-body,.user-body) :is(.admin-panel,.user-panel) :is(h1,h2){
  color:#321152!important;-webkit-text-fill-color:#321152!important;
}
body:is(.admin-body,.user-body) :is(.portal-nav-v4 a.active,.portal-nav-v4 [aria-current="page"]){
  background:#eee5f7!important;border-color:#cfb9e0!important;color:#321152!important;
}
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-color:#542381!important;
}
@media(max-width:1100px){
  body.public-site.hybrid-navigation .sidebar-toggle{
    background:linear-gradient(135deg,#4d1b79,#351052)!important;
    border-color:#45156e!important;
  }
}
@media(max-width:640px){
  body.public-site.page-index .sport-hub-heading.sport-hub-hero-heading{
    box-shadow:inset 3px 0 0 #401568!important;
  }
  /* Keep readable contrast and compact controls when headers wrap. */
  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(120deg,#30104e,#46206d)!important;
  }
}