/* ========================================================================== */
/* ETHNOS R808 — SURFACES ACCUEILS / VOLETS                                  */
/* 15 septembre 2026 — correctif visuel ciblé, aucune logique métier.         */
/* Base canonique : R807.                                                     */
/* ========================================================================== */

:root{
  --r808-charcoal:#1f1f1f;
  --r808-charcoal-soft:#272727;
  --r808-white:#fffaf3;
  --r808-muted:#c4ced3;
  --r808-orange:#f26722;
  --r808-blue:#0b526d;
}

/* -------------------------------------------------------------------------- */
/* 1. ACCUEIL COMMERCIAL — grand bloc inférieur gris avec fondu bleu.         */
/* Géométrie, contenus, icônes et dimensions strictement conservés.           */
/* -------------------------------------------------------------------------- */
html.ethnosCommercialHome .marketing{
  background:linear-gradient(135deg,
    #1f1f1f 0%,
    #202326 43%,
    #0a3448 78%,
    #0b526d 100%) !important;
  border-color:rgba(255,255,255,.18) !important;
}

html.ethnosCommercialHome .marketing .stats,
html.ethnosCommercialHome .marketing .offers{
  background:transparent !important;
}

html.ethnosCommercialHome .marketing .stats{
  border-bottom-color:rgba(255,255,255,.16) !important;
}

html.ethnosCommercialHome .marketing .stat + .stat,
html.ethnosCommercialHome .marketing .offer + .offer{
  border-left-color:rgba(255,255,255,.16) !important;
}

html.ethnosCommercialHome .marketing .stat__value,
html.ethnosCommercialHome .marketing .offer h2,
html.ethnosCommercialHome .marketing .offer h3{
  color:var(--r808-white) !important;
}

html.ethnosCommercialHome .marketing .stat__label,
html.ethnosCommercialHome .marketing .offer p{
  color:var(--r808-muted) !important;
}

html.ethnosCommercialHome .marketing .offer .accent{
  color:var(--r808-orange) !important;
}

/* Le premier bloc rejoint lui aussi la surface gris → bleu ; son contenu et sa
   géométrie restent inchangés. */
html.ethnosCommercialHome .marketing .offer--world{
  background:transparent !important;
  background-image:none !important;
}
html.ethnosCommercialHome .marketing .offer--world::after{
  background:transparent !important;
}

/* -------------------------------------------------------------------------- */
/* 2. VOLET CONNEXION — fond gris sur accueil commercial + découverte.        */
/* Structure et contrôles internes inchangés ; contraste adapté uniquement.   */
/* -------------------------------------------------------------------------- */
html.ethnosCommercialHome .ethnosAuthDrawer,
html.ethnosGuestDiscovery .ethnosAuthDrawer{
  background:linear-gradient(180deg,#272727 0%,#1f1f1f 100%) !important;
  color:var(--r808-white) !important;
  border-left-color:rgba(255,255,255,.16) !important;
  border-bottom-color:rgba(255,255,255,.12) !important;
}

html.ethnosCommercialHome .ethnosAuthDrawer h2,
html.ethnosGuestDiscovery .ethnosAuthDrawer h2,
html.ethnosCommercialHome .ethnosAuthForm label,
html.ethnosGuestDiscovery .ethnosAuthForm label{
  color:var(--r808-white) !important;
}

html.ethnosCommercialHome .ethnosAuthDrawer__intro,
html.ethnosGuestDiscovery .ethnosAuthDrawer__intro{
  color:var(--r808-muted) !important;
}

html.ethnosCommercialHome .ethnosAuthForgot,
html.ethnosGuestDiscovery .ethnosAuthForgot{
  color:#d8e7ee !important;
}

/* Champs, bouton orange et carte "Rejoindre" restent clairs comme demandé. */
html.ethnosCommercialHome .ethnosAuthForm input,
html.ethnosGuestDiscovery .ethnosAuthForm input,
html.ethnosCommercialHome .ethnosAuthDrawer__join,
html.ethnosGuestDiscovery .ethnosAuthDrawer__join{
  background:#fff !important;
  color:#071a39 !important;
}

html.ethnosCommercialHome .ethnosAuthDrawer__join span,
html.ethnosGuestDiscovery .ethnosAuthDrawer__join span{
  color:#5c6574 !important;
}

/* -------------------------------------------------------------------------- */
/* 3. VOLET VERSION / TRADUCTION — coque grise sur les deux accueils.         */
/* Le sélecteur et la liste de pays restent blancs pour la lisibilité.        */
/* -------------------------------------------------------------------------- */
html.ethnosCommercialHome .guestLanguagePanel.guestLanguagePanel--portal,
html.ethnosGuestDiscovery .guestLanguagePanel.guestLanguagePanel--portal{
  background:var(--r808-charcoal) !important;
  background-image:none !important;
  color:var(--r808-white) !important;
  border-color:rgba(255,255,255,.18) !important;
  box-shadow:0 18px 38px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08) !important;
}

html.ethnosCommercialHome .guestLanguagePanel.guestLanguagePanel--portal > label,
html.ethnosGuestDiscovery .guestLanguagePanel.guestLanguagePanel--portal > label{
  color:var(--r808-white) !important;
}

html.ethnosCommercialHome .guestLanguagePanel.guestLanguagePanel--portal :is(.guestLanguageSelectTrigger,.guestLanguageList,.guestLanguageOption),
html.ethnosGuestDiscovery .guestLanguagePanel.guestLanguagePanel--portal :is(.guestLanguageSelectTrigger,.guestLanguageList,.guestLanguageOption){
  background:#fff !important;
  color:#071a39 !important;
}