/* ================================================================
   DAV Strains Workroom v4.7 — Light Wave + Proportions
   Fixes: heroes too dark, headings too huge, PMPro/auth pages too heavy.
   ================================================================ */
:root{
  --dav-v47-ink:#071524;
  --dav-v47-paper:#fff7e8;
  --dav-v47-gold:#f1c96d;
  --dav-v47-blue:#38c6f4;
  --dav-v47-bg:#081424;
}

/* Global discipline: premium, readable, not shouty. */
body.dav-commercial{
  background:
    radial-gradient(820px 440px at 14% 0%, rgba(56,198,244,.18), transparent 62%),
    radial-gradient(760px 420px at 92% 4%, rgba(241,201,109,.18), transparent 58%),
    linear-gradient(180deg,#0a1525 0%,#071220 54%,#050914 100%) !important;
}

/* Inner-page hero: lighter, shorter, cleaner. */
body.dav-commercial .page-hero,
body.dav-commercial .entry-hero,
body.dav-pmpro-ui .entry-hero,
body.dav-pmpro-checkout .entry-hero,
body.dav-wc-account-ui .entry-hero,
body.woocommerce-account .entry-hero,
body.woocommerce-checkout .entry-hero{
  min-height:clamp(160px,22vw,230px) !important;
  padding:clamp(72px,8vw,118px) clamp(18px,5vw,72px) clamp(30px,4vw,52px) !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:center !important;
  text-align:center !important;
  overflow:hidden !important;
  isolation:isolate !important;
  background:
    linear-gradient(180deg, rgba(7,16,30,.28) 0%, rgba(7,16,30,.48) 74%, rgba(7,16,30,.70) 100%),
    radial-gradient(circle at 18% 46%, rgba(56,198,244,.18), transparent 34%),
    radial-gradient(circle at 82% 42%, rgba(241,201,109,.18), transparent 30%),
    url('../img/Background.webp') center 48% / cover no-repeat !important;
}
body.dav-commercial .page-hero::before,
body.dav-commercial .entry-hero::before,
body.dav-pmpro-ui .entry-hero::before,
body.dav-pmpro-checkout .entry-hero::before,
body.dav-wc-account-ui .entry-hero::before,
body.woocommerce-account .entry-hero::before,
body.woocommerce-checkout .entry-hero::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:-1 !important;
  opacity:.86 !important;
  pointer-events:none !important;
  background:
    linear-gradient(90deg, rgba(56,198,244,.16), transparent 38%, rgba(241,201,109,.12)),
    url('../img/dav-workroom-wave-wide.png') center 58% / min(1180px,130vw) auto no-repeat !important;
  mix-blend-mode:screen !important;
}

/* Fix the huge title problem. */
body.dav-commercial .page-hero h1,
body.dav-commercial .entry-hero h1,
body.dav-commercial .page-title,
body.dav-commercial .entry-title,
body.dav-pmpro-ui .entry-hero h1,
body.dav-pmpro-checkout .entry-hero h1,
body.dav-wc-account-ui .entry-hero h1,
body.woocommerce-account .entry-hero h1,
body.woocommerce-checkout .entry-hero h1{
  color:#fff !important;
  font-size:clamp(34px,4.8vw,64px) !important;
  line-height:1.02 !important;
  letter-spacing:-.045em !important;
  text-shadow:0 10px 36px rgba(0,0,0,.34) !important;
  max-width:920px !important;
  margin:0 auto !important;
}

/* Login should sell, not tower over the user. */
body.dav-pmpro-ui.page-slug-login .page-hero,
body.dav-pmpro-ui.page-id-login .page-hero,
body.dav-pmpro-ui .page-hero:has(+ .page-content .dav-auth-shell){
  min-height:150px !important;
  padding-top:70px !important;
  padding-bottom:22px !important;
}

/* Plugin page background wave: visible but calm. */
body.dav-pmpro-ui .site-main:before,
body.dav-pmpro-checkout .site-main:before,
body.dav-wc-account-ui .site-main:before,
body.woocommerce-account .site-main:before{
  height:230px !important;
  opacity:.28 !important;
  background:
    linear-gradient(180deg, rgba(5,10,18,.04), rgba(5,10,18,.66)),
    url('../img/Background.webp') center 45% / cover no-repeat !important;
}

/* Cards: slightly smaller and more premium. */
body.dav-commercial .page-content .wrap,
body.dav-commercial .reader-panel,
body.dav-pmpro-ui .entry-content,
body.dav-pmpro-checkout .entry-content,
body.dav-wc-account-ui .entry-content,
body.woocommerce-account .entry-content{
  width:min(980px,calc(100% - 32px)) !important;
  margin-inline:auto !important;
}

.pmpro_card,
.pmpro_section,
.pmpro_checkout,
.pmpro_login_wrap,
.pmpro_lost_password_wrap,
.pmpro_reset_password_wrap,
.pmpro_account-section,
.pmpro_confirmation_wrap,
.woocommerce form.login,
.woocommerce form.register,
.woocommerce form.checkout,
.woocommerce-MyAccount-content,
.woocommerce-MyAccount-navigation,
.woocommerce-order,
.woocommerce-customer-details,
.woocommerce-order-details,
.dav-auth-card,
.reader-panel{
  border-radius:26px !important;
  padding:clamp(22px,3.2vw,38px) !important;
  box-shadow:0 22px 70px rgba(0,0,0,.20) !important;
}

/* Account/membership headings inside cards must not look like giant banners. */
.pmpro h1,.pmpro h2,.pmpro h3,
.woocommerce h1,.woocommerce h2,
.pmpro_account-section h2,
.pmpro_confirmation_wrap h1,
.pmpro_confirmation_wrap h2,
.woocommerce-MyAccount-content h2,
.woocommerce-order h2,
.dav-auth-card h1,
.dav-auth-card h2,
.reader-panel h1,
.reader-panel h2{
  font-size:clamp(24px,3vw,38px) !important;
  line-height:1.12 !important;
  letter-spacing:-.035em !important;
}

.pmpro p,
.pmpro li,
.woocommerce p,
.woocommerce li,
.woocommerce td,
.woocommerce th,
.reader-panel p,
.reader-panel li,
.dav-auth-card p{
  font-size:clamp(15px,1.15vw,17px) !important;
  line-height:1.72 !important;
}

/* Auth panel refinement */
.dav-auth-shell{
  width:min(100%,760px) !important;
  min-height:auto !important;
  margin:0 auto !important;
  padding:clamp(24px,5vw,54px) 0 calc(var(--dav-bottom-menu,92px) + 80px) !important;
  background:transparent !important;
}
.dav-auth-card{
  width:min(100%,520px) !important;
  margin-inline:auto !important;
  background:rgba(255,248,236,.96) !important;
}
.dav-auth-card h1{font-size:clamp(32px,5vw,48px) !important;}

/* If the login page is viewed while signed in, make the signed-in card centered and clean. */
.dav-auth-signed{
  text-align:center !important;
  margin:clamp(18px,4vw,38px) auto calc(var(--dav-bottom-menu,92px) + 76px) !important;
}

/* Make WooCommerce account nav look like app tabs, not a raw list. */
.woocommerce-MyAccount-navigation ul,
.woocommerce-MyAccount-navigation li{
  list-style:none !important;
}
.woocommerce-MyAccount-navigation li a{
  font-size:15px !important;
  min-height:46px !important;
}

/* Mobile: smaller hero, no title clipping, less darkness. */
@media (max-width:720px){
  body.dav-commercial .page-hero,
  body.dav-commercial .entry-hero,
  body.dav-pmpro-ui .entry-hero,
  body.dav-pmpro-checkout .entry-hero,
  body.dav-wc-account-ui .entry-hero,
  body.woocommerce-account .entry-hero,
  body.woocommerce-checkout .entry-hero{
    min-height:132px !important;
    padding:74px 18px 24px !important;
    background-position:center top !important;
  }
  body.dav-commercial .page-hero h1,
  body.dav-commercial .entry-hero h1,
  body.dav-commercial .page-title,
  body.dav-commercial .entry-title,
  body.dav-pmpro-ui .entry-hero h1,
  body.dav-pmpro-checkout .entry-hero h1,
  body.dav-wc-account-ui .entry-hero h1,
  body.woocommerce-account .entry-hero h1,
  body.woocommerce-checkout .entry-hero h1{
    font-size:clamp(30px,9vw,42px) !important;
    line-height:1.04 !important;
    letter-spacing:-.04em !important;
  }
  body.dav-commercial .page-content .wrap,
  body.dav-commercial .reader-panel,
  body.dav-pmpro-ui .entry-content,
  body.dav-pmpro-checkout .entry-content,
  body.dav-wc-account-ui .entry-content,
  body.woocommerce-account .entry-content{
    width:min(100% - 18px,680px) !important;
  }
  .pmpro_card,
  .pmpro_section,
  .pmpro_checkout,
  .pmpro_login_wrap,
  .pmpro_lost_password_wrap,
  .pmpro_reset_password_wrap,
  .pmpro_account-section,
  .pmpro_confirmation_wrap,
  .woocommerce form.login,
  .woocommerce form.register,
  .woocommerce form.checkout,
  .woocommerce-MyAccount-content,
  .woocommerce-MyAccount-navigation,
  .woocommerce-order,
  .dav-auth-card,
  .reader-panel{
    border-radius:22px !important;
    padding:20px !important;
  }
}

/* Admin-bar preview sometimes clips the top; give logged-in views breathing room. */
body.admin-bar.dav-commercial .page-hero,
body.admin-bar.dav-commercial .entry-hero{
  padding-top:calc(clamp(72px,8vw,118px) + 22px) !important;
}
@media (max-width:720px){
  body.admin-bar.dav-commercial .page-hero,
  body.admin-bar.dav-commercial .entry-hero{
    padding-top:92px !important;
  }
}