/* ========================================================================== */
/* ETHNOS R192 — finitions navigation, hiérarchie du tableau et lisibilité    */
/* Base stricte : R191.                                                       */
/* ========================================================================== */

:root{
  --r192-cream-top:var(--r191-cream-top,var(--r190-cream-top,#fffdf9));
  --r192-cream-bottom:var(--r191-cream-bottom,var(--r190-cream-bottom,#eee1d0));
  --r192-cream-line:var(--r191-cream-line,var(--r190-cream-line,#d8c8b3));
  --r192-cream:linear-gradient(180deg,var(--r192-cream-top) 0%,var(--r192-cream-bottom) 100%);
  --r192-navy:#071a39;
}

/* -------------------------------------------------------------------------- */
/* 1. Navigation haute : crème officiel sur l'intégralité de la barre.        */
/* -------------------------------------------------------------------------- */
html body .memberTopbar{
  background-color:var(--r192-cream-top) !important;
  background-image:var(--r192-cream) !important;
  border-bottom-color:var(--r192-cream-line) !important;
  box-shadow:0 2px 10px rgba(7,26,57,.10) !important;
}
html body .memberTopNavigation,
html body .memberBrand{
  background:transparent !important;
  background-image:none !important;
}
html body .memberBrandName{
  color:var(--r192-navy) !important;
}

/* Deux barres : même surface cliquable, même relief et même état actif. */
html body .memberTopNavButton,
html body .memberTopNavButton:nth-child(odd),
html body .memberTopNavButton:nth-child(even),
html body #memberWorldDock button,
html body #memberWorldDock button:nth-child(odd),
html body #memberWorldDock button:nth-child(even){
  background:transparent !important;
  background-image:none !important;
  color:var(--r192-navy) !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.68) !important;
  filter:none !important;
  text-shadow:none !important;
  cursor:pointer !important;
  transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,filter .16s ease !important;
}
html body .memberTopNavButton:hover,
html body .memberTopNavButton:focus-visible,
html body #memberWorldDock button:hover,
html body #memberWorldDock button:focus-visible{
  z-index:3 !important;
  outline:0 !important;
  transform:translateY(-2px) !important;
  background:rgba(255,255,255,.24) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 3px 0 rgba(7,26,57,.13),
    0 9px 18px rgba(7,26,57,.16) !important;
}
html body .memberTopNavButton:active,
html body #memberWorldDock button:active{
  transform:translateY(1px) !important;
  box-shadow:
    inset 0 2px 4px rgba(7,26,57,.10),
    0 1px 0 rgba(7,26,57,.12) !important;
}
html body .memberTopNavButton.isActive,
html body .memberTopNavButton.isActive:nth-child(odd),
html body .memberTopNavButton.isActive:nth-child(even),
html body #memberWorldDock button.isActive,
html body #memberWorldDock button.isActive:nth-child(odd),
html body #memberWorldDock button.isActive:nth-child(even){
  background:rgba(255,255,255,.17) !important;
  transform:none !important;
  box-shadow:inset 0 2px 5px rgba(7,26,57,.08),inset 0 1px 0 rgba(255,255,255,.82) !important;
}
html body .memberTopNavButton::after,
html body .memberTopNavButton.isActive::after,
html body #memberWorldDock button::after,
html body #memberWorldDock button.isActive::after{
  content:none !important;
  display:none !important;
}

/* -------------------------------------------------------------------------- */
/* 2. Navigation basse : zone centrale réelle, sept boutons à distance égale. */
/*    Accueil commence après Tchat ; la barre finit avant Maps.                */
/* -------------------------------------------------------------------------- */
@media (min-width:901px){
  html body #memberWorldDock{
    left:var(--r190-map-tab-width,var(--ethnos-context-width)) !important;
    right:var(--r190-map-tab-width,var(--ethnos-context-width)) !important;
    width:auto !important;
    padding:5px 0 !important;
    display:grid !important;
    grid-template-columns:repeat(7,minmax(0,1fr)) !important;
    gap:0 !important;
    overflow:visible !important;
    background-color:var(--r192-cream-top) !important;
    background-image:var(--r192-cream) !important;
    border-top:1px solid rgba(216,200,179,.82) !important;
    border-bottom:1px solid rgba(216,200,179,.72) !important;
    box-shadow:0 -3px 12px rgba(7,26,57,.10) !important;
  }
  html body #memberWorldDock button{
    width:100% !important;
    min-width:0 !important;
    padding-inline:clamp(7px,.65vw,13px) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:clamp(6px,.5vw,10px) !important;
  }
  html body #memberWorldDock button span{
    min-width:0 !important;
    max-width:100% !important;
    white-space:nowrap !important;
    overflow:visible !important;
    text-overflow:clip !important;
    font-size:clamp(9px,.62vw,12px) !important;
    text-align:center !important;
  }
}

/* -------------------------------------------------------------------------- */
/* 3. Sous-titres des volets crème : contraste lisible et homogène.           */
/* -------------------------------------------------------------------------- */
html body .memberFavoritesShell > header p,
html body .memberMediaHeader p,
html body .memberDirectoryHeader p,
html body .memberTrophiesShell > header p,
html body .memberMessageDashboardHeader p,
html body .bodyDrawerShell > header p,
html body .memberNavDrawer header p{
  color:#536b78 !important;
  opacity:1 !important;
  font-weight:650 !important;
  text-shadow:none !important;
}

/* -------------------------------------------------------------------------- */
/* 4. Profil compact : réduction réellement prioritaire du pseudonyme.        */
/* -------------------------------------------------------------------------- */
html[data-ethnos-ui="discord-r111"] body .memberRightRail .memberProfile.memberProfileCompact:not(.isExpanded) .memberIdentityText > h2[data-member-name],
html body .memberRightRail .memberProfileCompact .memberIdentity h2[data-member-name]{
  max-width:100% !important;
  font-size:clamp(14px,.9vw,18px) !important;
  line-height:.94 !important;
  letter-spacing:-.02em !important;
  overflow-wrap:anywhere !important;
}

/* -------------------------------------------------------------------------- */
/* 5. Tableau central : haut -20 % environ, trois portes plus hautes.         */
/* -------------------------------------------------------------------------- */
@media (min-width:901px){
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180MainColumn{
    grid-template-rows:minmax(0,4fr) minmax(0,3fr) auto !important;
    gap:10px !important;
  }
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180HomeHero{
    height:100% !important;
    min-height:0 !important;
    margin:0 !important;
    padding:clamp(20px,1.55vw,30px) clamp(24px,1.9vw,38px) !important;
    overflow:hidden !important;
  }
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180Pillars{
    height:100% !important;
    min-height:0 !important;
    align-items:stretch !important;
  }
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180Pillars > .r180Pillar{
    height:100% !important;
    min-height:0 !important;
    padding:clamp(22px,1.55vw,30px) clamp(20px,1.45vw,28px) clamp(28px,2vw,42px) !important;
  }

  /* Espacements internes resserrés pour préserver tous les contenus. */
  html body .r180HomeHero .r180HomeHeroCopy h1{margin:10px 0 8px !important}
  html body .r180HomeIntro{margin-top:14px !important}
  html body .r180MembersLine{margin-top:10px !important}
  html body .r180TrajectoryHead{margin-top:14px !important}
  html body .r180TrajectorySteps{margin-top:16px !important}
  html body .r180TrajectoryFoot{margin-top:auto !important;padding-top:12px !important}
}

@media (min-width:901px) and (max-height:900px){
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180MainColumn{
    grid-template-rows:minmax(280px,4fr) minmax(170px,3fr) auto !important;
  }
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180HomeHero{
    padding:15px 22px !important;
  }
  html[data-ethnos-ui="discord-r111"] body.isEthnosHomeView .r180Pillars > .r180Pillar{
    padding:18px 17px 30px !important;
  }
}

/* Paragraphe gauche : même famille que le manifeste, agrandi. */
html body .r180HomeIntro{
  color:#d8e2e2 !important;
  font-family:var(--font-title,"Fraunces",Georgia,serif) !important;
  font-size:clamp(13px,.88vw,18px) !important;
  font-weight:400 !important;
  line-height:1.34 !important;
  letter-spacing:-.008em !important;
  text-align:left !important;
  text-justify:auto !important;
  hyphens:none !important;
}

/* Devise : même typographie que le titre principal. */
html body .r180TrajectoryFoot{
  color:#f5f1e8 !important;
  font-family:var(--font-title,"Fraunces",Georgia,serif) !important;
  font-size:clamp(16px,1.08vw,22px) !important;
  font-weight:400 !important;
  line-height:1.2 !important;
  letter-spacing:-.012em !important;
}

/* Porte planisphère : même structure éditoriale que les deux autres portes. */
html body .r185PillarWorldMinimal{
  align-items:flex-start !important;
  justify-content:flex-end !important;
  padding-bottom:clamp(28px,2vw,42px) !important;
}
html body .r185PillarWorldMinimal > span{
  display:block !important;
}
html body .r185PillarWorldMinimal > h3{
  max-width:92% !important;
}
html body .r185PillarWorldMinimal > p{
  display:block !important;
  max-width:90% !important;
  color:#e1e9e7 !important;
  font-size:clamp(9px,.62vw,13px) !important;
  line-height:1.38 !important;
}

/* -------------------------------------------------------------------------- */
/* 6. Streaming : prochainement à la taille du texte et phrase regroupée.     */
/* -------------------------------------------------------------------------- */
html body .r185MetricStreaming strong,
html body .r185MetricStreaming p{
  font-family:var(--font-interface,"Manrope",Arial,sans-serif) !important;
  font-size:clamp(10px,.68vw,13px) !important;
  line-height:1.18 !important;
}
html body .r185MetricStreaming strong{
  margin:0 0 3px !important;
  color:#ff9a5c !important;
  font-weight:900 !important;
  letter-spacing:.025em !important;
}
html body .r185MetricStreaming p{
  margin:0 !important;
  color:#f4f5f1 !important;
  font-weight:650 !important;
}
html body .r185MetricStreaming small{
  display:none !important;
}

@media (max-height:820px) and (min-width:901px){
  html body .r180HomeIntro{font-size:clamp(10px,.74vw,14px) !important;line-height:1.24 !important}
  html body .r180TrajectoryFoot{font-size:clamp(13px,.9vw,17px) !important}
  html body .r185MetricStreaming strong,
  html body .r185MetricStreaming p{font-size:9px !important;line-height:1.12 !important}
}

@media (prefers-reduced-motion:reduce){
  html body .memberTopNavButton,
  html body #memberWorldDock button{transition:none !important}
}