/*
 * HLRN STANDINGS | 2026-10-28
 * Theme-specific artwork uploaded by the site owner.
 * Only Sunday, Monday and Hosted standings include this stylesheet.
 * No changes to shared nav, tables, data, login, or event automation.
 */

/* Both the body and its immediate document canvas use the same artwork:
   this prevents an opaque root color from hiding it on long pages. */
html[data-hlrn-theme="light"] body,
html:not([data-hlrn-theme]) body{
  background-color:#f3f5f7!important;
  background-image:
    linear-gradient(90deg,rgba(255,255,255,.10) 0%,transparent 24%,transparent 76%,rgba(255,255,255,.10) 100%),
    url("./HLRN_Standings_Day_Background.png")!important;
  background-position:center center,center center!important;
  background-size:cover,cover!important;
  background-repeat:no-repeat,no-repeat!important;
  background-attachment:fixed,fixed!important;
}
html[data-hlrn-theme="dark"] body{
  background-color:#04060b!important;
  background-image:
    linear-gradient(90deg,rgba(0,2,7,.12) 0%,transparent 24%,transparent 76%,rgba(0,2,7,.12) 100%),
    url("./HLRN_Standings_Night_Background.png")!important;
  background-position:center center,center center!important;
  background-size:cover,cover!important;
  background-repeat:no-repeat,no-repeat!important;
  background-attachment:fixed,fixed!important;
}

/* The existing full-width opaque white/black page shell would otherwise
   completely hide the wallpaper. Keep the scoreboard modules solid. */
html[data-hlrn-theme] body > .page-wrap,
html[data-hlrn-theme] body > .page-wrap > .panel,
html[data-hlrn-theme] body > .page-wrap > .panel.active{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
}
html[data-hlrn-theme] body > .page-wrap > .panel > .section-header{
  background:transparent!important;
  background-image:none!important;
}
html[data-hlrn-theme] body > .page-wrap > .panel > .table-shell,
html[data-hlrn-theme] body > .page-wrap .table-shell{
  /* Tables remain readable over artwork. */
  box-shadow:0 15px 45px rgba(6,12,22,.12)!important;
}
html[data-hlrn-theme="dark"] body > .page-wrap .table-shell{
  box-shadow:0 18px 45px rgba(0,0,0,.42)!important;
}

/* Hosted has an iframe-based standings dashboard. Only the external shell
   becomes translucent: the framed data retains its original theme/logic. */
html[data-hlrn-theme] body.nascar-hosted-page > .hosted-hub,
html[data-hlrn-theme] body.nascar-hosted-page > .hosted-hub > .hosted-hub-stage{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
}
html[data-hlrn-theme] body.nascar-hosted-page > .hosted-hub{
  padding:clamp(12px,2vw,28px)!important;
}
html[data-hlrn-theme="light"] body.nascar-hosted-page .hosted-hub-frame{
  box-shadow:0 18px 48px rgba(11,19,34,.14)!important;
}
html[data-hlrn-theme="dark"] body.nascar-hosted-page .hosted-hub-frame{
  box-shadow:0 22px 56px rgba(0,0,0,.48)!important;
}
/* Preserve contrast and league-colored sections in both site themes. */
html[data-hlrn-theme="light"] body > .page-wrap :is(.cc-card,.cc-hero-side,.last-race-card,.stat-card){
  box-shadow:0 12px 35px rgba(18,26,40,.09);
}
html[data-hlrn-theme="dark"] body > .page-wrap :is(.cc-card,.cc-hero-side,.last-race-card,.stat-card){
  box-shadow:0 14px 40px rgba(0,0,0,.32);
}

/* Do not create a fixed wallpaper layer that interferes with mobile scrolling. */
@media(max-width:850px), (prefers-reduced-motion:reduce){
  html[data-hlrn-theme] body{
    background-attachment:scroll,scroll!important;
    background-position:center top,center top!important;
  }
}
@media(max-width:600px){
  html[data-hlrn-theme] body.nascar-hosted-page > .hosted-hub{
    padding:10px!important;
  }
}


/* ================================================================
   VISIBLE STANDINGS WALLPAPER V2 — legacy standings styles force
   opaque body backgrounds and negative-z-index body pseudo layers.
   A dedicated positive stacking layer is reliable across all 3 pages.
   ================================================================ */
html[data-hlrn-theme] body{
  isolation:isolate!important;
}
html[data-hlrn-theme] body > .hlrn-standings-wallpaper{
  position:fixed!important;
  display:block!important;
  inset:0!important;
  width:100%!important;
  height:100vh!important;
  height:100dvh!important;
  z-index:0!important;
  opacity:1!important;
  pointer-events:none!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-size:cover!important;
}
html[data-hlrn-theme="light"] body > .hlrn-standings-wallpaper{
  background-color:#f7f8fa!important;
  background-image:url("./HLRN_Standings_Day_Background.png")!important;
}
html[data-hlrn-theme="dark"] body > .hlrn-standings-wallpaper{
  background-color:#05070c!important;
  background-image:url("./HLRN_Standings_Night_Background.png")!important;
}
html[data-hlrn-theme] body > .page-wrap,
html[data-hlrn-theme] body > .hosted-hub{
  position:relative!important;
  z-index:1!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
}
html[data-hlrn-theme] body > .hlrn-series-switcher{
  position:relative!important;
  z-index:50!important;
}
/* Let the sides of the wallpaper show without changing the layout
   of the real standings tables, data cards or section switching. */
@media(min-width:1100px){
  html[data-hlrn-theme] body > .page-wrap{
    width:calc(100% - 64px)!important;
    max-width:1690px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}
/* Make the prominent championship masthead participate in the artwork. */
html[data-hlrn-theme="light"] body > .page-wrap > .hero{
  background-image:
    linear-gradient(95deg,rgba(255,255,255,.93),rgba(255,255,255,.75)),
    url("./HLRN_Standings_Day_Background.png")!important;
  background-size:cover,cover!important;
  background-position:center,center 38%!important;
}
html[data-hlrn-theme="dark"] body > .page-wrap > .hero{
  background-image:
    linear-gradient(95deg,rgba(4,7,13,.91),rgba(5,8,15,.73)),
    url("./HLRN_Standings_Night_Background.png")!important;
  background-size:cover,cover!important;
  background-position:center,center 38%!important;
}
@media(max-width:600px){
  html[data-hlrn-theme] body > .page-wrap{
    width:100%!important;
  }
}