/* ================================================================
   DAV Strains Workroom v4.8.4 — v4.8.1 Hero Correction
   Keeps the near-final v4.8.1 structure, corrects hero/background clash,
   restores featured slot, compresses moods and improves mobile first view.
   ================================================================ */
:root{
  --dav-hero-h: clamp(430px, 50vh, 560px);
  --dav-hero-h-small: clamp(320px, 44vh, 430px);
  --dav-bg-wave: url('../img/Background.webp');
  --dav-card-cream: rgba(255, 248, 234, .92);
}

html{background:#050a12!important;}
body{
  padding-top:0!important;
  background:
    radial-gradient(900px 520px at 0% 8%,rgba(49,210,255,.20),transparent 62%),
    radial-gradient(900px 520px at 100% 14%,rgba(241,200,106,.18),transparent 62%),
    #050a12!important;
}
body:before{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  z-index:-2!important;
  pointer-events:none!important;
  background:var(--dav-bg-wave) center top/cover no-repeat!important;
  opacity:.50!important;
  mix-blend-mode:screen!important;
}
body:after{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  z-index:-1!important;
  pointer-events:none!important;
  background:
    linear-gradient(180deg,rgba(5,10,18,.04) 0%,rgba(5,10,18,.34) 32%,rgba(5,10,18,.78) 76%,rgba(5,10,18,.93) 100%)!important;
}
.site-footer,.dav-footer,footer.site-footer,#site-footer{
  background:#04070d!important;
  background-image:none!important;
}
.site-footer:before,.site-footer:after,.dav-footer:before,.dav-footer:after,footer:before,footer:after{display:none!important;content:none!important;}

/* Remove competing hero/poster layers. The site background is the single source of wave truth. */
.dav-hero:before,.dav-hero:after,
.dav-book-hero:before,.dav-book-hero:after,
.dav-music-hero:before,.dav-music-hero:after,
.page-hero:before,.page-hero:after,
.entry-hero:before,.entry-hero:after,
.dav-store-hero:before,.dav-store-hero:after{
  content:none!important;
  display:none!important;
  background:none!important;
}
.dav-hero__wave{display:none!important;}

/* Hero rhythm — same height language across home, books, music, store, membership, account. */
.dav-home-main{padding-top:0!important;}
.dav-hero,
.dav-book-hero,
.dav-music-hero,
.page-hero,
.entry-hero,
.dav-store-hero{
  min-height:var(--dav-hero-h)!important;
  width:min(1180px,calc(100% - 32px))!important;
  margin:0 auto!important;
  padding:clamp(22px,3.2vw,46px) 0 clamp(24px,3.2vw,44px)!important;
  display:flex!important;
  align-items:center!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.dav-book-hero-inner,.dav-music-hero-inner,.page-hero .wrap,.entry-hero .wrap{
  width:min(760px,100%)!important;
  margin:0!important;
  text-align:left!important;
}
.dav-book-title,.dav-music-hero-title,.page-title,.entry-title,.page-hero h1,.entry-hero h1{
  font-size:clamp(38px,5.6vw,72px)!important;
  line-height:.98!important;
  max-width:820px!important;
  margin:0 0 14px!important;
  letter-spacing:-.055em!important;
}
.dav-book-sub,.dav-music-hero-sub,.page-hero .lead,.entry-hero .lead{
  max-width:720px!important;
  font-size:clamp(15px,1.28vw,19px)!important;
  color:rgba(248,251,255,.78)!important;
  line-height:1.55!important;
}
.dav-book-hero .dav-info-kicker,.dav-music-hero .dav-kicker,.page-hero .kicker,.entry-hero .kicker{
  margin-bottom:12px!important;
}

/* Homepage hero: keep v4.8.1 feel, but no oversized duplicated headline/pill. */
.dav-hero.dav-container{
  display:grid!important;
  grid-template-columns:minmax(280px,.72fr) minmax(420px,1fr)!important;
  gap:clamp(22px,4vw,58px)!important;
  align-items:center!important;
}
.dav-hero__left--compact{
  max-width:500px!important;
  align-self:end!important;
  margin-bottom:clamp(22px,4vw,52px)!important;
  padding:clamp(16px,2vw,22px)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,rgba(5,10,18,.34),rgba(5,10,18,.18))!important;
  backdrop-filter:blur(14px) saturate(150%)!important;
  box-shadow:0 22px 70px rgba(0,0,0,.22)!important;
}
.dav-hero__lead--solo{
  margin:0 0 16px!important;
  max-width:38em!important;
  color:rgba(248,251,255,.84)!important;
  font-size:clamp(15px,1.22vw,18px)!important;
  line-height:1.55!important;
}
.dav-hero__cta--compact{margin:0!important;gap:10px!important;}
.dav-hero__cta--compact .dav-btn{min-height:44px!important;padding:11px 17px!important;font-size:14px!important;}
.dav-metrics{display:none!important;}

/* Featured slot returns, but cleaner and aligned with the wave. */
.dav-hero__album{
  display:grid!important;
  grid-template-columns:minmax(210px,.92fr) minmax(220px,.78fr)!important;
  gap:clamp(16px,2.2vw,26px)!important;
  align-items:center!important;
  max-width:650px!important;
  justify-self:end!important;
  padding:18px!important;
  border-radius:28px!important;
  background:linear-gradient(135deg,rgba(5,10,18,.58),rgba(8,14,24,.34))!important;
  border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:0 32px 90px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:blur(16px) saturate(155%)!important;
}
.dav-album__art{aspect-ratio:1.05/1!important;border-radius:20px!important;box-shadow:0 24px 70px rgba(0,0,0,.38)!important;}
.dav-album__title{font-size:clamp(28px,3vw,42px)!important;line-height:1!important;letter-spacing:-.05em!important;}
.dav-album__desc,.dav-album__avail{color:rgba(248,251,255,.72)!important;}

/* Moving strip replaces metrics. */
.dav-live-strip{
  margin-top:clamp(-18px,-1vw,-6px)!important;
  margin-bottom:clamp(14px,2.3vw,28px)!important;
  position:relative;
  z-index:3;
}
.dav-live-strip__viewport{
  overflow:hidden;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.13);
  background:linear-gradient(90deg,rgba(255,255,255,.10),rgba(255,255,255,.045));
  box-shadow:0 18px 54px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(16px) saturate(145%);
}
.dav-live-strip__track{
  display:flex;
  width:max-content;
  gap:10px;
  padding:9px;
  animation:davTicker 34s linear infinite;
}
.dav-live-strip:hover .dav-live-strip__track{animation-play-state:paused;}
.dav-live-chip{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:38px;
  padding:0 16px;
  border-radius:999px;
  color:#fff!important;
  background:rgba(5,10,18,.38);
  border:1px solid rgba(255,255,255,.10);
  white-space:nowrap;
}
.dav-live-chip span{
  color:var(--dav-gold,#f1c86a)!important;
  font-size:10px;
  font-weight:950;
  letter-spacing:.14em;
}
.dav-live-chip strong{font-size:13px;font-weight:850;}
@keyframes davTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* Compact moods: more choices visible in one screen. */
.dav-moods{gap:14px!important;padding-top:0!important;}
.dav-mood-block,.dav-mood-section,.dav-glass,.dav-info-card{
  border-radius:22px!important;
  padding:clamp(12px,1.2vw,18px)!important;
}
.dav-mood-block__head,.dav-mood-section-header{margin-bottom:10px!important;}
.dav-mood-block__titles h3,.dav-mood-section-title{font-size:13px!important;letter-spacing:.12em!important;}
.dav-mood-block__titles p,.dav-mood-section-sub{font-size:11px!important;}
.dav-mood-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(118px,1fr))!important;
  gap:8px!important;
}
.dav-mood-card,
button.dav-mood-card,
.mood-pill,
.mood-pill-btn{
  min-height:64px!important;
  padding:9px 10px!important;
  border-radius:15px!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:left!important;
  gap:8px!important;
}
.dav-mood-card__ic,.dav-mood-icon,.mood-pill-icon{width:22px!important;height:22px!important;min-width:22px!important;font-size:18px!important;}
.dav-mood-card strong,.dav-mood-label,.mood-pill-label{font-size:12px!important;line-height:1.08!important;}
.dav-mood-card small,.dav-mood-desc{font-size:10px!important;line-height:1.18!important;}

/* Store consistency — keep app-style browsing but with the same premium background. */
body.dav-is-store,
body.woocommerce,
body.woocommerce-page{background-color:#050a12!important;}
.dav-store-app{background:transparent!important;padding-top:0!important;}
.dav-store-hero{text-align:left!important;justify-content:center!important;}
.dav-store-hero h1{font-size:clamp(38px,5.6vw,72px)!important;line-height:.98!important;letter-spacing:-.055em!important;}
.dav-store-hero p{font-size:clamp(15px,1.2vw,18px)!important;color:rgba(248,251,255,.78)!important;}
.dav-store-top{margin-top:-46px!important;background:rgba(255,248,234,.88)!important;border-radius:26px!important;box-shadow:0 24px 74px rgba(0,0,0,.20)!important;}

/* Bring page content up under consistent heroes. */
.page-content,.section,.dav-book-shell,.dav-mood-section,.dav-releases{position:relative;z-index:2;}
.dav-book-shell,.dav-mood-section{margin-top:clamp(-44px,-4vw,-22px)!important;}
.dav-moods{margin-top:0!important;}

@media(max-width:980px){
  .dav-hero.dav-container{grid-template-columns:1fr!important;gap:14px!important;}
  .dav-hero__left--compact{align-self:auto!important;margin:0!important;max-width:100%!important;}
  .dav-hero__album{justify-self:stretch!important;max-width:none!important;grid-template-columns:120px 1fr!important;}
  .dav-album__title{font-size:24px!important;}
  .dav-album__avail{display:none!important;}
}

@media(max-width:720px){
  :root{--dav-hero-h:var(--dav-hero-h-small);}
  body{padding-top:0!important;}
  body:before{background-position:center top!important;background-size:auto 520px!important;opacity:.58!important;}
  body:after{background:linear-gradient(180deg,rgba(5,10,18,.10),rgba(5,10,18,.46) 44%,rgba(5,10,18,.92) 100%)!important;}
  .dav-hero,.dav-book-hero,.dav-music-hero,.page-hero,.entry-hero,.dav-store-hero{
    width:min(100% - 22px,460px)!important;
    min-height:var(--dav-hero-h)!important;
    padding:14px 0 20px!important;
  }
  .dav-hero.dav-container{align-content:end!important;gap:10px!important;}
  .dav-hero__left--compact{
    padding:12px!important;
    border-radius:18px!important;
    background:rgba(5,10,18,.30)!important;
  }
  .dav-hero__lead--solo{font-size:13px!important;line-height:1.42!important;margin-bottom:10px!important;}
  .dav-hero__cta--compact{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:7px!important;}
  .dav-hero__cta--compact .dav-btn{width:100%!important;min-height:38px!important;padding:8px 6px!important;font-size:11px!important;}
  .dav-hero__album{
    display:grid!important;
    grid-template-columns:84px 1fr!important;
    padding:10px!important;
    border-radius:18px!important;
    gap:10px!important;
  }
  .dav-album__art{border-radius:14px!important;}
  .dav-album__eyebrow{font-size:8px!important;letter-spacing:.14em!important;}
  .dav-album__title{font-size:17px!important;margin:2px 0 4px!important;}
  .dav-album__desc{font-size:11px!important;line-height:1.25!important;margin-bottom:7px!important;}
  .dav-album__status,.dav-album__avail{display:none!important;}
  .dav-album__info .dav-btn{min-height:32px!important;padding:7px 10px!important;font-size:10px!important;}
  .dav-live-strip{width:min(100% - 18px,460px)!important;margin-top:8px!important;margin-bottom:12px!important;}
  .dav-live-strip__track{padding:7px;animation-duration:26s;}
  .dav-live-chip{min-height:32px;padding:0 11px;gap:7px;}
  .dav-live-chip span{font-size:8px;}
  .dav-live-chip strong{font-size:11px;}
  .dav-book-title,.dav-music-hero-title,.page-title,.entry-title,.page-hero h1,.entry-hero h1,.dav-store-hero h1{
    font-size:clamp(28px,10vw,42px)!important;
    line-height:1!important;
  }
  .dav-book-sub,.dav-music-hero-sub,.page-hero .lead,.entry-hero .lead,.dav-store-hero p{font-size:13px!important;line-height:1.45!important;}
  .dav-book-shell,.dav-mood-section{margin-top:-18px!important;}
  .dav-moods{width:min(100% - 18px,460px)!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
  .dav-mood-block,.dav-mood-section,.dav-glass,.dav-info-card{border-radius:18px!important;padding:10px!important;}
  .dav-mood-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;}
  .dav-mood-card,button.dav-mood-card,.mood-pill,.mood-pill-btn{
    min-height:66px!important;
    padding:7px 4px!important;
    border-radius:13px!important;
    flex-direction:column!important;
    justify-content:center!important;
    text-align:center!important;
    gap:3px!important;
  }
  .dav-mood-card__ic,.dav-mood-icon,.mood-pill-icon{width:18px!important;height:18px!important;min-width:18px!important;font-size:15px!important;}
  .dav-mood-card strong,.dav-mood-label,.mood-pill-label{font-size:10px!important;line-height:1.05!important;}
  .dav-mood-card small,.dav-mood-desc{font-size:8.5px!important;line-height:1.1!important;}
  .dav-store-top{margin-top:-26px!important;border-radius:20px!important;}
}

@media(prefers-reduced-motion:reduce){
  .dav-live-strip__track{animation:none!important;}
}

/* DAV v4.8.5 SEO H1: readable by crawlers/screen readers, invisible in layout. */
.dav-seo-h1{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}