/* ==========================================================================
   ETHNOS R446 — accueil découverte : langue + relief des cartes basses
   Base : R445. Périmètre découverte uniquement.
   ========================================================================== */

/* Bouton planète : injecté uniquement en mode découverte par le moteur R446. */
html.ethnosGuestDiscovery .guestLanguageSwitcher{
  position:absolute;
  top:50%;
  z-index:88;
  transform:translateY(-50%);
}
html.ethnosGuestDiscovery .guestLanguageButton{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(7,26,57,.16);
  border-radius:50%;
  background:linear-gradient(180deg,#fffdf9 0%,#eee1d0 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 2px 0 rgba(7,26,57,.12),0 6px 12px rgba(7,26,57,.12);
  cursor:pointer;
  transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease;
}
html.ethnosGuestDiscovery .guestLanguageButton img{
  width:24px;
  height:24px;
  display:block;
  object-fit:contain;
  filter:drop-shadow(0 2px 3px rgba(7,26,57,.16));
  pointer-events:none;
}
html.ethnosGuestDiscovery .guestLanguageButton:hover,
html.ethnosGuestDiscovery .guestLanguageButton:focus-visible{
  outline:0;
  transform:translateY(-2px);
  background:rgba(255,255,255,.96);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.98),0 3px 0 rgba(7,26,57,.13),0 9px 18px rgba(7,26,57,.16);
}
html.ethnosGuestDiscovery .guestLanguageButton:active{
  transform:translateY(1px);
  box-shadow:inset 0 2px 4px rgba(7,26,57,.10),0 1px 0 rgba(7,26,57,.12);
}
html.ethnosGuestDiscovery .guestLanguagePanel{
  position:absolute;
  top:calc(100% + 9px);
  left:0;
  width:232px;
  box-sizing:border-box;
  padding:12px;
  border:1px solid rgba(7,26,57,.16);
  border-radius:12px;
  background:linear-gradient(180deg,rgba(255,253,249,.99),rgba(255,247,236,.99));
  box-shadow:0 18px 38px rgba(7,26,57,.18),inset 0 1px 0 rgba(255,255,255,.92);
}
html.ethnosGuestDiscovery .guestLanguagePanel[hidden]{display:none !important}
html.ethnosGuestDiscovery .guestLanguagePanel label{
  display:block;
  margin:0 0 7px;
  color:#071a39;
  font-family:Manrope,"Segoe UI",Arial,sans-serif;
  font-size:11px;
  font-weight:700;
}
html.ethnosGuestDiscovery .guestLanguageSelect{
  width:100%;
  min-height:34px;
  padding:0 9px;
  border:1px solid rgba(7,26,57,.20);
  border-radius:8px;
  background:#fff;
  color:#071a39;
  font-family:Manrope,"Segoe UI",Arial,sans-serif;
  font-size:11px;
  font-weight:600;
  outline:none;
}
html.ethnosGuestDiscovery .guestLanguageSelect:focus{
  border-color:#ee8d55;
  box-shadow:0 0 0 3px rgba(238,141,85,.14);
}
html.ethnosGuestDiscovery .guestLanguageStatus{
  display:block;
  min-height:1.25em;
  margin-top:7px;
  color:#59697a;
  font-family:Manrope,"Segoe UI",Arial,sans-serif;
  font-size:9px;
  line-height:1.25;
}

/* Rangée du bas : reprise exacte du relief/élévation des blocs centraux R180. */
html.ethnosGuestDiscovery body.isEthnosHomeView .r183MetricCard{
  transform:translateY(0) !important;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease !important;
}
html.ethnosGuestDiscovery body.isEthnosHomeView .r183MetricCard:hover{
  transform:translateY(-4px) !important;
  border-color:rgba(49,209,207,.58) !important;
  box-shadow:0 22px 44px rgba(0,0,0,.30),0 0 0 1px rgba(49,209,207,.12) !important;
}

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