/* =========================================================
   ADWIZZ — retouches v8 (chargé en dernier)
   - Barres d'avancement retirées (Approche + Leviers), tous formats
   - Leviers : les widgets tiennent dans une zone invisible (calcul dans adwizz-v8.js)
   Ordinateur ≥ 1200 px avec souris : rendu des widgets inchangé.
   ========================================================= */

/* Approche : pourcentage + barre retirés ; la phrase reste, centrée et discrète
   (même style que « Touchez une carte pour la retourner. ») */
.approach__pct,.approach__bar{display:none!important}
.approach__hud{justify-content:center!important;text-align:center}
.approach__hint{font-size:12px;color:var(--muted)}

/* Leviers : bandeau (canaux, 01/04, barre) retiré, le widget récupère la place */
.story__rail{display:none!important}
.story__stage{grid-template-rows:minmax(0,1fr)!important}

/* Conteneur de mise à l'échelle créé en JS dans chaque scène */
.fitbox{position:relative;width:100%;height:100%;display:grid;place-items:center;transform-style:preserve-3d;transform-origin:50% 50%}

/* Hors ordinateur : un seul calcul remplace les réductions au cas par cas (v5 → v7.1).
   Taille maximale = taille actuelle ; le widget est seulement réduit si la place manque. */
@media (max-width:1199.98px),(hover:none),(pointer:coarse){
  .scene--web .gb,.scene--social,.scene--search .gmap,.scene--mail .mailx{scale:none!important}
  .scene--mail .mailx{margin-top:0!important}
  .story__stage{padding-top:0!important}
  /* taille de conception fixe : le contenu du widget reste toujours complet, puis l'ensemble est mis à l'échelle */
  .scene--web .gb{width:500px!important;aspect-ratio:500/385!important}
  .scene--mail .mailx{width:460px!important}
}
@media (max-width:899.98px){
  .scene--web .gb{width:440px!important;aspect-ratio:440/372!important}
  .scene--mail .mailx{width:420px!important}
}
