/* ========================================================================== */
/* ETHNOS R531 — Accueil Découverte : finitions ciblées et responsive         */
/* Base figée : R530.                                                         */
/* Périmètre : accueil Découverte uniquement.                                 */
/* ========================================================================== */

@media (min-width:901px){
  /* 1) Bloc Inscription : centrage demandé, géométrie et boutons inchangés. */
  html.ethnosGuestDiscovery [data-guest-signup-card] .guestSignupProfileInner,
  html.ethnosGuestDiscovery [data-guest-signup-card] .guestSignupEyebrow,
  html.ethnosGuestDiscovery [data-guest-signup-card] .guestSignupTitle,
  html.ethnosGuestDiscovery [data-guest-signup-card] .guestSignupProfileInner > small{
    text-align:center !important;
    text-align-last:center !important;
    text-justify:auto !important;
  }

  /* 2) Pays : le contrôle visible reprend le composant R523 réel. Le JS     */
  /* ajoute exactement guestLanguageSelectTrigger + son chevron enfant.      */
  html.ethnosGuestDiscovery .salonQuickSearch .realFlagSelectButton.r531CountrySelectTrigger::before,
  html.ethnosGuestDiscovery .salonQuickSearch .realFlagSelectButton.r531CountrySelectTrigger::after{
    content:none !important;
    display:none !important;
  }
  html.ethnosGuestDiscovery .salonQuickSearch .realFlagSelectButton.r531CountrySelectTrigger{
    position:relative !important;
    gap:9px !important;
  }
  html.ethnosGuestDiscovery .salonQuickSearch .realFlagSelectButton.r531CountrySelectTrigger .guestLanguageChevronBox{
    display:grid !important;
  }

  /* 3) Une respiration légère seulement entre les deux rangées de cartes. */
  html.ethnosGuestDiscovery body.isEthnosHomeView .r183MetricRow{
    margin-top:clamp(4px,.42vw,8px) !important;
  }

  /* 4) Trajectoire : neutraliser les anciens correctifs 1280/1366 qui       */
  /* appartenaient à l'ancienne composition gauche/droite.                   */
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory .r180TrajectorySteps{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    column-gap:0 !important;
    row-gap:0 !important;
    padding-top:0 !important;
  }
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory .r180TrajectorySteps > li{
    box-sizing:border-box !important;
    min-width:0 !important;
    height:100% !important;
    margin:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:var(--r531-step-gap,6px) !important;
    padding:var(--r531-step-pad-y,10px) var(--r531-step-pad-x,12px) !important;
  }
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory .r180TrajectorySteps > li::before,
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory .r180TrajectorySteps > li::after{
    content:none !important;
    display:none !important;
  }

  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory .r180MilestoneTarget{
    box-sizing:border-box !important;
    width:100% !important;
    min-width:0 !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:baseline !important;
    justify-content:flex-start !important;
    gap:var(--r531-target-gap,6px) !important;
    margin:0 !important;
    padding:0 !important;
    white-space:nowrap !important;
    overflow:visible !important;
  }
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory .r180MilestoneTarget > i{
    flex:0 0 auto !important;
    width:auto !important;
    min-width:0 !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    outline:0 !important;
    transform:none !important;
    font-size:var(--r531-target-icon,14px) !important;
    line-height:1 !important;
  }
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory .r180MilestoneTarget > strong{
    flex:0 0 auto !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
    font-size:var(--r531-target-number,22px) !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory .r180MilestoneTarget > small{
    flex:0 0 auto !important;
    align-self:center !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
    font-size:var(--r531-target-label,7px) !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }

  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory .r180MilestoneReward,
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory .r180TrajectorySteps > li:nth-child(3) .r180MilestoneReward:last-child{
    box-sizing:border-box !important;
    width:100% !important;
    min-width:0 !important;
    display:grid !important;
    grid-template-columns:var(--r531-check-size,16px) minmax(0,1fr) !important;
    align-items:start !important;
    gap:var(--r531-reward-gap,6px) !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
  }
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory .r180MilestoneReward > b{
    box-sizing:border-box !important;
    width:var(--r531-check-size,16px) !important;
    min-width:var(--r531-check-size,16px) !important;
    height:var(--r531-check-size,16px) !important;
    min-height:var(--r531-check-size,16px) !important;
    display:grid !important;
    place-items:center !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
    font-size:var(--r531-check-font,11px) !important;
    line-height:1 !important;
  }
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory .r180MilestoneReward > span{
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
    font-size:var(--r531-reward-font,8.5px) !important;
    line-height:1.18 !important;
    text-align:left !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
    hyphens:none !important;
  }
}

/* Formats de travail : tailles mesurées pour garder cible / nombre / membre */
/* ensemble et les coches attachées à leur texte, sans rognage.              */
@media (width:1280px) and (height:720px){
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory{
    --r531-step-pad-x:10px; --r531-step-pad-y:9px; --r531-step-gap:6px;
    --r531-target-icon:12px; --r531-target-number:19px; --r531-target-label:5.8px; --r531-target-gap:5px;
    --r531-check-size:16px; --r531-check-font:11px; --r531-reward-font:8px; --r531-reward-gap:6px;
    width:96% !important;
  }
}
@media (width:1366px) and (height:768px){
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory{
    --r531-step-pad-x:12px; --r531-step-pad-y:10px; --r531-step-gap:7px;
    --r531-target-icon:14px; --r531-target-number:22px; --r531-target-label:7px; --r531-target-gap:6px;
    --r531-check-size:16.4px; --r531-check-font:11px; --r531-reward-font:8.5px; --r531-reward-gap:7px;
    width:95% !important;
  }
}
@media (width:1536px) and (height:864px){
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory{
    --r531-step-pad-x:13px; --r531-step-pad-y:11px; --r531-step-gap:7px;
    --r531-target-icon:14.6px; --r531-target-number:25px; --r531-target-label:7.4px; --r531-target-gap:6px;
    --r531-check-size:18.4px; --r531-check-font:12px; --r531-reward-font:9.2px; --r531-reward-gap:7px;
    width:94% !important;
  }
}
@media (width:1707px) and (height:1067px){
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory{
    --r531-step-pad-x:14px; --r531-step-pad-y:12px; --r531-step-gap:8px;
    --r531-target-icon:16.2px; --r531-target-number:28px; --r531-target-label:8.2px; --r531-target-gap:7px;
    --r531-check-size:20.5px; --r531-check-font:13.3px; --r531-reward-font:10px; --r531-reward-gap:8px;
    width:93% !important;
  }
}
@media (width:1920px) and (height:1080px){
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory{
    --r531-step-pad-x:16px; --r531-step-pad-y:13px; --r531-step-gap:8px;
    --r531-target-icon:18.2px; --r531-target-number:35.5px; --r531-target-label:9.2px; --r531-target-gap:8px;
    --r531-check-size:23px; --r531-check-font:15px; --r531-reward-font:13px; --r531-reward-gap:8px;
    width:92% !important;
  }
}
@media (width:2560px) and (height:1440px){
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory{
    --r531-step-pad-x:18px; --r531-step-pad-y:15px; --r531-step-gap:9px;
    --r531-target-icon:20px; --r531-target-number:40px; --r531-target-label:10px; --r531-target-gap:9px;
    --r531-check-size:24px; --r531-check-font:16px; --r531-reward-font:13px; --r531-reward-gap:9px;
    width:min(90%,1740px) !important;
  }
}

/* Intervalles entre les formats de référence : progression douce. */
@media (min-width:901px) and (max-width:1279px){
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory{
    --r531-target-icon:12px; --r531-target-number:17px; --r531-target-label:5.8px;
    --r531-check-size:14px; --r531-check-font:9px; --r531-reward-font:7.5px;
  }
}
@media (min-width:1367px) and (max-width:1535px){
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory{
    --r531-target-icon:14.5px; --r531-target-number:22px; --r531-target-label:6.7px;
    --r531-check-size:16px; --r531-check-font:11px; --r531-reward-font:8.6px;
  }
}
@media (min-width:1537px) and (max-width:1706px){
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory{
    --r531-target-icon:15.5px; --r531-target-number:25px; --r531-target-label:7.4px;
    --r531-check-size:18px; --r531-check-font:12px; --r531-reward-font:9.4px;
  }
}
@media (min-width:1708px) and (max-width:1919px){
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory{
    --r531-target-icon:16.5px; --r531-target-number:29px; --r531-target-label:8px;
    --r531-check-size:19px; --r531-check-font:12px; --r531-reward-font:10.4px;
  }
}
@media (min-width:1921px) and (max-width:2559px){
  html.ethnosGuestDiscovery body.isEthnosHomeView .r530Trajectory{
    --r531-target-icon:18px; --r531-target-number:34px; --r531-target-label:9px;
    --r531-check-size:21px; --r531-check-font:14px; --r531-reward-font:11.5px;
  }
}

/* R466/R467 avaient une spécificité historique plus forte à 1280.          */
/* Le nouveau bloc R530 ne doit plus hériter de leurs décalages manuels.     */
@media (width:1280px) and (height:720px){
  html.ethnosGuestDiscovery[data-ethnos-ui="discord-r111"] body.isEthnosHomeView
  .r530Trajectory .r180TrajectorySteps .r180MilestoneTarget > i{
    transform:none !important;
  }
  html.ethnosGuestDiscovery[data-ethnos-ui="discord-r111"] body.isEthnosHomeView
  .r530Trajectory .r180TrajectorySteps .r180MilestoneTarget > strong{
    margin-left:0 !important;
  }
}