/* =========================================================
   ADWIZZ — retouches v6.2 (chargé après style-v5.css)
   Principe mobile / tablette : l'écran utile commence sous le header fixe
   et finit en bas du viewport. Ordinateur ≥ 1200 px souris : inchangé
   (hors correctifs Social Ads du point 2, valables partout).
   ========================================================= */
/* v6 : Social Ads — écran du téléphone découpé malgré preserve-3d / translateZ */
.phone__screen{overflow:hidden;isolation:isolate;clip-path:inset(0 round 39px);-webkit-clip-path:inset(0 round 39px)}
.phone__screen>.feed,.phone__screen>.phone__glare,.phone__screen>.phone__status{clip-path:inherit;-webkit-clip-path:inherit}
/* v6 : heure à gauche, icônes à droite de l'encoche */
.phone__status{display:grid;grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr);align-items:center;padding:0 16px}
.phone__status>b{grid-column:1;justify-self:start}
.phone__status>span{grid-column:3;justify-self:end}
/* v6 : carte Couverture calée sur le téléphone */
.scene--social{--v6-phone-w:clamp(226px,18.5vw,266px);--v6-metric-w:186px}
.scene--social .phone{width:var(--v6-phone-w);translate:calc(var(--v6-metric-w)*.32) 0}
.scene--social .metric{width:var(--v6-metric-w);left:50%!important;right:auto!important;top:auto!important;bottom:8%!important;margin-left:calc(var(--v6-phone-w)*-.5 - var(--v6-metric-w) + 16px + var(--v6-metric-w)*.32)}
/* v6 : header fixe sur téléphone / tablette / tactile */
@media (max-width:1199.98px),(hover:none) and (pointer:coarse){
  .header.is-hidden{transform:none!important}
}
/* v6.2 : bouton Audit mobile toujours bleu (sauf thème Contact) */
@media (max-width:899.98px){
  .phone__screen{clip-path:inset(0 round 29px);-webkit-clip-path:inset(0 round 29px)}
  .scene--social{--v6-ph:min(365px,44svh);--v6-metric-w:132px}
  .scene--social .phone{height:var(--v6-ph);width:auto;translate:calc(var(--v6-metric-w)*.28) 0}
  .scene--social .metric{bottom:6%!important;margin-left:calc((var(--v6-ph)*.466321)*-.5 - var(--v6-metric-w) + 16px + var(--v6-metric-w)*.28)}
  .hdr-audit,.hdr-audit:link,.hdr-audit:visited,.hdr-audit:hover,.hdr-audit:focus,.hdr-audit:focus-visible,.hdr-audit:active{background:#1e63e9!important;color:#f4f6fa!important}
  body[data-header="blue"] .hdr-audit{background:#f4f6fa!important;color:#0b0b0c!important;box-shadow:none!important}
}
/* ---------- v6.2 : passage après le hero (texte + sphère) ---------- */
@media (max-width:899.98px){
  .hero__about{bottom:calc(15svh + env(safe-area-inset-bottom))}
}
/* ---------- v6.2 : Leviers — tablette verticale et téléphone (une colonne) ---------- */
@media (max-width:899.98px){
  .story{padding-top:calc(var(--header-h) + 12px)!important;padding-bottom:calc(14px + env(safe-area-inset-bottom))!important;gap:10px!important}
  .story__stage,.story__cards{min-height:0}
  .scene--web .gb{scale:.92}
  .scene--social{scale:.92}
  .scene--search .gmap{scale:.92}
  .scene--mail .mailx{scale:.9}
  .chap{justify-content:center}
  .chap__title{font-size:clamp(1.25rem,min(6.4vw,4.6svh),2.2rem)!important;line-height:.96}
  .chap__card{padding:clamp(14px,2.2svh,22px) clamp(16px,3.6vw,24px)!important}
  .chap__meta{margin-bottom:clamp(6px,1.2svh,12px)!important}
  .chap__lead{font-size:clamp(.82rem,min(2.4vw,1.9svh),.98rem)!important;line-height:1.45}
}
/* v6.2 : Leviers — format intermédiaire 900–1199 px (2 colonnes) : titres plus compacts uniquement */
@media (min-width:900px) and (max-width:1199.98px) and (min-height:500px),
       (min-width:1200px) and (max-width:1366px) and (hover:none) and (pointer:coarse){
  .chap__title{font-size:clamp(1.6rem,min(3.4vw,5.4svh),2.8rem)!important;line-height:.96}
}
/* ---------- v6.2 : Automatisation — titre décollé du header (téléphone / tablette verticale) ---------- */
@media (max-width:899.98px){
  .eco:not(.is-static) .eco__copy .sec-index{top:calc(var(--header-h) + 3svh)!important}
  .eco:not(.is-static) .eco__title{top:calc(var(--header-h) + 3svh + 30px)!important;font-size:clamp(1.6rem,7.4vw,2.6rem)!important}
  .ewid{width:clamp(148px,40vw,190px)!important}
}
/* ---------- v6.2 : Offres — fiche de hauteur fixe (calculée en JS sur l'offre la plus longue) ---------- */
@media (min-width:600px) and (max-width:1199.98px) and (min-height:500px),
       (min-width:1200px) and (max-width:1366px) and (hover:none) and (pointer:coarse){
  .voyage.is-pinned .offers{padding-top:calc(var(--header-h) + 14px)!important}
  .voyage.is-pinned .ocard{height:var(--ocard-h,auto)!important;max-height:100%!important;align-self:center!important;overflow-y:auto!important}
  .voyage .ocard>div:last-child{margin-top:0!important;padding-top:14px!important}
}
@media (max-width:599.98px){
  .voyage.is-pinned .offers{padding-top:calc(var(--header-h) + 10px)!important;padding-bottom:calc(14px + env(safe-area-inset-bottom))!important;gap:10px!important}
  /* bloc titre plus haut pour donner de la place à la fusée, à droite du titre */
  .voyage.is-pinned .offers__head > div:first-child{min-height:clamp(118px,19svh,168px)!important}
  .voyage.is-pinned .olaunch{top:calc(var(--header-h) + 10px)!important;height:clamp(118px,19svh,168px)!important;width:36%!important}
  .voyage.is-pinned .ostage{display:flex!important;flex-direction:column!important;justify-content:center!important;flex:1 1 auto!important;min-height:0!important}
  .voyage.is-pinned .ocard{flex:none!important;height:var(--ocard-h,auto)!important;max-height:100%!important;margin-top:0!important;overflow-y:auto!important;scrollbar-width:none}
  .voyage.is-pinned .ocard::-webkit-scrollbar{display:none}
  .voyage .ocard>div:last-child{margin-top:0!important;padding-top:10px!important}
}
/* v6.2 : tablette verticale — téléphone Social Ads proportionné à l'espace disponible */
@media (min-width:600px) and (max-width:899.98px) and (min-height:500px){
  .scene--social{--v6-ph:min(470px,40svh);--v6-metric-w:160px}
}