/* ========================================================================== */
/* ETHNOS R190 — géométrie Maps/Tchat et crème de référence                  */
/* Base stricte : R189.                                                       */
/* ========================================================================== */

:root{
  /* Référence visuelle auditée dans l'en-tête du volet de recherche Tchat. */
  --r190-cream-top:#fffdf9;
  --r190-cream-bottom:#eee1d0;
  --r190-cream-line:#d8c8b3;
  --r190-gap:4px;

  /* Valeurs de secours ; le script R190 les synchronise avec Maps. */
  --r190-map-tab-width:var(--ethnos-context-width);
  --r190-map-tab-height:var(--ethnos-card-height);
  --r190-map-tab-bottom:var(--footer-legal,22px);
  --r190-world-height:auto;
  --r190-world-width:100%;
}

/* -------------------------------------------------------------------------- */
/* 1. Onglet Tchat : même largeur, même hauteur et même ligne de base que Maps.*/
/*    Le volet bleu conserve sa largeur propre --ethnos-search-width.         */
/* -------------------------------------------------------------------------- */
@media (min-width:901px){
  html body .r185TchatToggle.r188TchatTabFixed,
  html body.isTchatDrawerOpen .r185TchatToggle.r188TchatTabFixed{
    left:0 !important;
    top:auto !important;
    bottom:var(--r190-map-tab-bottom) !important;
    width:var(--r190-map-tab-width) !important;
    min-width:var(--r190-map-tab-width) !important;
    max-width:var(--r190-map-tab-width) !important;
    height:var(--r190-map-tab-height) !important;
    min-height:var(--r190-map-tab-height) !important;
    max-height:var(--r190-map-tab-height) !important;
    margin:0 !important;
  }

  html body .memberExplorerPanel,
  html body.isTchatDrawerOpen .memberExplorerPanel{
    width:var(--ethnos-search-width) !important;
    min-width:var(--ethnos-search-width) !important;
    max-width:var(--ethnos-search-width) !important;
    bottom:calc(var(--r190-map-tab-bottom) + var(--r190-map-tab-height)) !important;
  }
}

/* -------------------------------------------------------------------------- */
/* 2. Vue Maps : retrait du cadre inférieur et agrandissement au millimètre.  */
/*    - 4 px avant Profil à droite ;                                            */
/*    - 4 px au-dessus de la ligne supérieure des onglets bas.                  */
/* -------------------------------------------------------------------------- */
@media (min-width:901px){
  html body.r190WorldViewOpen .memberWorkspace.hasBodyView{
    border-color:transparent !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  html[data-ethnos-ui="discord-r111"] body.r190WorldViewOpen .memberWorkspace.hasBodyView > .bodyView-world{
    box-sizing:border-box !important;
    display:grid !important;
    grid-template-rows:auto minmax(0,1fr) !important;
    width:var(--r190-world-width) !important;
    max-width:var(--r190-world-width) !important;
    height:var(--r190-world-height) !important;
    min-height:0 !important;
    max-height:var(--r190-world-height) !important;
    margin:0 !important;
    padding:4px 0 0 4px !important;
    overflow:hidden !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  html body.r190WorldViewOpen .bodyView-world > .bodyViewHeader{
    box-sizing:border-box !important;
    margin:0 0 4px !important;
    padding:12px 18px 10px !important;
  }

  html body.r190WorldViewOpen .bodyView-world > .bodyViewContent{
    min-height:0 !important;
    height:100% !important;
    overflow:hidden !important;
  }

  html body.r190WorldViewOpen .bodyView-world .r182LegacyMapCard{
    box-sizing:border-box !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:100% !important;
    grid-template-rows:auto minmax(0,1fr) !important;
    margin:0 !important;
  }

  html body.r190WorldViewOpen .bodyView-world .r182LegacyMapCard .mapStage,
  html body.r190WorldViewOpen .bodyView-world .r182LegacyMapCard .mapStage > svg{
    height:100% !important;
    min-height:0 !important;
  }
}

/* -------------------------------------------------------------------------- */
/* 3. Crème unique : la teinte du volet de recherche Tchat devient la norme.  */
/* -------------------------------------------------------------------------- */
html body .salonDrawerPanel,
html body .salonDrawerPanel--final,
html body .salonDrawerHead,
html body .salonDrawerPanel--final .salonDrawerHead,
html body .salonDrawerBody,
html body .memberNavDrawer,
html body .memberTodaySearchDrawer,
html body .memberTodaySearchShell,
html body .bodyDrawerShell,
html body .memberDirectoryDrawer,
html body .memberDirectoryShell,
html body .memberDirectoryContent,
html body .memberDirectoryResults,
html body .bodyContactsDrawer,
html body .memberFavoritesShell,
html body .memberFavoritesList,
html body .memberMediaDrawer,
html body .memberMediaShell,
html body .memberMediaScroll,
html body .memberMediaPhotosSection,
html body .memberMediaDocumentsSection,
html body .memberTrophiesDrawer,
html body .memberTrophiesShell,
html body .memberMessagesDrawer .memberMessageCenter{
  background-color:var(--r190-cream-top) !important;
  background-image:linear-gradient(180deg,var(--r190-cream-top) 0%,var(--r190-cream-bottom) 100%) !important;
}

html body .memberProfileDrawer{
  --profile-cream-description:var(--r190-cream-top) !important;
  --profile-cream-interests:var(--r190-cream-top) !important;
  --profile-cream-trophy:var(--r190-cream-top) !important;
  background-color:var(--r190-cream-top) !important;
  background-image:linear-gradient(180deg,var(--r190-cream-top),var(--r190-cream-bottom)) !important;
}
html body .memberProfileDrawer > .memberDescription,
html body .memberProfileDrawer > .memberInterests,
html body .memberProfileDrawer > .memberTrophies,
html body .memberProfileDrawer .memberDescription,
html body .memberProfileDrawer .memberInterests,
html body .memberProfileDrawer .memberTrophies{
  background-color:var(--r190-cream-top) !important;
  background-image:linear-gradient(180deg,var(--r190-cream-top),var(--r190-cream-bottom)) !important;
}

html body .memberDirectoryDrawer,
html body .memberDirectoryShell,
html body .bodyContactsDrawer{
  --r172-directory-cream:var(--r190-cream-top) !important;
  --r153-cream:var(--r190-cream-top) !important;
  --r153-cream-alt:var(--r190-cream-bottom) !important;
}
html body .memberFavoritesShell{
  --favorites-cream-main:var(--r190-cream-top) !important;
  --favorites-cream-warm:var(--r190-cream-bottom) !important;
}
html body .memberTrophiesDrawer{
  --r153-trophy-cream:var(--r190-cream-top) !important;
  --r153-trophy-cream-alt:var(--r190-cream-bottom) !important;
}
html body .memberTrophyCategory{
  background:linear-gradient(180deg,var(--r190-cream-top),var(--r190-cream-bottom)) !important;
}
