/* ========================================================================== */
/* ETHNOS R523 — sélecteur de langue partagé Accueil Découverte / Commercial */
/* Source visuelle : composant actif R449/R450 de l'accueil Découverte.      */
/* Périmètre strict : bouton globe + panneau de sélection de langue.          */
/* ========================================================================== */

html.ethnosGuestDiscovery .guestLanguageSwitcher{
  position:absolute !important;
  top:50% !important;
  z-index:88 !important;
  transform:translateY(-50%) !important;
}

html.ethnosCommercialHome .brandLanguageGroup{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  min-width:max-content !important;
}

html.ethnosCommercialHome .guestLanguageSwitcher{
  position:relative !important;
  top:auto !important;
  left:auto !important;
  z-index:88 !important;
  display:block !important;
  flex:0 0 34px !important;
  transform:none !important;
}

html.ethnosGuestDiscovery .guestLanguageButton,
html.ethnosCommercialHome .guestLanguageButton{
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  min-height:34px !important;
  display:grid !important;
  place-items:center !important;
  padding:0 !important;
  border:1px solid rgba(7,26,57,.22) !important;
  border-radius:8px !important;
  background:#fffdf9 !important;
  color:#071a39 !important;
  box-shadow:0 1px 0 rgba(7,26,57,.14),0 3px 5px rgba(0,0,0,.08) !important;
  cursor:pointer !important;
  transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease !important;
}

html.ethnosGuestDiscovery .guestLanguageButton svg,
html.ethnosCommercialHome .guestLanguageButton svg{
  width:18px !important;
  height:18px !important;
  display:block !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.7 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
  pointer-events:none !important;
}

html.ethnosGuestDiscovery .guestLanguageButton:hover,
html.ethnosGuestDiscovery .guestLanguageButton:focus-visible,
html.ethnosCommercialHome .guestLanguageButton:hover,
html.ethnosCommercialHome .guestLanguageButton:focus-visible{
  border-color:rgba(7,26,57,.38) !important;
  background:#fffdf9 !important;
  color:#071a39 !important;
  transform:translateY(-1px) !important;
  box-shadow:0 2px 0 rgba(7,26,57,.15),0 4px 7px rgba(0,0,0,.10) !important;
  outline:none !important;
}

html.ethnosGuestDiscovery .guestLanguageButton:active,
html.ethnosCommercialHome .guestLanguageButton:active{
  transform:translateY(1px) !important;
  box-shadow:0 0 0 rgba(7,26,57,.12),0 2px 3px rgba(0,0,0,.07) !important;
}

html.ethnosGuestDiscovery .guestLanguagePanel.guestLanguagePanel--portal,
html.ethnosCommercialHome .guestLanguagePanel.guestLanguagePanel--portal{
  position:fixed !important;
  z-index:400 !important;
  top:auto;
  left:auto;
  width:240px !important;
  box-sizing:border-box !important;
  margin:0 !important;
  padding:12px !important;
  border:1px solid rgba(7,26,57,.16) !important;
  border-radius:12px !important;
  background:linear-gradient(180deg,rgba(255,253,249,.99),rgba(255,247,236,.99)) !important;
  box-shadow:0 18px 38px rgba(7,26,57,.18),inset 0 1px 0 rgba(255,255,255,.92) !important;
  transform:none !important;
}

html.ethnosGuestDiscovery .guestLanguagePanel.guestLanguagePanel--portal[hidden],
html.ethnosCommercialHome .guestLanguagePanel.guestLanguagePanel--portal[hidden]{
  display:none !important;
}

html.ethnosGuestDiscovery .guestLanguagePanel label,
html.ethnosCommercialHome .guestLanguagePanel label{
  display:block !important;
  margin:0 0 7px !important;
  color:#071a39 !important;
  font-family:Manrope,"Segoe UI",Arial,sans-serif !important;
  font-size:11px !important;
  font-weight:700 !important;
  line-height:1.2 !important;
}

/* Champ personnalisé : la flèche fait partie du champ au lieu d'être un petit
   contrôle natif mal cadré. */
html.ethnosGuestDiscovery .guestLanguageSelectShell,
html.ethnosCommercialHome .guestLanguageSelectShell{
  position:relative !important;
  width:100% !important;
}

html.ethnosGuestDiscovery .guestLanguageSelectTrigger,
html.ethnosCommercialHome .guestLanguageSelectTrigger{
  position:relative !important;
  width:100% !important;
  min-height:38px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  padding:0 46px 0 11px !important;
  border:1px solid rgba(7,26,57,.20) !important;
  border-radius:8px !important;
  background:#fff !important;
  color:#071a39 !important;
  font-family:Manrope,"Segoe UI",Arial,sans-serif !important;
  font-size:11px !important;
  font-weight:600 !important;
  line-height:1.2 !important;
  text-align:left !important;
  cursor:pointer !important;
  outline:none !important;
  box-shadow:none !important;
}

html.ethnosGuestDiscovery .guestLanguageSelectTrigger:hover,
html.ethnosCommercialHome .guestLanguageSelectTrigger:hover{
  border-color:rgba(7,26,57,.30) !important;
  background:#fffefa !important;
}

html.ethnosGuestDiscovery .guestLanguageSelectTrigger:focus-visible,
html.ethnosCommercialHome .guestLanguageSelectTrigger:focus-visible,
html.ethnosGuestDiscovery .guestLanguageSelectTrigger[aria-expanded="true"],
html.ethnosCommercialHome .guestLanguageSelectTrigger[aria-expanded="true"]{
  border-color:#ee8d55 !important;
  box-shadow:0 0 0 3px rgba(238,141,85,.14) !important;
}

html.ethnosGuestDiscovery .guestLanguageChevronBox,
html.ethnosCommercialHome .guestLanguageChevronBox{
  position:absolute !important;
  top:0 !important;
  right:0 !important;
  width:42px !important;
  height:100% !important;
  display:grid !important;
  place-items:center !important;
  border-left:1px solid rgba(7,26,57,.10) !important;
  border-radius:0 8px 8px 0 !important;
  background:rgba(247,249,252,.52) !important;
  pointer-events:none !important;
}

html.ethnosGuestDiscovery .guestLanguageChevron,
html.ethnosCommercialHome .guestLanguageChevron{
  width:8px !important;
  height:8px !important;
  display:block !important;
  border-right:1.7px solid #071a39 !important;
  border-bottom:1.7px solid #071a39 !important;
  transform:translateY(-2px) rotate(45deg) !important;
  transform-origin:center !important;
  transition:transform .14s ease !important;
}

html.ethnosGuestDiscovery .guestLanguageSelectTrigger[aria-expanded="true"] .guestLanguageChevron,
html.ethnosCommercialHome .guestLanguageSelectTrigger[aria-expanded="true"] .guestLanguageChevron{
  transform:translateY(2px) rotate(225deg) !important;
}

html.ethnosGuestDiscovery .guestLanguageList,
html.ethnosCommercialHome .guestLanguageList{
  width:100% !important;
  max-height:min(432px,calc(100vh - 165px)) !important;
  margin:6px 0 0 !important;
  padding:5px !important;
  overflow-y:auto !important;
  border:1px solid rgba(7,26,57,.16) !important;
  border-radius:8px !important;
  background:#fff !important;
  box-shadow:0 12px 28px rgba(7,26,57,.14) !important;
  scrollbar-width:thin !important;
}

html.ethnosGuestDiscovery .guestLanguageList[hidden],
html.ethnosCommercialHome .guestLanguageList[hidden]{
  display:none !important;
}

html.ethnosGuestDiscovery .guestLanguageOption,
html.ethnosCommercialHome .guestLanguageOption{
  width:100% !important;
  min-height:29px !important;
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  padding:5px 8px !important;
  border:0 !important;
  border-radius:6px !important;
  background:#fff !important;
  color:#071a39 !important;
  font-family:Manrope,"Segoe UI",Arial,sans-serif !important;
  font-size:11px !important;
  font-weight:600 !important;
  line-height:1.2 !important;
  text-align:left !important;
  cursor:pointer !important;
}

html.ethnosGuestDiscovery .guestLanguageOption:hover,
html.ethnosGuestDiscovery .guestLanguageOption:focus-visible,
html.ethnosCommercialHome .guestLanguageOption:hover,
html.ethnosCommercialHome .guestLanguageOption:focus-visible{
  background:#f2f6fb !important;
  outline:none !important;
}

html.ethnosGuestDiscovery .guestLanguageOption[aria-selected="true"],
html.ethnosCommercialHome .guestLanguageOption[aria-selected="true"]{
  background:#e9f1fb !important;
}

html.ethnosGuestDiscovery .guestLanguageFlag,
html.ethnosCommercialHome .guestLanguageFlag{
  width:18px !important;
  height:12px !important;
  flex:0 0 18px !important;
  display:block !important;
  object-fit:cover !important;
  border-radius:2px !important;
  box-shadow:0 0 0 1px rgba(7,26,57,.14) !important;
}

/* R523 : la mention "Traductions prochainement." est supprimée. */
html.ethnosGuestDiscovery .guestLanguageStatus,
html.ethnosCommercialHome .guestLanguageStatus{
  display:none !important;
}

@media(max-width:900px){
  html.ethnosGuestDiscovery .guestLanguageSwitcher{display:none !important}
}
