/* ========================================================================== */
/* ETHNOS R526 — finition pied de page Découverte                             */
/* Base figée : R525. Périmètre : html.ethnosGuestDiscovery uniquement.      */
/*                                                                            */
/* Cible : dock plus net, onglets Tchat/Maps en deux zones sans déformation.  */
/* ========================================================================== */

@media (min-width:901px){
  /* ---------------------------------------------------------------------- */
  /* 1. Dock : retour au blanc traditionnel, hauteur R525 strictement gardée.*/
  /*    Suppression de l'effet de double ligne / relief interne.             */
  /* ---------------------------------------------------------------------- */
  html.ethnosGuestDiscovery #memberWorldDock{
    box-sizing:border-box !important;
    height:var(--r110-dock-height,54px) !important;
    min-height:var(--r110-dock-height,54px) !important;
    max-height:var(--r110-dock-height,54px) !important;
    padding:0 5px !important;
    border:0 !important;
    border-top:1px solid rgba(7,26,57,.14) !important;
    border-radius:0 !important;
    background:#fffdf9 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  html.ethnosGuestDiscovery #memberWorldDock > button,
  html.ethnosGuestDiscovery #memberWorldDock > button:nth-child(odd),
  html.ethnosGuestDiscovery #memberWorldDock > button:nth-child(even),
  html.ethnosGuestDiscovery #memberWorldDock > button.isActive{
    box-sizing:border-box !important;
    min-height:100% !important;
    height:100% !important;
    gap:0 !important;
    padding:0 clamp(7px,.65vw,13px) !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    background-image:none !important;
    box-shadow:none !important;
    color:#071a39 !important;
    font-family:var(--font-interface,Inter,"Segoe UI",Arial,sans-serif) !important;
    font-size:clamp(10px,.70vw,13px) !important;
    font-weight:700 !important;
    line-height:1 !important;
    text-shadow:none !important;
  }
  html.ethnosGuestDiscovery #memberWorldDock > button:hover,
  html.ethnosGuestDiscovery #memberWorldDock > button:focus-visible{
    background:rgba(7,26,57,.035) !important;
    background-image:none !important;
    color:#071a39 !important;
    outline:none !important;
    box-shadow:none !important;
  }
  html.ethnosGuestDiscovery #memberWorldDock > button.isActive{
    background:rgba(7,26,57,.045) !important;
  }

  /* Les pictogrammes sont supprimés : le libellé devient le repère principal. */
  html.ethnosGuestDiscovery #memberWorldDock > button i{
    display:none !important;
  }
  html.ethnosGuestDiscovery #memberWorldDock > button span{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    font-size:inherit !important;
    font-weight:inherit !important;
    line-height:1 !important;
    text-align:center !important;
    white-space:nowrap !important;
  }

  /* Séparateurs verticaux nets ; pas de deuxième barre horizontale. */
  html.ethnosGuestDiscovery #memberWorldDock > button:not([data-body-view="world"]):not([data-r525-ethnos-v1])::after{
    top:10px !important;
    bottom:10px !important;
    right:0 !important;
    width:1px !important;
    background:rgba(7,26,57,.16) !important;
  }

  /* ---------------------------------------------------------------------- */
  /* 2. Maps : photo conservée à droite sans étirement, texte dans une vraie */
  /*    zone gauche centrée. L'arrondi de jonction avec le dock disparaît.   */
  /* ---------------------------------------------------------------------- */
  html.ethnosGuestDiscovery .memberMapCard.r183MapCard,
  html.ethnosGuestDiscovery .memberMapCard.r193MapTitleOnly{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    box-sizing:border-box !important;
    padding:0 !important;
    border-radius:0 !important;
    background-image:
      linear-gradient(90deg,rgba(3,20,31,.99) 0%,rgba(4,28,40,.94) 52%,rgba(3,18,28,.46) 100%),
      url('../assets/images/home-r183/map-tab-earth-right.webp') !important;
    background-position:left center,right center !important;
    background-size:100% 100%,auto 92px !important;
    background-repeat:no-repeat !important;
  }
  html.ethnosGuestDiscovery .memberMapCard.r183MapCard h2,
  html.ethnosGuestDiscovery .memberMapCard.r193MapTitleOnly h2{
    box-sizing:border-box !important;
    width:58% !important;
    max-width:58% !important;
    margin:0 !important;
    padding:0 8px !important;
    color:#fff9ef !important;
    font-size:clamp(13px,.94vw,18px) !important;
    line-height:1.03 !important;
    text-align:center !important;
    white-space:normal !important;
  }
  html.ethnosGuestDiscovery .memberMapCard.r183MapCard h2::after,
  html.ethnosGuestDiscovery .memberMapCard.r193MapTitleOnly h2::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;
    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:translateX(2px) !important;
  }

  /* ---------------------------------------------------------------------- */
  /* 3. Tchat : logique miroir. Photo calée à gauche, texte centré à droite. */
  /*    Aucun étirement du média et suppression de l'arrondi de jonction.    */
  /* ---------------------------------------------------------------------- */
  html.ethnosGuestDiscovery .r185TchatToggle.r188TchatTabFixed,
  html.ethnosGuestDiscovery body.isTchatDrawerOpen .r185TchatToggle.r188TchatTabFixed{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    box-sizing:border-box !important;
    padding:0 !important;
    border-radius:0 !important;
    background-image:
      linear-gradient(90deg,rgba(3,25,38,.48) 0%,rgba(3,25,38,.72) 45%,rgba(3,25,38,.99) 100%),
      url('../assets/images/home-r186/tchat-keyboard.webp') !important;
    background-size:100% 100%,auto 110px !important;
    background-position:center center,left 56% !important;
    background-repeat:no-repeat !important;
  }
  html.ethnosGuestDiscovery .r185TchatToggle.r188TchatTabFixed h2,
  html.ethnosGuestDiscovery body.isTchatDrawerOpen .r185TchatToggle.r188TchatTabFixed h2{
    box-sizing:border-box !important;
    width:55% !important;
    max-width:55% !important;
    margin:0 !important;
    padding:0 8px !important;
    font-size:clamp(18px,1.22vw,23px) !important;
    line-height:1 !important;
    text-align:center !important;
    white-space:nowrap !important;
  }
  html.ethnosGuestDiscovery .r185TchatToggle.r188TchatTabFixed h2::after,
  html.ethnosGuestDiscovery body.isTchatDrawerOpen .r185TchatToggle.r188TchatTabFixed h2::after{
    content:"›" !important;
    display:inline-block !important;
    margin-left: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;
    transition:transform .16s ease !important;
  }
  html.ethnosGuestDiscovery .r185TchatToggle.r188TchatTabFixed:hover h2::after,
  html.ethnosGuestDiscovery .r185TchatToggle.r188TchatTabFixed:focus-visible h2::after{
    transform:translateX(2px) !important;
  }
}

/* Formats compacts : même structure deux-zones, médias toujours non déformés. */
@media (min-width:901px) and (max-width:1500px){
  html.ethnosGuestDiscovery #memberWorldDock > button{
    padding-inline:5px !important;
    font-size:10px !important;
  }
  html.ethnosGuestDiscovery .memberMapCard.r183MapCard,
  html.ethnosGuestDiscovery .memberMapCard.r193MapTitleOnly{
    background-size:100% 100%,auto 84px !important;
  }
  html.ethnosGuestDiscovery .memberMapCard.r183MapCard h2,
  html.ethnosGuestDiscovery .memberMapCard.r193MapTitleOnly h2{
    width:60% !important;
    max-width:60% !important;
    font-size:13px !important;
  }
  html.ethnosGuestDiscovery .r185TchatToggle.r188TchatTabFixed,
  html.ethnosGuestDiscovery body.isTchatDrawerOpen .r185TchatToggle.r188TchatTabFixed{
    background-size:100% 100%,auto 98px !important;
  }
  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 #memberWorldDock > button{
    padding-inline:3px !important;
    font-size:10px !important;
  }
  html.ethnosGuestDiscovery .memberMapCard.r183MapCard,
  html.ethnosGuestDiscovery .memberMapCard.r193MapTitleOnly{
    background-size:100% 100%,auto 78px !important;
  }
  html.ethnosGuestDiscovery .memberMapCard.r183MapCard h2,
  html.ethnosGuestDiscovery .memberMapCard.r193MapTitleOnly h2{
    width:61% !important;
    max-width:61% !important;
    padding-inline:5px !important;
    font-size:12.5px !important;
  }
  html.ethnosGuestDiscovery .r185TchatToggle.r188TchatTabFixed,
  html.ethnosGuestDiscovery body.isTchatDrawerOpen .r185TchatToggle.r188TchatTabFixed{
    background-size:100% 100%,auto 90px !important;
  }
  html.ethnosGuestDiscovery .r185TchatToggle.r188TchatTabFixed h2,
  html.ethnosGuestDiscovery body.isTchatDrawerOpen .r185TchatToggle.r188TchatTabFixed h2{
    width:57% !important;
    max-width:57% !important;
    font-size:17px !important;
  }
}