/* ========================================================================== */
/* ETHNOS R527 — footer Découverte : onglets lisibles + responsive ciblé      */
/* Base figée : R526. Périmètre : html.ethnosGuestDiscovery uniquement.      */
/*                                                                            */
/* Cible :                                                                   */
/* - Tchat / Maps : flèche vers le haut, deux zones nettes sans image étirée.*/
/* - Maps : titre forcé sur 2 lignes, entièrement contenu dans la zone gauche.*/
/* - Responsive : uniquement dock + onglets Tchat / Maps.                    */
/* ========================================================================== */

@media (min-width:901px){
  /* Le dock commence exactement après Tchat et s’arrête exactement avant Maps. */
  /* R190 synchronise --r190-map-tab-width sur la largeur réelle de Maps.       */
  html.ethnosGuestDiscovery #memberWorldDock{
    left:var(--r190-map-tab-width,var(--ethnos-context-width)) !important;
    right:var(--ethnos-context-width) !important;
  }

  /* Deux zones strictes : 57 % texte / 43 % image. Le second background      */
  /* garde son ratio (largeur % + hauteur auto), donc aucune déformation.     */
  html.ethnosGuestDiscovery .memberMapCard.r183MapCard,
  html.ethnosGuestDiscovery .memberMapCard.r193MapTitleOnly{
    background-size:100% 100%,43% auto !important;
    background-position:left center,right center !important;
  }

  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 clamp(18px,1.15vw,24px) 0 clamp(7px,.55vw,11px) !important;
    box-sizing:border-box !important;
    font-size:clamp(14px,.85vw,17px) !important;
    line-height:1.02 !important;
    text-align:center !important;
    white-space:normal !important;
    overflow:hidden !important;
  }
  html.ethnosGuestDiscovery .memberMapCard.r183MapCard h2 .r527MapLine,
  html.ethnosGuestDiscovery .memberMapCard.r193MapTitleOnly h2 .r527MapLine{
    display:block !important;
    width:100% !important;
    white-space:nowrap !important;
  }
  html.ethnosGuestDiscovery .memberMapCard.r183MapCard h2::after,
  html.ethnosGuestDiscovery .memberMapCard.r193MapTitleOnly h2::after{
    content:"↑" !important;
    position:absolute !important;
    top:50% !important;
    right:clamp(5px,.42vw,8px) !important;
    margin:0 !important;
    color:#31d1cf !important;
    font-family:Arial,sans-serif !important;
    font-size:.78em !important;
    font-weight:700 !important;
    line-height:1 !important;
    transform:translateY(-50%) !important;
    transition:transform .16s ease !important;
  }
  html.ethnosGuestDiscovery .memberMapCard.r183MapCard:hover h2::after,
  html.ethnosGuestDiscovery .memberMapCard.r183MapCard:focus-visible h2::after,
  html.ethnosGuestDiscovery .memberMapCard.r193MapTitleOnly:hover h2::after,
  html.ethnosGuestDiscovery .memberMapCard.r193MapTitleOnly:focus-visible h2::after{
    transform:translateY(calc(-50% - 2px)) !important;
  }

  html.ethnosGuestDiscovery .r185TchatToggle.r188TchatTabFixed,
  html.ethnosGuestDiscovery body.isTchatDrawerOpen .r185TchatToggle.r188TchatTabFixed{
    background-size:100% 100%,43% auto !important;
    background-position:center center,left center !important;
  }
  html.ethnosGuestDiscovery .r185TchatToggle.r188TchatTabFixed h2,
  html.ethnosGuestDiscovery body.isTchatDrawerOpen .r185TchatToggle.r188TchatTabFixed h2{
    position:relative !important;
    display:flex !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 clamp(18px,1.15vw,24px) 0 clamp(7px,.55vw,11px) !important;
    box-sizing:border-box !important;
    font-size:clamp(19px,1vw,22px) !important;
    line-height:1 !important;
    text-align:center !important;
    white-space:nowrap !important;
    overflow:hidden !important;
  }
  html.ethnosGuestDiscovery .r185TchatToggle.r188TchatTabFixed h2::after,
  html.ethnosGuestDiscovery body.isTchatDrawerOpen .r185TchatToggle.r188TchatTabFixed h2::after{
    content:"↑" !important;
    position:absolute !important;
    top:50% !important;
    right:clamp(5px,.42vw,8px) !important;
    margin:0 !important;
    color:#31d1cf !important;
    font-family:Arial,sans-serif !important;
    font-size:.70em !important;
    font-weight:700 !important;
    line-height:1 !important;
    transform:translateY(-50%) !important;
    transition:transform .16s ease !important;
  }
  html.ethnosGuestDiscovery .r185TchatToggle.r188TchatTabFixed:hover h2::after,
  html.ethnosGuestDiscovery .r185TchatToggle.r188TchatTabFixed:focus-visible h2::after{
    transform:translateY(calc(-50% - 2px)) !important;
  }
}

/* 1280 × 720 et voisinage : préserver de l'air malgré les onglets étroits. */
@media (min-width:901px) and (max-width:1320px){
  html.ethnosGuestDiscovery #memberWorldDock > button{
    padding-inline:2px !important;
    font-size:9.4px !important;
  }
  html.ethnosGuestDiscovery .memberMapCard.r183MapCard h2,
  html.ethnosGuestDiscovery .memberMapCard.r193MapTitleOnly h2{
    padding-right:17px !important;
    padding-left:5px !important;
    font-size:12px !important;
  }
  html.ethnosGuestDiscovery .r185TchatToggle.r188TchatTabFixed h2,
  html.ethnosGuestDiscovery body.isTchatDrawerOpen .r185TchatToggle.r188TchatTabFixed h2{
    padding-right:17px !important;
    padding-left:5px !important;
    font-size:16.5px !important;
  }
}

/* 1366 × 768 : même respiration, avec une légère remontée typographique. */
@media (min-width:1321px) and (max-width:1450px){
  html.ethnosGuestDiscovery #memberWorldDock > button{
    padding-inline:3px !important;
    font-size:9.8px !important;
  }
  html.ethnosGuestDiscovery .memberMapCard.r183MapCard h2,
  html.ethnosGuestDiscovery .memberMapCard.r193MapTitleOnly h2{
    padding-right:18px !important;
    padding-left:6px !important;
    font-size:12.5px !important;
  }
  html.ethnosGuestDiscovery .r185TchatToggle.r188TchatTabFixed h2,
  html.ethnosGuestDiscovery body.isTchatDrawerOpen .r185TchatToggle.r188TchatTabFixed h2{
    padding-right:18px !important;
    padding-left:6px !important;
    font-size:17px !important;
  }
}

/* 1536 × 864 : taille intermédiaire, sans toucher à la hauteur de 54 px. */
@media (min-width:1451px) and (max-width:1600px){
  html.ethnosGuestDiscovery #memberWorldDock > button{
    padding-inline:4px !important;
    font-size:10.6px !important;
  }
  html.ethnosGuestDiscovery .memberMapCard.r183MapCard h2,
  html.ethnosGuestDiscovery .memberMapCard.r193MapTitleOnly h2{
    font-size:13.5px !important;
  }
  html.ethnosGuestDiscovery .r185TchatToggle.r188TchatTabFixed h2,
  html.ethnosGuestDiscovery body.isTchatDrawerOpen .r185TchatToggle.r188TchatTabFixed h2{
    font-size:18px !important;
  }
}

/* 1707 × 1067 : conserver la densité du dock sans impression de vide. */
@media (min-width:1601px) and (max-width:1800px){
  html.ethnosGuestDiscovery #memberWorldDock > button{
    font-size:11.4px !important;
  }
  html.ethnosGuestDiscovery .memberMapCard.r183MapCard h2,
  html.ethnosGuestDiscovery .memberMapCard.r193MapTitleOnly h2{
    font-size:14.5px !important;
  }
  html.ethnosGuestDiscovery .r185TchatToggle.r188TchatTabFixed h2,
  html.ethnosGuestDiscovery body.isTchatDrawerOpen .r185TchatToggle.r188TchatTabFixed h2{
    font-size:19px !important;
  }
}

/* 1920 × 1080 et au-delà : le clamp de base reprend la main. */