/* ========================================================================== */
/* ETHNOS R529 — correctifs ciblés Découverte                                 */
/* Base figée : R528. Périmètre : html.ethnosGuestDiscovery uniquement.      */
/*                                                                            */
/* À modifier :                                                               */
/* - Maps : deux vraies zones DOM, texte à gauche / image à droite ;          */
/* - Tchat ouvert : supprimer uniquement l'arrondi inférieur droit ;           */
/* - Tchat recherche : fond du panneau = composant langue R523, champs blancs;*/
/* - Tous les pays : chevron séparé comme le sélecteur langue R523.           */
/* À ne pas toucher : dock, hauteur footer, Tchat tab, boutons, accueil central*/
/* hors optimisation de chargement portée par ethnos-body-r529.js.            */
/* ========================================================================== */

@media (min-width:901px){
  /* ---------------------------------------------------------------------- */
  /* MAPS — deux vraies zones : le texte ne dépend plus du contenu visuel   */
  /* interne de l'image. L'image est cadrée sans déformation.                */
  /* ---------------------------------------------------------------------- */
  html.ethnosGuestDiscovery .memberMapCard.r529MapSplit{
    display:grid !important;
    grid-template-columns:minmax(0,64%) minmax(0,36%) !important;
    align-items:stretch !important;
    justify-content:stretch !important;
    padding:0 !important;
    overflow:hidden !important;
    background:#041c28 !important;
    background-image:none !important;
  }

  html.ethnosGuestDiscovery .memberMapCard.r529MapSplit .r529MapTextZone{
    min-width:0 !important;
    width:100% !important;
    height:100% !important;
    display:grid !important;
    place-items:center !important;
    box-sizing:border-box !important;
    padding:0 8px !important;
    background:linear-gradient(90deg,rgba(3,20,31,.99),rgba(4,28,40,.98)) !important;
  }

  html.ethnosGuestDiscovery .memberMapCard.r529MapSplit .r529MapTextZone h2{
    position:static !important;
    display:block !important;
    width:auto !important;
    max-width:100% !important;
    min-width:0 !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    color:#fff9ef !important;
    font-family:var(--font-title,"Fraunces",Georgia,"Times New Roman",serif) !important;
    font-weight:400 !important;
    font-size:clamp(14px,.85vw,17px) !important;
    line-height:1.02 !important;
    letter-spacing:normal !important;
    text-align:center !important;
    white-space:normal !important;
  }

  html.ethnosGuestDiscovery .memberMapCard.r529MapSplit .r529MapLine{
    display:block !important;
    width:max-content !important;
    max-width:100% !important;
    margin:0 auto !important;
    padding:0 !important;
    color:inherit !important;
    font:inherit !important;
    line-height:inherit !important;
    text-align:center !important;
    white-space:nowrap !important;
  }

  /* Flèche = dessin R526 ; seule orientation : vers le haut. */
  html.ethnosGuestDiscovery .memberMapCard.r529MapSplit .r529MapLineLast::after{
    content:"›" !important;
    display:inline-block !important;
    margin-left:7px !important;
    color:#31d1cf !important;
    font-family:Arial,sans-serif !important;
    font-size:.82em !important;
    font-weight:700 !important;
    line-height:1 !important;
    vertical-align:.04em !important;
    transform:rotate(-90deg) !important;
    transform-origin:center !important;
    transition:transform .16s ease !important;
  }
  html.ethnosGuestDiscovery .memberMapCard.r529MapSplit:hover .r529MapLineLast::after,
  html.ethnosGuestDiscovery .memberMapCard.r529MapSplit:focus-visible .r529MapLineLast::after{
    transform:translateY(-2px) rotate(-90deg) !important;
  }

  html.ethnosGuestDiscovery .memberMapCard.r529MapSplit .r529MapMediaZone{
    min-width:0 !important;
    width:100% !important;
    height:100% !important;
    display:block !important;
    background-image:
      linear-gradient(90deg,rgba(4,28,40,.72) 0%,rgba(3,18,28,.14) 48%,rgba(3,18,28,0) 100%),
      url('../assets/images/home-r183/map-tab-earth-right.webp') !important;
    background-repeat:no-repeat !important;
    background-size:100% 100%,cover !important;
    background-position:center center,74% center !important;
  }

  /* ---------------------------------------------------------------------- */
  /* TCHAT OUVERT — uniquement le coin demandé.                              */
  /* ---------------------------------------------------------------------- */
  html.ethnosGuestDiscovery body.isTchatDrawerOpen .memberExplorerPanel{
    border-bottom-right-radius:0 !important;
  }

  /* ---------------------------------------------------------------------- */
  /* TCHAT RECHERCHE — réutilisation exacte des couleurs / bordures R523.    */
  /* ---------------------------------------------------------------------- */
  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 .memberExplorerBody,
  html.ethnosGuestDiscovery .salonQuickSearch,
  html.ethnosGuestDiscovery .salonExplorerSection,
  html.ethnosGuestDiscovery .salonDeepSearch{
    background:transparent !important;
  }

  html.ethnosGuestDiscovery .salonQuickSearch label{
    position:relative !important;
  }

  html.ethnosGuestDiscovery .salonQuickSearch select[data-search-country],
  html.ethnosGuestDiscovery .salonQuickSearch input[data-search-keyword]{
    width:100% !important;
    min-height:38px !important;
    box-sizing:border-box !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]{
    padding:0 11px !important;
  }

  html.ethnosGuestDiscovery .salonQuickSearch select[data-search-country]{
    appearance:none !important;
    -webkit-appearance:none !important;
    padding:0 46px 0 11px !important;
    cursor:pointer !important;
  }

  html.ethnosGuestDiscovery .salonQuickSearch select[data-search-country]:hover,
  html.ethnosGuestDiscovery .salonQuickSearch input[data-search-keyword]:hover{
    border-color:rgba(7,26,57,.30) !important;
    background:#fffefa !important;
  }

  html.ethnosGuestDiscovery .salonQuickSearch select[data-search-country]:focus,
  html.ethnosGuestDiscovery .salonQuickSearch input[data-search-keyword]:focus{
    border-color:#ee8d55 !important;
    box-shadow:0 0 0 3px rgba(238,141,85,.14) !important;
  }

  /* Zone chevron de "Tous les pays" : mêmes 42 px / séparateur R523. */
  html.ethnosGuestDiscovery .salonQuickSearch label:has(select[data-search-country])::before{
    content:"" !important;
    position:absolute !important;
    right:42px !important;
    bottom:0 !important;
    width:1px !important;
    height:38px !important;
    background:rgba(7,26,57,.10) !important;
    pointer-events:none !important;
    z-index:2 !important;
  }
  html.ethnosGuestDiscovery .salonQuickSearch label:has(select[data-search-country])::after{
    content:"" !important;
    position:absolute !important;
    right:17px !important;
    bottom:15px !important;
    width:8px !important;
    height:8px !important;
    border-right:1.7px solid #071a39 !important;
    border-bottom:1.7px solid #071a39 !important;
    transform:rotate(45deg) !important;
    transform-origin:center !important;
    pointer-events:none !important;
    z-index:3 !important;
  }
}

/* Responsive Maps : conserver les tailles validées de R527/R528. */
@media (min-width:901px) and (max-width:1320px){
  html.ethnosGuestDiscovery .memberMapCard.r529MapSplit .r529MapTextZone h2{font-size:12px !important;}
}
@media (min-width:1321px) and (max-width:1450px){
  html.ethnosGuestDiscovery .memberMapCard.r529MapSplit .r529MapTextZone h2{font-size:12.5px !important;}
}
@media (min-width:1451px) and (max-width:1600px){
  html.ethnosGuestDiscovery .memberMapCard.r529MapSplit .r529MapTextZone h2{font-size:13.5px !important;}
}
@media (min-width:1601px) and (max-width:1800px){
  html.ethnosGuestDiscovery .memberMapCard.r529MapSplit .r529MapTextZone h2{font-size:14.5px !important;}
}