/* =========================================================
   ADS HUB — BACKGROUND SKIN V8 PIÙ CHIARO
   Solo per la HUB: www.alchimistideisogni.it/
   Non modifica video YouTube, CTA, sezioni o JS.
   Allinea la HUB allo sfondo approvato su Lara copy V2.
========================================================= */

body.ads-hub-bg-v8{
  background:#07182a !important;
  color:#f8fbff;
  overflow-x:hidden;
}

/* Base video già presente nella HUB: assets/videos/bg-liquid.mp4 */
body.ads-hub-bg-v8 .ads-liquid-bg{
  opacity:1 !important;
  background:
    radial-gradient(circle at 50% 10%, rgba(56,118,186,.30), transparent 44%),
    linear-gradient(180deg, #0c2239 0%, #081a2d 44%, #050816 100%) !important;
  pointer-events:none;
}

body.ads-hub-bg-v8 .ads-liquid-video{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  transform:none !important;
  opacity:.74 !important;
  filter:saturate(1.08) contrast(1.02) brightness(.94) !important;
}

/* Velo più leggero: fa vedere numeri/texture senza perdere leggibilità */
body.ads-hub-bg-v8 .ads-liquid-bg::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(180deg, rgba(5,8,22,.16) 0%, rgba(6,16,31,.28) 22%, rgba(7,22,39,.42) 58%, rgba(5,8,22,.60) 100%),
    linear-gradient(120deg, rgba(42,121,197,.18) 0%, rgba(7,18,34,.03) 50%, rgba(11,42,69,.24) 100%);
}

body.ads-hub-bg-v8 .ads-liquid-bg::after{
  content:"";
  position:absolute;
  inset:auto 50% -24vh auto;
  z-index:2;
  width:min(1080px,76vw);
  height:min(1080px,76vw);
  transform:translateX(48%);
  background:radial-gradient(circle at center, rgba(99,169,241,.32), rgba(42,121,197,0) 62%);
  filter:blur(34px);
}

/* Mantiene le sezioni ariose come Lara copy, senza stravolgere layout */
body.ads-hub-bg-v8 .section,
body.ads-hub-bg-v8 .site-main{
  background:transparent !important;
}

/* Titoli e testi un filo più luminosi sul nuovo sfondo */
body.ads-hub-bg-v8 .section-head h2,
body.ads-hub-bg-v8 #video-intro h2,
body.ads-hub-bg-v8 .hero-content h1,
body.ads-hub-bg-v8 .chi-title,
body.ads-hub-bg-v8 .ws-metal-title{
  text-shadow:
    0 18px 42px rgba(0,0,0,.32),
    0 2px 0 rgba(0,0,0,.18);
}

body.ads-hub-bg-v8 .section-head p,
body.ads-hub-bg-v8 .hero-lead,
body.ads-hub-bg-v8 #video-intro .section-head p{
  color:rgba(233,238,246,.88) !important;
}

/* Cornice video più coerente con Lara copy V2 */
body.ads-hub-bg-v8 #video-intro .ads-youtube-frame{
  border-color:rgba(233,238,246,.34) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.08),
    0 24px 66px rgba(0,0,0,.46) !important;
}

/* Pannelli chiari: li lasciamo chiari ma con appoggio più premium */
body.ads-hub-bg-v8 .ads-panel-light,
body.ads-hub-bg-v8 .ads-card-light,
body.ads-hub-bg-v8 .ads-card-accent{
  box-shadow:
    0 18px 52px rgba(0,0,0,.26),
    inset 0 1px 0 rgba(255,255,255,.66);
}

@media (max-width:960px){
  body.ads-hub-bg-v8 .ads-liquid-video{
    opacity:.62 !important;
    filter:saturate(1.05) contrast(1.01) brightness(.88) !important;
  }

  body.ads-hub-bg-v8 .ads-liquid-bg::before{
    background:
      linear-gradient(180deg, rgba(5,8,22,.22) 0%, rgba(6,16,31,.36) 40%, rgba(5,8,22,.66) 100%),
      linear-gradient(120deg, rgba(42,121,197,.14), rgba(7,18,34,.03), rgba(11,42,69,.18));
  }
}

@media (prefers-reduced-motion: reduce){
  body.ads-hub-bg-v8 .ads-liquid-video{
    display:none !important;
  }
}