/* ========================================================================== */
/* ETHNOS R445 — DÉCOUVERTE : ACTIONS OFFICIELLES + FOND MAPS/TCHAT          */
/*                                                                            */
/* Bouton orange : source active espace-membre-r216.css / ethnosOfficialAction. */
/* Bouton blanc  : source active espace-membre-r208.css / memberLogout.       */
/* Les règles ci-dessous sont limitées au mode découverte.                    */
/* ========================================================================== */

/* -------------------------------------------------------------------------- */
/* 1. Géométrie et typographie communes aux actions Inscription / Connexion.  */
/* -------------------------------------------------------------------------- */
html.ethnosGuestDiscovery [data-guest-signup-card] .guestAccessButton,
html.ethnosGuestDiscovery .guestLoginFormSubmit{
  appearance:none !important;
  -webkit-appearance:none !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-width:0 !important;
  height:38px !important;
  min-height:38px !important;
  max-height:38px !important;
  padding:0 12px !important;
  border-radius:9px !important;
  font-family:var(--font-interface,Manrope,"Segoe UI",Arial,sans-serif) !important;
  font-size:clamp(10px,.72vw,13px) !important;
  font-weight:500 !important;
  font-style:normal !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  text-align:center !important;
  text-decoration:none !important;
  text-transform:none !important;
  text-shadow:none !important;
  white-space:nowrap !important;
  cursor:pointer !important;
}

/* Orange officiel R216 : S'inscrire + validation Connexion. */
html.ethnosGuestDiscovery [data-guest-signup-card] .guestAccessButton--signup,
html.ethnosGuestDiscovery .guestLoginFormSubmit{
  border:1px solid rgba(255,211,183,.92) !important;
  background:linear-gradient(180deg,#ffad7a 0%,#ee8d55 100%) !important;
  color:#071826 !important;
  box-shadow:0 1px 0 #c96d3d,0 3px 5px rgba(0,0,0,.11) !important;
  filter:none !important;
  transform:translateY(0) !important;
  transition:transform .12s ease,filter .12s ease,box-shadow .12s ease !important;
}
html.ethnosGuestDiscovery [data-guest-signup-card] .guestAccessButton--signup:hover,
html.ethnosGuestDiscovery [data-guest-signup-card] .guestAccessButton--signup:focus-visible,
html.ethnosGuestDiscovery .guestLoginFormSubmit:hover,
html.ethnosGuestDiscovery .guestLoginFormSubmit:focus-visible{
  filter:brightness(1.025) !important;
  transform:translateY(-1px) !important;
  outline:none !important;
  box-shadow:0 2px 0 #c96d3d,0 4px 6px rgba(0,0,0,.12) !important;
}
html.ethnosGuestDiscovery [data-guest-signup-card] .guestAccessButton--signup:active,
html.ethnosGuestDiscovery .guestLoginFormSubmit:active{
  filter:brightness(.995) !important;
  transform:translateY(1px) !important;
  box-shadow:0 0 0 #c96d3d,0 2px 3px rgba(0,0,0,.09) !important;
}
html.ethnosGuestDiscovery .guestLoginFormSubmit:disabled{
  opacity:.45 !important;
  cursor:not-allowed !important;
  filter:none !important;
  transform:none !important;
}

/* Blanc officiel de la paire Profil R208 : Connexion de l'onglet. */
html.ethnosGuestDiscovery [data-guest-signup-card] .guestAccessButton--login{
  border:1px solid rgba(7,26,57,.34) !important;
  background:#fffdf9 !important;
  color:#071a39 !important;
  box-shadow:none !important;
  filter:none !important;
  transform:none !important;
  transition:border-color .12s ease !important;
}
html.ethnosGuestDiscovery [data-guest-signup-card] .guestAccessButton--login:hover,
html.ethnosGuestDiscovery [data-guest-signup-card] .guestAccessButton--login:focus-visible{
  border-color:rgba(7,26,57,.48) !important;
  background:#fffdf9 !important;
  color:#071a39 !important;
  box-shadow:none !important;
  filter:none !important;
  transform:none !important;
  outline:none !important;
}
html.ethnosGuestDiscovery [data-guest-signup-card] .guestAccessButton--login:active{
  background:#fffdf9 !important;
  color:#071a39 !important;
  box-shadow:none !important;
  filter:none !important;
  transform:none !important;
}

/* Échelle responsive exacte du bouton orange officiel R216. */
@media (max-height:820px) and (min-width:901px){
  html.ethnosGuestDiscovery [data-guest-signup-card] .guestAccessButton,
  html.ethnosGuestDiscovery .guestLoginFormSubmit{
    height:33px !important;
    min-height:33px !important;
    max-height:33px !important;
  }
}
@media (min-width:1340px) and (max-width:1392px){
  html.ethnosGuestDiscovery [data-guest-signup-card] .guestAccessButton,
  html.ethnosGuestDiscovery .guestLoginFormSubmit{
    height:29px !important;
    min-height:29px !important;
    max-height:29px !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
    font-size:9px !important;
  }
}
@media (min-width:1510px) and (max-width:1562px){
  html.ethnosGuestDiscovery [data-guest-signup-card] .guestAccessButton,
  html.ethnosGuestDiscovery .guestLoginFormSubmit{
    height:32px !important;
    min-height:32px !important;
    max-height:32px !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
    font-size:10px !important;
  }
}

/* -------------------------------------------------------------------------- */
/* 2. Maps / Tchat : le décor découverte reste l'unique fond de page visible. */
/* Source du décor : ethnos-r382-guest-discovery.css.                         */
/* -------------------------------------------------------------------------- */
html.ethnosGuestDiscovery body{
  background:
    linear-gradient(rgba(7,26,57,.16),rgba(7,26,57,.16)),
    url("../assets/images/commercial-home-hero-r355.jpg") center/cover fixed no-repeat !important;
}
html.ethnosGuestDiscovery body .memberApp{
  background-color:transparent !important;
  background-image:none !important;
}
html.ethnosGuestDiscovery body .memberLayout,
html.ethnosGuestDiscovery body .memberWelcome,
html.ethnosGuestDiscovery body .memberWorkspace,
html.ethnosGuestDiscovery body .memberWorkspace.hasSalonContent,
html.ethnosGuestDiscovery body .memberWorkspace.hasBodyView,
html.ethnosGuestDiscovery body .memberWorkspace.hasSalonContent.hasBodyView{
  background-color:transparent !important;
  background-image:none !important;
}

html.ethnosGuestDiscovery body.r190WorldViewOpen .memberLayout,
html.ethnosGuestDiscovery body.isTchatDrawerOpen .memberLayout,
html.ethnosGuestDiscovery body.isTchatDrawerClosing .memberLayout,
html.ethnosGuestDiscovery body.isTchatDrawerClosingActive .memberLayout{
  background:none !important;
  background-color:transparent !important;
}

html.ethnosGuestDiscovery body.r190WorldViewOpen .memberLayout::before,
html.ethnosGuestDiscovery body.isTchatDrawerOpen .memberLayout::before,
html.ethnosGuestDiscovery body.isTchatDrawerClosing .memberLayout::before,
html.ethnosGuestDiscovery body.isTchatDrawerClosingActive .memberLayout::before{
  content:"" !important;
  position:fixed !important;
  inset:-12px !important;
  width:auto !important;
  height:auto !important;
  z-index:0 !important;
  background:
    linear-gradient(rgba(7,26,57,.16),rgba(7,26,57,.16)),
    url("../assets/images/commercial-home-hero-r355.jpg") center/cover no-repeat !important;
  filter:blur(6px) saturate(.90) !important;
  transform:scale(1.018) !important;
  pointer-events:none !important;
}

html.ethnosGuestDiscovery body.r190WorldViewOpen .memberWorkspace,
html.ethnosGuestDiscovery body.isTchatDrawerOpen .memberWorkspace,
html.ethnosGuestDiscovery body.isTchatDrawerClosing .memberWorkspace,
html.ethnosGuestDiscovery body.isTchatDrawerClosingActive .memberWorkspace{
  background-color:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
}

/* Les enveloppes centrales historiques ne doivent pas réintroduire le bleu. */
html.ethnosGuestDiscovery body.r190WorldViewOpen .memberMain,
html.ethnosGuestDiscovery body.r190WorldViewOpen .memberMainColumn,
html.ethnosGuestDiscovery body.r190WorldViewOpen .memberMainContent,
html.ethnosGuestDiscovery body.isTchatDrawerOpen .memberMain,
html.ethnosGuestDiscovery body.isTchatDrawerOpen .memberMainColumn,
html.ethnosGuestDiscovery body.isTchatDrawerOpen .memberMainContent,
html.ethnosGuestDiscovery body.isTchatDrawerClosing .memberMain,
html.ethnosGuestDiscovery body.isTchatDrawerClosing .memberMainColumn,
html.ethnosGuestDiscovery body.isTchatDrawerClosing .memberMainContent,
html.ethnosGuestDiscovery body.isTchatDrawerClosingActive .memberMain,
html.ethnosGuestDiscovery body.isTchatDrawerClosingActive .memberMainColumn,
html.ethnosGuestDiscovery body.isTchatDrawerClosingActive .memberMainContent{
  background:transparent !important;
  box-shadow:none !important;
}