/* ========================================================================== */
/* ETHNOS R533 — correctifs ciblés Accueil Découverte               */
/* Base figée : R532. Périmètre : centrage titre + chevron Pays unique.                    */
/* ========================================================================== */

@media (min-width:901px){
  /* A0. Inscription Ethnos : le titre est un conteneur flex. Le text-align */
  /* de R531 ne pouvait donc pas centrer ses deux enfants. Centrage réel.   */
  html.ethnosGuestDiscovery [data-guest-signup-card] .guestSignupTitle{
    width:100% !important;
    justify-self:stretch !important;
    justify-content:center !important;
  }

  /* A. Inscription : la troisième ligne doit partager exactement l'axe des  */
  /* deux titres. R531 centrait le texte dans sa largeur intrinsèque ; R532  */
  /* lui donne la largeur réelle du bloc avant centrage.                     */
  html.ethnosGuestDiscovery [data-guest-signup-card] .guestSignupProfileInner > small{
    justify-self:stretch !important;
    width:100% !important;
    max-width:none !important;
    text-align:center !important;
    text-align-last:center !important;
  }

  /* B. Sélecteur Pays : une seule source de chevron.                       */
  /* Cause prouvée : R532 ajoutait un enfant .guestLanguageChevronBox       */
  /* alors que le contrôle realFlagSelectButton possède déjà un ::after.    */
  /* R533 supprime l'enfant en JS et dessine l'encoche + le chevron avec    */
  /* ::before / ::after uniquement : deux chevrons ne peuvent plus coexister. */
  html.ethnosGuestDiscovery .salonQuickSearch .realFlagSelectButton.r533CountrySelectTrigger{
    position:relative !important;
    width:100% !important;
    height:38px !important;
    min-height:38px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:9px !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;
    cursor:pointer !important;
    outline:none !important;
    box-shadow:none !important;
  }
  html.ethnosGuestDiscovery .salonQuickSearch .realFlagSelectButton.r533CountrySelectTrigger:hover{
    border-color:rgba(7,26,57,.30) !important;
    background:#fffefa !important;
  }
  html.ethnosGuestDiscovery .salonQuickSearch .realFlagSelectButton.r533CountrySelectTrigger:focus-visible,
  html.ethnosGuestDiscovery .salonQuickSearch .realFlagSelectButton.r533CountrySelectTrigger[aria-expanded="true"]{
    border-color:#ee8d55 !important;
    box-shadow:0 0 0 3px rgba(238,141,85,.14) !important;
  }
  html.ethnosGuestDiscovery .salonQuickSearch .realFlagSelectButton.r533CountrySelectTrigger::before{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    top:0 !important;
    right:0 !important;
    width:42px !important;
    height:100% !important;
    box-sizing:border-box !important;
    border:0 !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;
    box-shadow:none !important;
    pointer-events:none !important;
  }
  html.ethnosGuestDiscovery .salonQuickSearch .realFlagSelectButton.r533CountrySelectTrigger::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    top:50% !important;
    right:17px !important;
    width:8px !important;
    height:8px !important;
    box-sizing:border-box !important;
    border:0 !important;
    border-right:1.7px solid #071a39 !important;
    border-bottom:1.7px solid #071a39 !important;
    background:none !important;
    color:transparent !important;
    font-size:0 !important;
    box-shadow:none !important;
    transform:translateY(-4px) rotate(45deg) !important;
    transform-origin:center !important;
    transition:transform .14s ease !important;
    pointer-events:none !important;
  }
  html.ethnosGuestDiscovery .salonQuickSearch .realFlagSelectButton.r533CountrySelectTrigger[aria-expanded="true"]::after{
    transform:translateY(1px) rotate(225deg) !important;
  }
  html.ethnosGuestDiscovery .salonQuickSearch .realFlagSelectButton.r533CountrySelectTrigger > .guestLanguageChevronBox{
    display:none !important;
  }

  /* C. Deux rangées de cartes : légère respiration, sans changer les cartes. */
  html.ethnosGuestDiscovery body.isEthnosHomeView .r183MetricRow{
    margin-top:clamp(12px,.9vw,18px) !important;
  }

  /* D. Bouton Connexion : peau exacte du bouton orange officiel R216,       */
  /* déjà reprise par le bouton S'inscrire dans R445. Géométrie inchangée.   */
  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 .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 .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;
  }
}