/* ========================================================================== */
/* ETHNOS R444 — ACCUEIL DÉCOUVERTE : ONGLET / CONNEXION / TRAJECTOIRE          */
/*                                                                            */
/* Cause corrigée : en R435 l'onglet invité conservait les classes            */
/* memberProfile + memberProfileCompact du composant connecté. R443 retire    */
/* ces marqueurs en JS avant le démarrage des contrôleurs différés, puis       */
/* reconstruit ici uniquement la géométrie nécessaire au rail droit.           */
/*                                                                            */
/* Références couleurs actives : site/index.html                              */
/* .header-button--login  : #071a39 / rgba(255,252,247,.78)                   */
/* .header-button--signup : #f26722 / linear-gradient(#f27825,#f45d16)        */
/* ========================================================================== */

html.ethnosGuestDiscovery [data-guest-signup-card].guestSignupProfileCard{
  box-sizing:border-box !important;
  position:fixed !important;
  top:0 !important;
  right:0 !important;
  z-index:120 !important;
  width:var(--ethnos-context-width) !important;
  height:var(--ethnos-card-height) !important;
  min-height:var(--ethnos-card-height) !important;
  max-height:var(--ethnos-card-height) !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  display:flex !important;
  align-items:stretch !important;
  justify-content:stretch !important;
  pointer-events:auto !important;
  cursor:default !important;

  border:1px solid rgba(7,26,57,.14) !important;
  border-top:0 !important;
  border-right:0 !important;
  border-radius:0 0 0 14px !important;
  background:rgba(255,251,244,.94) !important;
  background-image:none !important;
  box-shadow:0 12px 30px rgba(7,26,57,.16) !important;
  color:#071a39 !important;
  isolation:isolate !important;
}

/* Verrou explicite : aucune peau décorative du profil connecté ne survit. */
html.ethnosGuestDiscovery [data-guest-signup-card].guestSignupProfileCard::before,
html.ethnosGuestDiscovery [data-guest-signup-card].guestSignupProfileCard::after{
  content:none !important;
  display:none !important;
}

html.ethnosGuestDiscovery [data-guest-signup-card] .guestSignupProfileInner{
  box-sizing:border-box !important;
  width:100% !important;
  height:100% !important;
  padding:10px 12px !important;
  display:grid !important;
  grid-template-rows:auto auto auto 1fr !important;
  align-content:center !important;
  gap:2px !important;
}

html.ethnosGuestDiscovery [data-guest-signup-card] .guestSignupEyebrow{
  margin:0 !important;
  color:#071a39 !important;
  font-family:var(--font-interface,Manrope,"Segoe UI",Arial,sans-serif) !important;
  font-size:clamp(7px,.48vw,9px) !important;
  font-weight:750 !important;
  line-height:1.1 !important;
  letter-spacing:.11em !important;
  text-transform:uppercase !important;
}

html.ethnosGuestDiscovery [data-guest-signup-card] .guestSignupTitle{
  min-width:0 !important;
  display:flex !important;
  align-items:baseline !important;
  gap:6px !important;
  white-space:nowrap !important;
}
html.ethnosGuestDiscovery [data-guest-signup-card] .guestSignupTitle strong,
html.ethnosGuestDiscovery [data-guest-signup-card] .guestSignupTitle span{
  margin:0 !important;
  font-family:var(--font-title,"Fraunces",Georgia,"Times New Roman",serif) !important;
  font-size:clamp(17px,1.22vw,23px) !important;
  font-weight:500 !important;
  line-height:1 !important;
  letter-spacing:-.025em !important;
}
html.ethnosGuestDiscovery [data-guest-signup-card] .guestSignupTitle strong{
  color:#f26722 !important;
}
html.ethnosGuestDiscovery [data-guest-signup-card] .guestSignupTitle span{
  color:#071a39 !important;
}

html.ethnosGuestDiscovery [data-guest-signup-card] .guestSignupProfileInner > small{
  min-width:0 !important;
  margin:1px 0 0 !important;
  color:#4f6073 !important;
  font-family:var(--font-interface,Manrope,"Segoe UI",Arial,sans-serif) !important;
  font-size:clamp(7.5px,.52vw,10px) !important;
  font-weight:500 !important;
  line-height:1.15 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

html.ethnosGuestDiscovery [data-guest-signup-card] .guestSignupActions{
  align-self:end !important;
  width:100% !important;
  margin-top:6px !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:7px !important;
}

html.ethnosGuestDiscovery [data-guest-signup-card] .guestAccessButton{
  box-sizing:border-box !important;
  min-width:0 !important;
  height:30px !important;
  min-height:30px !important;
  padding:0 9px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:10px !important;
  font-family:var(--font-interface,Manrope,"Segoe UI",Arial,sans-serif) !important;
  font-size:clamp(8.5px,.58vw,11px) !important;
  font-weight:750 !important;
  line-height:1 !important;
  text-align:center !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  cursor:pointer !important;
  transition:transform .14s ease,box-shadow .14s ease,filter .14s ease !important;
}

/* Peau reprise du bouton d'inscription actif de l'accueil commercial. */
html.ethnosGuestDiscovery [data-guest-signup-card] .guestAccessButton--signup{
  color:#fff !important;
  border:1px solid #f26722 !important;
  background:linear-gradient(135deg,#f27825,#f45d16) !important;
  box-shadow:0 7px 18px rgba(242,103,34,.22) !important;
}

/* Peau reprise du bouton Connexion actif de l'accueil commercial. */
html.ethnosGuestDiscovery [data-guest-signup-card] .guestAccessButton--login{
  color:#071a39 !important;
  border:1px solid rgba(7,26,57,.52) !important;
  background:rgba(255,252,247,.78) !important;
  box-shadow:none !important;
}

@media (hover:hover){
  html.ethnosGuestDiscovery [data-guest-signup-card] .guestAccessButton:hover{
    transform:translateY(-1px) !important;
  }
  html.ethnosGuestDiscovery [data-guest-signup-card] .guestAccessButton--signup:hover{
    filter:saturate(1.08) brightness(1.035) !important;
    box-shadow:0 10px 22px rgba(242,103,34,.28) !important;
  }
  html.ethnosGuestDiscovery [data-guest-signup-card] .guestAccessButton--login:hover{
    box-shadow:0 7px 16px rgba(7,26,57,.10) !important;
  }
}
html.ethnosGuestDiscovery [data-guest-signup-card] .guestAccessButton:focus-visible{
  outline:2px solid rgba(242,103,34,.52) !important;
  outline-offset:2px !important;
}

/* Formats où la carte historique descend à 108px : contenu resserré sans
   changer la largeur ni la position du rail. */
@media (max-width:1700px), (max-height:900px){
  html.ethnosGuestDiscovery [data-guest-signup-card] .guestSignupProfileInner{
    padding:8px 10px !important;
    gap:1px !important;
  }
  html.ethnosGuestDiscovery [data-guest-signup-card] .guestSignupActions{
    margin-top:4px !important;
    gap:6px !important;
  }
  html.ethnosGuestDiscovery [data-guest-signup-card] .guestAccessButton{
    height:27px !important;
    min-height:27px !important;
    border-radius:9px !important;
  }
}

@media (max-width:900px){
  html.ethnosGuestDiscovery [data-guest-signup-card].guestSignupProfileCard{
    width:min(280px,44vw) !important;
  }
}

/* ========================================================================== */
/* ETHNOS R444 — AJUSTEMENTS CIBLÉS ACCUEIL DÉCOUVERTE                       */
/* Références actives prouvées :                                               */
/* - titre gauche R442 : Inter, 850, -0.045em, #071a39 / #f26722              */
/* - volet Connexion : index.html, composant .login-drawer actif              */
/* - visuel exact : assets/images/rejoindre-visages-filigrane.jpg             */
/* ========================================================================== */

/* "Inscription Ethnos" reprend la typographie active de "Bienvenue au cœur".
   La taille reste adaptée au rail droit, mais famille/graisse/interlettrage/
   rythme typographique sont identiques à la référence. */
html.ethnosGuestDiscovery [data-guest-signup-card] .guestSignupTitle strong,
html.ethnosGuestDiscovery [data-guest-signup-card] .guestSignupTitle span{
  font-family:Inter,"Segoe UI",Arial,sans-serif !important;
  font-size:clamp(16px,1.15vw,22px) !important;
  font-weight:850 !important;
  line-height:1.02 !important;
  letter-spacing:-.045em !important;
}

/* Le bouton Connexion est désormais un vrai bouton local ; neutralisation
   uniquement des apparences natives qui n'existent pas sur le lien R443. */
html.ethnosGuestDiscovery [data-guest-signup-card] button.guestAccessButton{
  appearance:none !important;
  -webkit-appearance:none !important;
}

/* Texte entre jauge et cibles : même système typographique que le bloc gauche,
   sans changer un mot du contenu. */
html.ethnosGuestDiscovery body.isEthnosHomeView .r180TrajectoryManifesto{
  margin:0 !important;
  color:#071a39 !important;
  font-family:Inter,"Segoe UI",Arial,sans-serif !important;
  font-size:clamp(11.5px,.80vw,15.5px) !important;
  font-weight:850 !important;
  line-height:1.10 !important;
  letter-spacing:-.045em !important;
  text-wrap:balance !important;
}
html.ethnosGuestDiscovery body.isEthnosHomeView .r180TrajectoryManifesto .guestTrajectoryLine{
  display:block !important;
}
html.ethnosGuestDiscovery body.isEthnosHomeView .r180TrajectoryManifesto .guestTrajectoryLine + .guestTrajectoryLine{
  margin-top:4px !important;
}
html.ethnosGuestDiscovery body.isEthnosHomeView .r180TrajectoryManifesto .guestTrajectoryLine--blue{
  color:#071a39 !important;
}
html.ethnosGuestDiscovery body.isEthnosHomeView .r180TrajectoryManifesto .guestTrajectoryLine--orange{
  color:#f26722 !important;
}

/* -------------------------------------------------------------------------- */
/* VOLET CONNEXION — peau reprise du composant actif de site/index.html.      */
/* Seul le point d'ancrage vertical est adapté à --topbar de l'espace membre. */
/* -------------------------------------------------------------------------- */
html.ethnosGuestDiscovery .guestLoginDrawerOverlay{
  position:fixed !important;
  z-index:310 !important;
  top:var(--topbar,56px) !important;
  right:0 !important;
  bottom:0 !important;
  left:0 !important;
  background:rgba(4,18,33,.24) !important;
  opacity:0 !important;
  visibility:hidden !important;
  transition:opacity 280ms ease,visibility 280ms ease !important;
  backdrop-filter:blur(2px) !important;
  -webkit-backdrop-filter:blur(2px) !important;
}
html.ethnosGuestDiscovery .guestLoginDrawerOverlay.is-open{
  opacity:1 !important;
  visibility:visible !important;
}

html.ethnosGuestDiscovery .guestLoginDrawer{
  position:fixed !important;
  z-index:311 !important;
  top:var(--topbar,56px) !important;
  right:0 !important;
  width:clamp(410px,27vw,520px) !important;
  height:calc(100vh - var(--topbar,56px)) !important;
  overflow:hidden !important;
  color:#071a39 !important;
  font-family:Inter,"Segoe UI",Arial,sans-serif !important;
  background:linear-gradient(180deg,rgba(255,252,247,.99),rgba(255,247,237,.985)) !important;
  border-left:1px solid rgba(242,103,34,.28) !important;
  border-bottom:1px solid rgba(242,103,34,.22) !important;
  border-bottom-left-radius:30px !important;
  box-shadow:-22px 24px 58px rgba(5,22,39,.24) !important;
  transform:translateX(104%) !important;
  transition:transform 420ms cubic-bezier(.2,.78,.24,1) !important;
  overscroll-behavior:contain !important;
}
html.ethnosGuestDiscovery .guestLoginDrawer.is-open{
  transform:translateX(0) !important;
}
html.ethnosGuestDiscovery .guestLoginDrawerVisual{
  position:relative !important;
  height:clamp(132px,13.5vh,178px) !important;
  overflow:hidden !important;
  background-image:
    linear-gradient(rgba(255,250,242,.30),rgba(255,250,242,.42)),
    url("../assets/images/rejoindre-visages-filigrane.jpg") !important;
  background-size:cover !important;
  background-position:center center !important;
}
html.ethnosGuestDiscovery .guestLoginDrawerVisual::after{
  content:"" !important;
  position:absolute !important;
  inset:auto 0 0 !important;
  height:52% !important;
  background:linear-gradient(180deg,transparent,rgba(255,250,242,.82)) !important;
  pointer-events:none !important;
}
html.ethnosGuestDiscovery .guestLoginDrawerVisualLabel{
  position:absolute !important;
  z-index:1 !important;
  left:26px !important;
  bottom:18px !important;
  color:#071a39 !important;
  font-size:.78rem !important;
  font-weight:750 !important;
  letter-spacing:.035em !important;
  text-transform:uppercase !important;
}
html.ethnosGuestDiscovery .guestLoginDrawerClose{
  position:absolute !important;
  z-index:3 !important;
  top:16px !important;
  right:17px !important;
  width:38px !important;
  height:38px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  color:#071a39 !important;
  font-family:Arial,sans-serif !important;
  font-size:1.55rem !important;
  line-height:1 !important;
  text-align:center !important;
  cursor:pointer !important;
  border:1px solid rgba(7,26,57,.16) !important;
  border-radius:999px !important;
  background:rgba(255,252,247,.92) !important;
  box-shadow:0 8px 20px rgba(7,26,57,.12) !important;
  transition:transform 180ms ease,border-color 180ms ease !important;
}
html.ethnosGuestDiscovery .guestLoginDrawerClose span{
  display:block !important;
  width:1em !important;
  height:1em !important;
  line-height:.92em !important;
  text-align:center !important;
  transform:translateY(-.5px) !important;
}
@media (hover:hover){
  html.ethnosGuestDiscovery .guestLoginDrawerClose:hover{
    transform:rotate(5deg) scale(1.05) !important;
    border-color:rgba(242,103,34,.58) !important;
  }
}
html.ethnosGuestDiscovery .guestLoginDrawerContent{
  padding:clamp(22px,2vw,34px) clamp(26px,2.4vw,42px) 34px !important;
}
html.ethnosGuestDiscovery .guestLoginDrawer h2{
  margin:0 !important;
  color:#071a39 !important;
  font-size:clamp(2rem,2.35vw,2.9rem) !important;
  line-height:.98 !important;
  letter-spacing:-.045em !important;
  font-weight:850 !important;
}
html.ethnosGuestDiscovery .guestLoginDrawer h2 span{
  color:#f26722 !important;
}
html.ethnosGuestDiscovery .guestLoginDrawerIntro{
  margin:14px 0 22px !important;
  max-width:390px !important;
  color:#445066 !important;
  font-size:clamp(.92rem,.98vw,1.08rem) !important;
  line-height:1.5 !important;
}
html.ethnosGuestDiscovery .guestLoginForm{
  display:grid !important;
  gap:15px !important;
}
html.ethnosGuestDiscovery .guestLoginForm label{
  display:grid !important;
  gap:7px !important;
  color:#071a39 !important;
  font-size:.86rem !important;
  font-weight:750 !important;
}
html.ethnosGuestDiscovery .guestLoginForm input{
  box-sizing:border-box !important;
  width:100% !important;
  height:49px !important;
  padding:0 15px !important;
  color:#071a39 !important;
  font:inherit !important;
  border:1px solid rgba(7,26,57,.17) !important;
  border-radius:12px !important;
  outline:none !important;
  background:rgba(255,255,255,.88) !important;
  transition:border-color 180ms ease,box-shadow 180ms ease !important;
}
html.ethnosGuestDiscovery .guestLoginForm input:focus{
  border-color:rgba(242,103,34,.72) !important;
  box-shadow:0 0 0 4px rgba(242,103,34,.10) !important;
}
html.ethnosGuestDiscovery .guestLoginPasswordField{
  position:relative !important;
  display:block !important;
}
html.ethnosGuestDiscovery .guestLoginPasswordField input{
  padding-right:86px !important;
}
html.ethnosGuestDiscovery .guestLoginPasswordToggle{
  position:absolute !important;
  top:50% !important;
  right:8px !important;
  transform:translateY(-50%) !important;
  height:34px !important;
  padding:0 11px !important;
  color:#071a39 !important;
  font-size:.72rem !important;
  font-weight:750 !important;
  cursor:pointer !important;
  border:0 !important;
  border-radius:8px !important;
  background:rgba(7,26,57,.07) !important;
}
html.ethnosGuestDiscovery .guestLoginFormError{
  min-height:18px !important;
  margin:-3px 0 0 !important;
  color:#b63a28 !important;
  font-size:.76rem !important;
  line-height:1.35 !important;
}
html.ethnosGuestDiscovery .guestLoginFormSubmit{
  height:50px !important;
  color:#fff !important;
  font-family:Inter,"Segoe UI",Arial,sans-serif !important;
  font-weight:800 !important;
  cursor:pointer !important;
  border:1px solid #f26722 !important;
  border-radius:12px !important;
  background:linear-gradient(135deg,#f27825,#f45d16) !important;
  box-shadow:0 12px 26px rgba(242,103,34,.24) !important;
  transition:transform 180ms ease,box-shadow 180ms ease !important;
}
@media (hover:hover){
  html.ethnosGuestDiscovery .guestLoginFormSubmit:hover{
    transform:translateY(-2px) !important;
    box-shadow:0 16px 32px rgba(242,103,34,.30) !important;
  }
}

/* Pendant l'ouverture du volet, l'onglet invité ne reste pas superposé au
   volet : il est masqué sans modifier sa géométrie fermée. */
html.ethnosGuestDiscovery body.hasGuestLoginDrawer [data-guest-signup-card]{
  visibility:hidden !important;
  pointer-events:none !important;
}

@media (prefers-reduced-motion:reduce){
  html.ethnosGuestDiscovery .guestLoginDrawer,
  html.ethnosGuestDiscovery .guestLoginDrawerOverlay{
    transition:none !important;
  }
}

@media (width:1280px) and (height:720px){
  html.ethnosGuestDiscovery .guestLoginForm{gap:7.5px !important}
  html.ethnosGuestDiscovery .guestLoginFormError{
    min-height:9px !important;
    margin:-1.5px 0 0 !important;
    font-size:.72rem !important;
    line-height:1.2 !important;
  }
}

@media (max-width:900px){
  html.ethnosGuestDiscovery .guestLoginDrawer{
    width:100% !important;
    border-left:0 !important;
    border-radius:0 !important;
  }
}

/* Repli sans dépendance à la décoration JS : si le moteur central tarde à
   reconstruire le texte, l'orange et le bleu restent visibles immédiatement. */
html.ethnosGuestDiscovery body.isEthnosHomeView .r180TrajectoryManifesto:not([data-guest-trajectory-decorated="1"]){
  background:linear-gradient(90deg,#071a39 0 36%,#f26722 48% 68%,#071a39 82% 100%) !important;
  background-clip:text !important;
  -webkit-background-clip:text !important;
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
}