/* ============================================================
   heros.css — reglages des bandeaux (heros), page par page.
   ------------------------------------------------------------
   Repris tels quels de l'ancien outil de test js/hero-tester.js, qui
   les injectait au chargement. Il est retire ; son resultat est
   desormais ecrit en dur dans chaque page (classes, photo, cadrage,
   voile .htest-scrim). Les noms htest-* sont conserves : le correctif
   telephone (js/mobile.js, css/mobile.css)
   s'appuie dessus.

   Charge en FIN de <head>, la ou l'outil inserait sa feuille : meme
   place dans la cascade, donc memes arbitrages entre !important.

   Sur le hero : htest-light (texte blanc) ou htest-dark (texte fonce) ;
   sur ses textes : htest-txt ; sur <body> ET le hero : la classe de page.
   ============================================================ */

.htest-light .htest-txt{color:#fff!important;text-shadow:0 2px 20px rgba(0,0,0,.55)!important}
.htest-dark .htest-txt{color:#0f1419!important;text-shadow:none!important}

/* Accueil (htest-p3) : tache sombre fondue autour du logo — le titre noir
   du hero commence vers 85px, d'ou une tache et non une bande sombre ; pas
   de halo sur les textes ni les boutons, pas de sur-exposition de la photo. */
body.htest-p3 .hifi-nav-scrim{background:radial-gradient(420px 120px at clamp(52px,4vw,96px) 36px,rgba(0,0,0,.55) 0%,rgba(0,0,0,.32) 50%,rgba(0,0,0,.12) 78%,rgba(0,0,0,0) 100%),linear-gradient(180deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.3) 50%,rgba(0,0,0,0) 100%)!important}
body.htest-p3 .hifi section h1,body.htest-p3 .hifi section p{text-shadow:none!important}
body.htest-p3 .hifi section .hifi-cta-primary,body.htest-p3 .hifi section .hifi-cta-ghost{box-shadow:none!important}
body.htest-p3 .htest-bg{filter:none!important}

/* Notre histoire (htest-nh-dark) : pas de degrade de menu, liens du menu
   en noir, bouton Espace abonne en blanc. */
body.htest-nh-dark .ml-nav:not(.is-scrolled)::before{opacity:0!important}
body.htest-nh-dark .ml-nav:not(.is-scrolled) .ml-nav__link{color:#0f1419!important}
body.htest-nh-dark .ml-nav:not(.is-scrolled) .ml-btn--ghost{color:#fff!important;border-color:rgba(255,255,255,.5)!important}

/* Partenaires (htest-part3) : halo sombre derriere le logo, logo en blanc. */
body.htest-part3 .ml-nav:not(.is-scrolled)::before{background:linear-gradient(180deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.28) 50%, rgba(0,0,0,0) 100%)!important;opacity:1!important}
body.htest-part3 .ml-nav:not(.is-scrolled) .ml-nav__logo img{filter:brightness(0) invert(1)!important}

/* Modules (htest-mod3) : photo descendue (pas de decalage parallax vers le
   haut), fondu du haut allege, premier mot du titre en bleu. */
body.htest-mod3 .htest-bg{top:0!important}
body.htest-mod3 .htest-scrim+div{background:linear-gradient(180deg,rgba(8,11,15,.45) 0%,rgba(8,11,15,.16) 45%,rgba(8,11,15,0) 100%)!important}
body.htest-mod3 .hifi-hero-half h1>span:first-child>span{color:#00B1ED!important}

/* Booking Engine (htest-be3) : image en cover, calee en haut (la tete
   touchait la nav sur les ecrans larges et bas). */
body.htest-be3 .htest-bg{background-size:cover!important;background-position:center top!important;inset:0 0 -20% 0!important}

/* Clients (htest-cli5) : texte noir, aucune ombre, aucun degrade. */
body.htest-cli5 .ml-hero .ml-hero__bg::after{background:none!important}
body.htest-cli5 .ml-hero h1,body.htest-cli5 .ml-hero__sub,body.htest-cli5 .ml-hero__eyebrow{text-shadow:none!important;color:#0f1419!important}