/* =========================================================
   MANUEL ZANON — ADS BACKGROUND STANDARD V1
   Applica lo standard visuale ADS (HUB BG V8 / Lara copy V2)
   SOLO alla landing /manuel-zanon/.
   Non modifica JS, video, testi, CTA o altre landing.
========================================================= */

body.manuel-ads-page.manuel-bg-standard-v1{
  background:#07182a !important;
  color:#f8fbff;
  overflow-x:hidden;
}

/* Fondo video: meno “velone”, più texture visibile come HUB V8 */
body.manuel-ads-page.manuel-bg-standard-v1 .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.manuel-ads-page.manuel-bg-standard-v1 .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 leggero: non copre tutto, accompagna lo sfondo */
body.manuel-ads-page.manuel-bg-standard-v1 .ads-liquid-bg::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  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.manuel-ads-page.manuel-bg-standard-v1 .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%);
  pointer-events:none;
  background:radial-gradient(circle at center, rgba(99,169,241,.32), rgba(42,121,197,0) 62%);
  filter:blur(34px);
}

/* Lascia respirare le sezioni: lo sfondo ADS resta visibile dietro */
body.manuel-ads-page.manuel-bg-standard-v1 .site-main,
body.manuel-ads-page.manuel-bg-standard-v1 .section,
body.manuel-ads-page.manuel-bg-standard-v1 #come-funziona,
body.manuel-ads-page.manuel-bg-standard-v1 .manuel-claim,
body.manuel-ads-page.manuel-bg-standard-v1 #contatti{
  background:transparent !important;
}

/* Mantiene i pannelli leggibili, ma senza effetto “cappa” scura */
body.manuel-ads-page.manuel-bg-standard-v1 .manuel-micro-post,
body.manuel-ads-page.manuel-bg-standard-v1 .manuel-dark-panel,
body.manuel-ads-page.manuel-bg-standard-v1 .story-card,
body.manuel-ads-page.manuel-bg-standard-v1 .claim-panel,
body.manuel-ads-page.manuel-bg-standard-v1 .manuel-signature-panel,
body.manuel-ads-page.manuel-bg-standard-v1 .manuel-contact-card,
body.manuel-ads-page.manuel-bg-standard-v1 #come-funziona .benefit-card{
  background:
    radial-gradient(620px 300px at 14% 0%, rgba(42,121,197,.20), transparent 58%),
    radial-gradient(540px 280px at 92% 2%, rgba(243,201,105,.08), transparent 62%),
    linear-gradient(180deg, rgba(11,42,69,.58), rgba(5,8,22,.78)) !important;
  border-color:rgba(233,238,246,.28) !important;
  box-shadow:
    0 20px 60px rgba(0,0,0,.34),
    inset 0 0 0 1px rgba(255,255,255,.055) !important;
}

/* Video: cornice premium, meno pesante */
body.manuel-ads-page.manuel-bg-standard-v1 .manuel-video-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;
}

/* Titoli più leggibili sul fondo più luminoso */
body.manuel-ads-page.manuel-bg-standard-v1 .section-head h2,
body.manuel-ads-page.manuel-bg-standard-v1 .story-copy h2,
body.manuel-ads-page.manuel-bg-standard-v1 .manuel-signature-copy h2,
body.manuel-ads-page.manuel-bg-standard-v1 .claim__title,
body.manuel-ads-page.manuel-bg-standard-v1 #come-funziona .benefit-card h3,
body.manuel-ads-page.manuel-bg-standard-v1 .story-card h3,
body.manuel-ads-page.manuel-bg-standard-v1 .manuel-contact-card h3{
  text-shadow:
    0 18px 42px rgba(0,0,0,.32),
    0 2px 0 rgba(0,0,0,.18) !important;
}

body.manuel-ads-page.manuel-bg-standard-v1 .section-head p,
body.manuel-ads-page.manuel-bg-standard-v1 .hero-lead,
body.manuel-ads-page.manuel-bg-standard-v1 .claim__sub,
body.manuel-ads-page.manuel-bg-standard-v1 .manuel-micro-post p,
body.manuel-ads-page.manuel-bg-standard-v1 .story-copy p,
body.manuel-ads-page.manuel-bg-standard-v1 .story-card p,
body.manuel-ads-page.manuel-bg-standard-v1 .manuel-signature-copy p,
body.manuel-ads-page.manuel-bg-standard-v1 .manuel-contact-card p,
body.manuel-ads-page.manuel-bg-standard-v1 #come-funziona .benefit-card p{
  color:rgba(233,238,246,.84) !important;
}

/* Pannelli chiari già presenti: li lascia chiari e leggibili */
body.manuel-ads-page.manuel-bg-standard-v1 .ads-panel-light,
body.manuel-ads-page.manuel-bg-standard-v1 .lead-callout-ads{
  box-shadow:
    0 18px 52px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.66) !important;
}

/* Hero: leggermente più coerente col nuovo sfondo, senza cambiare immagine/video */
body.manuel-ads-page.manuel-bg-standard-v1 .hero.manuel-hero .hero-overlay{
  opacity:.48 !important;
}

body.manuel-ads-page.manuel-bg-standard-v1 .separator-ads::after{
  background:linear-gradient(180deg, rgba(5,8,22,.05), rgba(5,8,22,.38)) !important;
}

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

  body.manuel-ads-page.manuel-bg-standard-v1 .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.manuel-ads-page.manuel-bg-standard-v1 .ads-liquid-video{
    display:none !important;
  }
}