/* ========================================================================== */
/* ETHNOS R525 — pied de page Découverte                                      */
/* Base figée : R524. Périmètre : html.ethnosGuestDiscovery uniquement.      */
/*                                                                            */
/* Référence visuelle demandée : bandeau supérieur de l'accueil commercial   */
/* R524/index.html -> rgba(255,252,247,.48) + blur(10px).                     */
/* ========================================================================== */

/* La barre légale bleue disparaît en découverte. Toute la géométrie basse    */
/* s'appuie désormais directement sur le dock blanc, sans modifier sa hauteur. */
html.ethnosGuestDiscovery{
  --footer-legal:0px !important;
}

html.ethnosGuestDiscovery #memberFooter,
html.ethnosGuestDiscovery body #memberFooter,
html.ethnosGuestDiscovery body.r190WorldViewOpen #memberFooter,
html.ethnosGuestDiscovery body.r190WorldViewOpen:not(.isTchatDrawerOpen) #memberFooter,
html.ethnosGuestDiscovery body.isTchatDrawerOpen #memberFooter{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

@media (min-width:901px){
  /* Barre principale : hauteur historique conservée, pied de page réel. */
  html.ethnosGuestDiscovery #memberWorldDock{
    bottom:0 !important;
    height:var(--r110-dock-height,54px) !important;
    min-height:var(--r110-dock-height,54px) !important;
    max-height:var(--r110-dock-height,54px) !important;
    grid-template-columns:repeat(7,minmax(0,1fr)) !important;
    gap:0 !important;
    padding:5px !important;
    border-color:rgba(255,255,255,.35) !important;
    background:rgba(255,252,247,.48) !important;
    box-shadow:none !important;
    backdrop-filter:blur(10px) !important;
    -webkit-backdrop-filter:blur(10px) !important;
  }

  /* Ordre demandé : Accueil / Univers / Solidarité / Entraide / Cultures /
     Événements / Ethnos V1. L'entrée Monde reste disponible via l'onglet Maps. */
  html.ethnosGuestDiscovery #memberWorldDock [data-body-view="home"]{order:1 !important;}
  html.ethnosGuestDiscovery #memberWorldDock [data-body-view="houses"]{order:2 !important;}
  html.ethnosGuestDiscovery #memberWorldDock [data-body-view="solidarity"]{order:3 !important;}
  html.ethnosGuestDiscovery #memberWorldDock [data-body-view="help"]{order:4 !important;}
  html.ethnosGuestDiscovery #memberWorldDock [data-body-view="culture"]{order:5 !important;}
  html.ethnosGuestDiscovery #memberWorldDock [data-body-view="events"]{order:6 !important;}
  html.ethnosGuestDiscovery #memberWorldDock [data-r525-ethnos-v1]{order:7 !important;}
  html.ethnosGuestDiscovery #memberWorldDock [data-body-view="world"]{display:none !important;}

  html.ethnosGuestDiscovery #memberWorldDock > button{
    position:relative !important;
    min-height:calc(var(--r110-dock-height,54px) - 10px) !important;
    height:calc(var(--r110-dock-height,54px) - 10px) !important;
    gap:clamp(3px,.45vw,7px) !important;
    padding:0 clamp(4px,.55vw,10px) !important;
    border-radius:8px !important;
    font-size:clamp(8px,.60vw,11px) !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }
  html.ethnosGuestDiscovery #memberWorldDock > button i{
    width:clamp(19px,1.35vw,24px) !important;
    height:clamp(19px,1.35vw,24px) !important;
    font-size:clamp(11px,.85vw,14px) !important;
  }
  html.ethnosGuestDiscovery #memberWorldDock > button span{
    min-width:0 !important;
    font-size:inherit !important;
    white-space:nowrap !important;
  }

  /* Séparations entre les sept accès, discrètes sur la texture translucide. */
  html.ethnosGuestDiscovery #memberWorldDock > button:not([data-body-view="world"]):not([data-r525-ethnos-v1])::after{
    content:"" !important;
    position:absolute !important;
    z-index:2 !important;
    top:8px !important;
    right:-1px !important;
    bottom:8px !important;
    width:1px !important;
    background:rgba(7,26,57,.16) !important;
    pointer-events:none !important;
  }

  /* Onglet Maps : même hauteur et même ligne de base que le dock. */
  html.ethnosGuestDiscovery .memberMapCard.r183MapCard,
  html.ethnosGuestDiscovery .memberMapCard.r193MapTitleOnly{
    bottom:0 !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 clamp(12px,1vw,18px) !important;
    background-position:left center,right center !important;
    background-size:cover,auto 92px !important;
  }
  html.ethnosGuestDiscovery .memberMapCard.r183MapCard h2,
  html.ethnosGuestDiscovery .memberMapCard.r193MapTitleOnly h2{
    max-width:72% !important;
    font-size:clamp(14px,1.05vw,19px) !important;
    line-height:1.02 !important;
    white-space:normal !important;
  }

  /* Onglet Tchat : même hauteur que Maps/dock et média recadré plus petit. */
  html.ethnosGuestDiscovery .r185TchatToggle.r188TchatTabFixed,
  html.ethnosGuestDiscovery body.isTchatDrawerOpen .r185TchatToggle.r188TchatTabFixed{
    bottom:0 !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 14px !important;
    background-size:cover,auto 110px !important;
    background-position:center center,center 56% !important;
  }
  html.ethnosGuestDiscovery .r185TchatToggle.r188TchatTabFixed h2,
  html.ethnosGuestDiscovery body.isTchatDrawerOpen .r185TchatToggle.r188TchatTabFixed h2{
    font-size:clamp(19px,1.35vw,25px) !important;
    line-height:1 !important;
  }

  /* Le panneau Tchat ouvert s'arrête exactement au-dessus de son onglet. */
  html.ethnosGuestDiscovery .memberExplorerPanel,
  html.ethnosGuestDiscovery body.isTchatDrawerOpen .memberExplorerPanel{
    bottom:var(--r110-dock-height,54px) !important;
  }

  /* Volet Ethnos V1, ouvert depuis le dernier bouton du dock. */
  html.ethnosGuestDiscovery .r525EthnosV1Panel{
    position:fixed !important;
    z-index:1400 !important;
    right:calc(var(--ethnos-context-width,330px) + 8px) !important;
    bottom:calc(var(--r110-dock-height,54px) + 8px) !important;
    width:min(310px,calc(100vw - 32px)) !important;
    padding:14px !important;
    border:1px solid rgba(7,26,57,.14) !important;
    border-radius:14px !important;
    background:rgba(255,252,247,.94) !important;
    box-shadow:0 18px 46px rgba(0,0,0,.22) !important;
    backdrop-filter:blur(14px) saturate(1.05) !important;
    -webkit-backdrop-filter:blur(14px) saturate(1.05) !important;
  }
  html.ethnosGuestDiscovery .r525EthnosV1Panel[hidden]{display:none !important;}
  html.ethnosGuestDiscovery .r525EthnosV1PanelHead{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    margin:0 0 10px !important;
    padding:0 2px 10px !important;
    border-bottom:1px solid rgba(7,26,57,.10) !important;
  }
  html.ethnosGuestDiscovery .r525EthnosV1PanelHead strong{
    color:#071a39 !important;
    font-family:var(--ethnos-official-title,Inter,"Segoe UI",Arial,sans-serif) !important;
    font-size:15px !important;
    font-weight:800 !important;
  }
  html.ethnosGuestDiscovery .r525EthnosV1PanelHead small{
    color:#7b8996 !important;
    font-family:var(--font-interface,Inter,"Segoe UI",Arial,sans-serif) !important;
    font-size:9px !important;
  }
  html.ethnosGuestDiscovery .r525EthnosV1Links{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:7px !important;
  }
  html.ethnosGuestDiscovery .r525EthnosV1Links a{
    min-height:36px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 9px !important;
    border:1px solid rgba(7,26,57,.10) !important;
    border-radius:9px !important;
    background:rgba(255,255,255,.58) !important;
    color:#071a39 !important;
    font-family:var(--font-interface,Inter,"Segoe UI",Arial,sans-serif) !important;
    font-size:10px !important;
    font-weight:700 !important;
    line-height:1.1 !important;
    text-align:center !important;
    text-decoration:none !important;
  }
  html.ethnosGuestDiscovery .r525EthnosV1Links a:hover,
  html.ethnosGuestDiscovery .r525EthnosV1Links a:focus-visible{
    border-color:rgba(19,183,180,.34) !important;
    background:rgba(255,255,255,.88) !important;
    outline:none !important;
  }
}

/* Les formats compacts gardent tous les libellés visibles sans tronquage. */
@media (min-width:901px) and (max-width:1500px){
  html.ethnosGuestDiscovery #memberWorldDock > button{
    gap:3px !important;
    padding-inline:4px !important;
    font-size:8px !important;
  }
  html.ethnosGuestDiscovery #memberWorldDock > button i{
    width:19px !important;
    height:19px !important;
    font-size:11px !important;
  }
  html.ethnosGuestDiscovery .memberMapCard.r183MapCard h2,
  html.ethnosGuestDiscovery .memberMapCard.r193MapTitleOnly h2{
    font-size:14px !important;
  }
  html.ethnosGuestDiscovery .r185TchatToggle.r188TchatTabFixed h2{
    font-size:20px !important;
  }
}

@media (min-width:901px) and (max-width:1320px){
  html.ethnosGuestDiscovery #memberWorldDock > button{
    font-size:7.4px !important;
    padding-inline:2px !important;
  }
  html.ethnosGuestDiscovery #memberWorldDock > button i{
    width:17px !important;
    height:17px !important;
    font-size:10px !important;
  }
  html.ethnosGuestDiscovery .memberMapCard.r183MapCard,
  html.ethnosGuestDiscovery .memberMapCard.r193MapTitleOnly{
    background-size:cover,auto 82px !important;
  }
  html.ethnosGuestDiscovery .memberMapCard.r183MapCard h2,
  html.ethnosGuestDiscovery .memberMapCard.r193MapTitleOnly h2{
    max-width:68% !important;
    font-size:13px !important;
  }
  html.ethnosGuestDiscovery .r185TchatToggle.r188TchatTabFixed,
  html.ethnosGuestDiscovery body.isTchatDrawerOpen .r185TchatToggle.r188TchatTabFixed{
    background-size:cover,auto 96px !important;
  }
  html.ethnosGuestDiscovery .r185TchatToggle.r188TchatTabFixed h2{
    font-size:18px !important;
  }
}

@media (max-width:900px){
  html.ethnosGuestDiscovery #memberFooter{display:none !important;}
}