/* ========================================================================== */
/* ETHNOS R817 — ACCUEIL COMMERCIAL / VOLET CONNEXION                        */
/* 17 septembre 2026 — correctif visuel ciblé, aucune logique métier.         */
/* Référence gradient : legal-r782-polish.css (bandeau Contact/institutionnel).*/
/* ========================================================================== */

/* Bandeau commercial : gris -> bleu, sans toucher aux deux CTA. */
html.ethnosCommercialHome .site-header{
  background:linear-gradient(128deg,#1f1f1f 0%,#202326 35%,#0a3448 67%,#0b526d 100%) !important;
  border-bottom-color:rgba(255,255,255,.18) !important;
  box-shadow:0 7px 22px rgba(0,0,0,.18);
}
html.ethnosCommercialHome .site-header .brand,
html.ethnosCommercialHome .site-header .main-nav a{
  color:#fffaf3;
}
@media (hover:hover) and (pointer:fine){
  html.ethnosCommercialHome .site-header .main-nav a:hover{
    color:#f26722;
  }
}

/* Les cartes/boutons du bloc commercial gardent leur couleur lors des états
   pointeur/clic : on conserve le relief, mais jamais le flash blanc. */
html.ethnosCommercialHome .marketing :is(.stat,.offer,.promise):is(:hover,:active,:focus-visible){
  background-color:transparent !important;
}
html.ethnosCommercialHome .marketing :is(.stat,.offer,.promise):is(:hover,:active,:focus-visible)::after{
  opacity:0 !important;
}

/* Volet Connexion partagé : même gradient gris -> bleu que les pages
   institutionnelles. Largeur desktop R534 réduite exactement de 20 % :
   410/27vw/520 px -> 328/21.6vw/416 px. */
html.ethnosCommercialHome .ethnosAuthDrawer,
html.ethnosGuestDiscovery .ethnosAuthDrawer{
  width:clamp(328px,21.6vw,416px);
  background:linear-gradient(128deg,#1f1f1f 0%,#202326 35%,#0a3448 67%,#0b526d 100%) !important;
}

/* Le grand titre suit la réduction du volet afin de conserver ses deux lignes
   et de ne pas comprimer les champs. */
html.ethnosCommercialHome .ethnosAuthDrawer h2,
html.ethnosGuestDiscovery .ethnosAuthDrawer h2{
  font-size:clamp(1.6rem,1.88vw,2.32rem);
}

/* Le standard mobile historique reste pleine largeur. */
@media (max-width:900px){
  html.ethnosCommercialHome .ethnosAuthDrawer,
  html.ethnosGuestDiscovery .ethnosAuthDrawer{
    width:100%;
  }
}