/* ========================================================================== */
/* ETHNOS R530 — Accueil Découverte : cohérence des barres, Tchat, hero       */
/* Base figée : R529.                                                         */
/* Périmètre strict : html.ethnosGuestDiscovery.                              */
/* ========================================================================== */

@media (min-width:901px){
  /* ---------------------------------------------------------------------- */
  /* 1. TCHAT — reprendre réellement le panneau langue R523, sans les       */
  /*    motifs historiques qui modifiaient visuellement sa couleur.         */
  /* ---------------------------------------------------------------------- */
  html.ethnosGuestDiscovery .memberExplorerPanel,
  html.ethnosGuestDiscovery body.isTchatDrawerOpen .memberExplorerPanel{
    background:linear-gradient(180deg,rgba(255,253,249,.99),rgba(255,247,236,.99)) !important;
  }
  html.ethnosGuestDiscovery .memberExplorerPanel::before,
  html.ethnosGuestDiscovery .memberExplorerPanel::after,
  html.ethnosGuestDiscovery body.isTchatDrawerOpen .memberExplorerPanel::before,
  html.ethnosGuestDiscovery body.isTchatDrawerOpen .memberExplorerPanel::after{
    content:none !important;
    display:none !important;
    background:none !important;
  }

  /* Le vrai contrôle visible de « Tous les pays » est .realFlagSelectButton,
     pas le select natif masqué par country-select-r109.js. Référence exacte :
     .guestLanguageSelectTrigger / .guestLanguageChevronBox R523. */
  html.ethnosGuestDiscovery .salonQuickSearch .realFlagSelectButton{
    width:100% !important;
    height:38px !important;
    min-height:38px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:8px !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;
    box-shadow:none !important;
    outline:none !important;
  }
  html.ethnosGuestDiscovery .salonQuickSearch .realFlagSelectButton:hover{
    border-color:rgba(7,26,57,.30) !important;
    background:#fffefa !important;
  }
  html.ethnosGuestDiscovery .salonQuickSearch .realFlagSelectButton:focus-visible,
  html.ethnosGuestDiscovery .salonQuickSearch .realFlagSelectButton[aria-expanded="true"]{
    border-color:#ee8d55 !important;
    box-shadow:0 0 0 3px rgba(238,141,85,.14) !important;
  }
  html.ethnosGuestDiscovery .salonQuickSearch .realFlagSelectButton::before{
    content:"" !important;
    position:absolute !important;
    top:0 !important;
    right:0 !important;
    width:42px !important;
    height:100% !important;
    box-sizing:border-box !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 .salonQuickSearch .realFlagSelectButton::after{
    content:"" !important;
    position:absolute !important;
    top:50% !important;
    right:17px !important;
    width:8px !important;
    height:8px !important;
    border:0 !important;
    border-right:1.7px solid #071a39 !important;
    border-bottom:1.7px solid #071a39 !important;
    color:transparent !important;
    font-size:0 !important;
    transform:translateY(-4px) rotate(45deg) !important;
    transform-origin:center !important;
    transition:transform .14s ease !important;
    pointer-events:none !important;
  }
  html.ethnosGuestDiscovery .salonQuickSearch .realFlagSelectButton[aria-expanded="true"]::after{
    transform:translateY(1px) rotate(225deg) !important;
  }
  html.ethnosGuestDiscovery .salonQuickSearch .realFlagSelectButton img{
    width:18px !important;
    height:12px !important;
    flex:0 0 18px !important;
    border-radius:2px !important;
    box-shadow:0 0 0 1px rgba(7,26,57,.14) !important;
  }

  html.ethnosGuestDiscovery .salonQuickSearch input[data-search-keyword]{
    width:100% !important;
    height:38px !important;
    min-height:38px !important;
    padding: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;
    box-shadow:none !important;
    outline:none !important;
  }
  html.ethnosGuestDiscovery .salonQuickSearch input[data-search-keyword]:hover{
    border-color:rgba(7,26,57,.30) !important;
    background:#fffefa !important;
  }
  html.ethnosGuestDiscovery .salonQuickSearch input[data-search-keyword]:focus{
    border-color:#ee8d55 !important;
    box-shadow:0 0 0 3px rgba(238,141,85,.14) !important;
  }

  /* ---------------------------------------------------------------------- */
  /* 2. BARRE HAUTE — même fond et mêmes effets actifs que le dock R526,    */
  /*    en conservant strictement les icônes et le contenu de la barre haute.*/
  /* ---------------------------------------------------------------------- */
  html.ethnosGuestDiscovery .memberTopbar{
    border:0 !important;
    border-bottom:1px solid rgba(7,26,57,.14) !important;
    background:#fffdf9 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
  html.ethnosGuestDiscovery .memberTopNavigation{
    background:transparent !important;
    box-shadow:none !important;
  }
  html.ethnosGuestDiscovery .memberTopNavButton,
  html.ethnosGuestDiscovery .memberTopNavButton:nth-child(odd),
  html.ethnosGuestDiscovery .memberTopNavButton:nth-child(even),
  html.ethnosGuestDiscovery .memberTopNavButton.isActive{
    background:transparent !important;
    background-image:none !important;
    border-color:transparent !important;
    box-shadow:none !important;
    filter:none !important;
    color:#071a39 !important;
    text-shadow:none !important;
    transform:none !important;
  }
  html.ethnosGuestDiscovery .memberTopNavButton:hover,
  html.ethnosGuestDiscovery .memberTopNavButton:focus-visible{
    background:rgba(7,26,57,.035) !important;
    background-image:none !important;
    box-shadow:none !important;
    transform:none !important;
    outline:none !important;
  }
  html.ethnosGuestDiscovery .memberTopNavButton.isActive{
    background:rgba(7,26,57,.045) !important;
  }
  html.ethnosGuestDiscovery .memberTopNavButton:not(:first-child)::before{
    background:rgba(7,26,57,.16) !important;
    box-shadow:none !important;
  }

  /* ---------------------------------------------------------------------- */
  /* 3. ONGLET INSCRIPTION — justification du texte, géométrie inchangée.   */
  /* ---------------------------------------------------------------------- */
  html.ethnosGuestDiscovery [data-guest-signup-card] .guestSignupProfileInner{
    text-align:justify !important;
    text-justify:inter-word !important;
  }
  html.ethnosGuestDiscovery [data-guest-signup-card] .guestSignupEyebrow,
  html.ethnosGuestDiscovery [data-guest-signup-card] .guestSignupTitle{
    width:100% !important;
    text-align:left !important;
    text-align-last:left !important;
  }
  html.ethnosGuestDiscovery [data-guest-signup-card] .guestSignupProfileInner > small{
    width:100% !important;
    text-align:justify !important;
    text-align-last:left !important;
    text-justify:inter-word !important;
  }

  /* ---------------------------------------------------------------------- */
  /* 4. HERO — une seule lecture verticale : titre sur la photo, puis        */
  /*    Trajectoire plus longue et plus plate.                               */
  /* ---------------------------------------------------------------------- */
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530HomeHero{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:clamp(12px,1.25vw,24px) clamp(14px,1.6vw,32px) 0 !important;
    gap:clamp(12px,1.05vw,20px) !important;
    overflow:visible !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530HomeHero::before,
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530HomeHero::after{
    content:none !important;
    display:none !important;
  }

  html.ethnosGuestDiscovery body.isEthnosHomeView .r530HomeHeadline{
    width:min(96%,1900px) !important;
    margin:0 auto !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
  }
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530HomeHeadline h1{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    color:#071a39 !important;
    font-family:Inter,"Segoe UI",Arial,sans-serif !important;
    font-size:clamp(27px,2.05vw,49px) !important;
    font-weight:850 !important;
    line-height:1.08 !important;
    letter-spacing:-.045em !important;
    text-align:center !important;
    text-wrap:balance !important;
  }
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530HeadlineBlue{color:#071a39 !important;}
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530HeadlineOrange{color:#f26722 !important;}

  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory{
    box-sizing:border-box !important;
    width:min(92%,1740px) !important;
    max-width:1740px !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 auto !important;
    padding:0 !important;
    align-self:center !important;
    display:grid !important;
    grid-template-rows:auto auto auto auto !important;
    row-gap:0 !important;
    overflow:hidden !important;
    border-radius:20px !important;
  }

  /* Partie 1 : structure identique, texte légèrement agrandi. */
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory .r180TrajectoryEyebrow{
    margin:0 !important;
    padding:clamp(9px,.7vw,13px) clamp(12px,1vw,18px) 3px !important;
    font-size:clamp(9px,.58vw,12px) !important;
    line-height:1.15 !important;
  }
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory .r180MembersLine{
    box-sizing:border-box !important;
    width:100% !important;
    display:grid !important;
    grid-template-columns:clamp(118px,8.4vw,155px) minmax(0,1fr) !important;
    align-items:center !important;
    gap:clamp(15px,1.25vw,24px) !important;
    margin:0 !important;
    padding:2px clamp(12px,1vw,18px) clamp(8px,.65vw,12px) !important;
  }
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory .r180MembersValue strong{
    font-size:clamp(18px,1.18vw,24px) !important;
  }
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory .r180MembersValue span,
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory .r180ProgressMeta span,
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory .r180ProgressMeta b{
    font-size:clamp(7.5px,.48vw,10px) !important;
  }

  /* Partie 2 : les trois phrases reprennent le flux naturel et peuvent      */
  /* tenir sur une ou deux lignes selon la largeur disponible.               */
  html.ethnosGuestDiscovery[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r530Trajectory .r180TrajectoryHead{
    min-height:0 !important;
    margin:0 !important;
    padding:clamp(9px,.75vw,14px) clamp(18px,2vw,36px) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-top:1px solid rgba(7,26,57,.10) !important;
    border-bottom:1px solid rgba(7,26,57,.10) !important;
  }
  html.ethnosGuestDiscovery[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r530Trajectory .r180TrajectoryManifesto{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    font-size:clamp(13px,.92vw,20px) !important;
    font-weight:850 !important;
    line-height:1.15 !important;
    text-align:center !important;
    text-align-last:center !important;
    text-wrap:balance !important;
  }
  html.ethnosGuestDiscovery[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r530Trajectory .r180TrajectoryManifesto .guestTrajectoryLine{
    display:inline !important;
    width:auto !important;
    margin:0 !important;
    text-align:inherit !important;
    text-align-last:inherit !important;
  }

  /* Partie 3 : quatre colonnes réellement égales, même respiration. */
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory .r180TrajectorySteps{
    box-sizing:border-box !important;
    width:100% !important;
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:0 !important;
    margin:0 !important;
    padding:0 !important;
  }
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory .r180TrajectorySteps::before,
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory .r180TrajectorySteps > li::before,
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory .r180TrajectorySteps > li::after{
    display:none !important;
    content:none !important;
  }
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory .r180TrajectorySteps > li{
    box-sizing:border-box !important;
    min-width:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:clamp(10px,.8vw,15px) clamp(10px,1vw,18px) clamp(11px,.9vw,16px) !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    align-self:stretch !important;
    height:100% !important;
    justify-content:flex-start !important;
    gap:clamp(6px,.48vw,9px) !important;
  }
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory .r180TrajectorySteps > li + li{
    border-left:1px solid rgba(7,26,57,.13) !important;
  }
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory .r180MilestoneTarget{
    display:grid !important;
    grid-template-columns:auto auto 1fr !important;
    align-items:baseline !important;
    justify-content:start !important;
    gap:clamp(5px,.48vw,9px) !important;
    width:100% !important;
    margin:0 !important;
  }
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory .r180MilestoneTarget > i{
    width:auto !important;
    min-width:0 !important;
    font-size:clamp(14px,.95vw,20px) !important;
    line-height:1 !important;
  }
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory .r180MilestoneTarget strong{
    margin:0 !important;
    font-size:clamp(25px,1.85vw,40px) !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory .r180MilestoneTarget small{
    align-self:center !important;
    margin:0 !important;
    font-size:clamp(7px,.48vw,10px) !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory .r180MilestoneReward{
    display:grid !important;
    grid-template-columns:auto minmax(0,1fr) !important;
    align-items:start !important;
    gap:clamp(6px,.48vw,9px) !important;
    width:100% !important;
    margin:0 !important;
  }
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory .r180MilestoneReward > b{
    width:clamp(16px,1.2vw,24px) !important;
    height:clamp(16px,1.2vw,24px) !important;
    min-width:0 !important;
    display:grid !important;
    place-items:center !important;
    margin:0 !important;
    font-size:clamp(11px,.78vw,16px) !important;
    line-height:1 !important;
  }
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory .r180MilestoneReward span{
    min-width:0 !important;
    margin:0 !important;
    font-size:clamp(9px,.68vw,13px) !important;
    line-height:1.2 !important;
    text-align:left !important;
    hyphens:none !important;
  }

  /* Le nouveau hero est moins haut : les cartes suivantes restent dans le  */
  /* flux, sans translations historiques.                                    */
  html.ethnosGuestDiscovery body.isEthnosHomeView .r180MainColumn{
    grid-template-rows:auto auto auto !important;
    align-content:start !important;
    row-gap:clamp(18px,1.7vw,34px) !important;
    gap:clamp(18px,1.7vw,34px) !important;
  }
  html.ethnosGuestDiscovery body.isEthnosHomeView .r180Pillars,
  html.ethnosGuestDiscovery body.isEthnosHomeView .r183MetricRow{
    transform:none !important;
    top:0 !important;
  }
}

/* -------------------------------------------------------------------------- */
/* Responsive : uniquement le nouveau titre et Trajectoire.                   */
/* -------------------------------------------------------------------------- */
@media (min-width:901px) and (max-width:1320px){
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530HomeHero{
    padding-top:8px !important;
    gap:9px !important;
  }
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530HomeHeadline{width:97% !important;}
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530HomeHeadline h1{
    font-size:26px !important;
    line-height:1.04 !important;
  }
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory{width:96% !important;}
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory .r180TrajectoryEyebrow{font-size:8px !important;padding-top:7px !important;}
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory .r180MembersLine{grid-template-columns:98px minmax(0,1fr) !important;padding-bottom:6px !important;}
  html.ethnosGuestDiscovery[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r530Trajectory .r180TrajectoryHead{padding:7px 12px !important;}
  html.ethnosGuestDiscovery[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r530Trajectory .r180TrajectoryManifesto{font-size:11.5px !important;line-height:1.12 !important;}
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory .r180TrajectorySteps > li{padding:8px 7px 9px !important;gap:5px !important;}
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory .r180MilestoneTarget{gap:4px !important;}
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory .r180MilestoneTarget > i{font-size:12px !important;}
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory .r180MilestoneTarget strong{font-size:19px !important;}
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory .r180MilestoneTarget small{font-size:5.8px !important;}
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory .r180MilestoneReward{gap:5px !important;}
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory .r180MilestoneReward > b{width:16px !important;height:16px !important;font-size:11px !important;}
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory .r180MilestoneReward span{font-size:8px !important;line-height:1.14 !important;}
}

@media (min-width:1321px) and (max-width:1450px){
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530HomeHeadline h1{font-size:29px !important;}
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory{width:95% !important;}
  html.ethnosGuestDiscovery[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r530Trajectory .r180TrajectoryManifesto{font-size:12.5px !important;}
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory .r180MilestoneTarget strong{font-size:22px !important;}
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory .r180MilestoneReward span{font-size:8.5px !important;}
}

@media (min-width:1451px) and (max-width:1600px){
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530HomeHeadline h1{font-size:32px !important;}
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory{width:94% !important;}
  html.ethnosGuestDiscovery[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r530Trajectory .r180TrajectoryManifesto{font-size:13.5px !important;}
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory .r180MilestoneTarget strong{font-size:25px !important;}
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory .r180MilestoneReward span{font-size:9.2px !important;}
}

@media (min-width:1601px) and (max-width:1800px){
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530HomeHeadline h1{font-size:35px !important;}
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory{width:93% !important;}
  html.ethnosGuestDiscovery[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r530Trajectory .r180TrajectoryManifesto{font-size:14.5px !important;}
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory .r180MilestoneTarget strong{font-size:28px !important;}
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory .r180MilestoneReward span{font-size:10px !important;}
}

@media (min-width:1801px) and (max-width:2199px){
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530HomeHeadline h1{font-size:39px !important;}
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory{width:92% !important;}
}

@media (min-width:2200px){
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530HomeHeadline h1{font-size:46px !important;}
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory{width:min(90%,1740px) !important;}
}