/* ========================================================================== */
/* ETHNOS R528 — correctif ciblé onglets Découverte + fermeture Tchat         */
/* Base figée : R527. Périmètre : html.ethnosGuestDiscovery uniquement.      */
/*                                                                            */
/* Cibles :                                                                   */
/* - restaurer le dessin / placement R526 des flèches, seul le sens = haut ; */
/* - Maps : Fraunces réel + centrage géométrique dans les 57% gauche ;        */
/* - aucun changement du dock, des images, de la hauteur ni du reste accueil. */
/* ========================================================================== */

@media (min-width:901px){
  /* MAPS — 43% image à droite => zone texte réelle = 57% à gauche.          */
  /* Le h2 occupe exactement cette zone, sans padding asymétrique.           */
  html.ethnosGuestDiscovery .memberMapCard.r183MapCard h2,
  html.ethnosGuestDiscovery .memberMapCard.r193MapTitleOnly h2{
    position:relative !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    width:57% !important;
    max-width:57% !important;
    min-width:0 !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
    font-family:var(--font-title,"Fraunces",Georgia,"Times New Roman",serif) !important;
    font-weight:400 !important;
    text-align:center !important;
    overflow:hidden !important;
  }

  /* R527 avait placé la flèche en absolu au bord de la zone : neutralisé. */
  html.ethnosGuestDiscovery .memberMapCard.r183MapCard h2::after,
  html.ethnosGuestDiscovery .memberMapCard.r193MapTitleOnly h2::after{
    content:none !important;
    display:none !important;
  }

  /* Deux lignes explicites, chacune centrée sur l'axe exact des 57% gauche. */
  html.ethnosGuestDiscovery .memberMapCard.r183MapCard h2 .r528MapLine,
  html.ethnosGuestDiscovery .memberMapCard.r193MapTitleOnly h2 .r528MapLine{
    position:relative !important;
    display:block !important;
    width:max-content !important;
    max-width:calc(100% - 28px) !important;
    margin:0 auto !important;
    padding:0 !important;
    box-sizing:border-box !important;
    color:inherit !important;
    font-family:var(--font-title,"Fraunces",Georgia,"Times New Roman",serif) !important;
    font-size:inherit !important;
    font-weight:400 !important;
    line-height:inherit !important;
    letter-spacing:inherit !important;
    text-align:center !important;
    white-space:nowrap !important;
  }

  /* Flèche Maps = glyph, taille, graisse, marge et teinte de R526.          */
  /* Seule transformation demandée : rotation vers le haut.                  */
  html.ethnosGuestDiscovery .memberMapCard.r183MapCard h2 .r528MapLineLast::after,
  html.ethnosGuestDiscovery .memberMapCard.r193MapTitleOnly h2 .r528MapLineLast::after{
    content:"›" !important;
    position:absolute !important;
    left:100% !important;
    top:50% !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:translateY(-50%) rotate(-90deg) !important;
    transform-origin:center !important;
    transition:transform .16s ease !important;
  }
  html.ethnosGuestDiscovery .memberMapCard.r183MapCard:hover h2 .r528MapLineLast::after,
  html.ethnosGuestDiscovery .memberMapCard.r183MapCard:focus-visible h2 .r528MapLineLast::after,
  html.ethnosGuestDiscovery .memberMapCard.r193MapTitleOnly:hover h2 .r528MapLineLast::after,
  html.ethnosGuestDiscovery .memberMapCard.r193MapTitleOnly:focus-visible h2 .r528MapLineLast::after{
    transform:translateY(calc(-50% - 2px)) rotate(-90deg) !important;
  }

  /* TCHAT — restaurer la géométrie de titre R526 et sa flèche inline.       */
  html.ethnosGuestDiscovery .r185TchatToggle.r188TchatTabFixed h2,
  html.ethnosGuestDiscovery body.isTchatDrawerOpen .r185TchatToggle.r188TchatTabFixed h2{
    position:static !important;
    display:block !important;
    width:55% !important;
    max-width:55% !important;
    height:auto !important;
    margin:0 !important;
    padding:0 8px !important;
    box-sizing:border-box !important;
    font-family:var(--font-title,"Fraunces",Georgia,"Times New Roman",serif) !important;
    font-size:clamp(18px,1.22vw,23px) !important;
    font-weight:400 !important;
    line-height:1 !important;
    text-align:center !important;
    white-space:nowrap !important;
    overflow:visible !important;
  }
  html.ethnosGuestDiscovery .r185TchatToggle.r188TchatTabFixed h2::after,
  html.ethnosGuestDiscovery body.isTchatDrawerOpen .r185TchatToggle.r188TchatTabFixed h2::after{
    content:"›" !important;
    position:static !important;
    top:auto !important;
    right:auto !important;
    display:inline-block !important;
    margin:0 0 0 8px !important;
    color:#31d1cf !important;
    font-family:Arial,sans-serif !important;
    font-size:.72em !important;
    font-weight:700 !important;
    line-height:1 !important;
    vertical-align:.03em !important;
    transform:rotate(-90deg) !important;
    transform-origin:center !important;
    transition:transform .16s ease !important;
  }
  html.ethnosGuestDiscovery .r185TchatToggle.r188TchatTabFixed:hover h2::after,
  html.ethnosGuestDiscovery .r185TchatToggle.r188TchatTabFixed:focus-visible h2::after{
    transform:translateY(-2px) rotate(-90deg) !important;
  }
}

/* Géométrie R526 du titre Tchat aux formats compacts.                       */
@media (min-width:901px) and (max-width:1500px){
  html.ethnosGuestDiscovery .r185TchatToggle.r188TchatTabFixed h2,
  html.ethnosGuestDiscovery body.isTchatDrawerOpen .r185TchatToggle.r188TchatTabFixed h2{
    width:56% !important;
    max-width:56% !important;
    font-size:18px !important;
  }
}
@media (min-width:901px) and (max-width:1320px){
  html.ethnosGuestDiscovery .r185TchatToggle.r188TchatTabFixed h2,
  html.ethnosGuestDiscovery body.isTchatDrawerOpen .r185TchatToggle.r188TchatTabFixed h2{
    width:57% !important;
    max-width:57% !important;
    font-size:17px !important;
  }
}