/* ========================================================================== */
/* ETHNOS R123 — réparation propre depuis R119                               */
/* ========================================================================== */
/* IMPORTANT : le panneau Tchat reste DANS la grille. Le passage en position
   fixed de R121 retirait la première colonne du flux et cachait la vue centrale. */

/* TF — panneau Tchat jusqu’à la navigation basse, sans casser la grille. */
html[data-ethnos-ui="discord-r111"] body .memberExplorerPanel{
  position:relative !important;
  inset:auto !important;
  z-index:18 !important;
  width:auto !important;
  height:100% !important;
  min-height:0 !important;
  max-height:none !important;
  align-self:stretch !important;
  margin:0 !important;
  overflow:hidden !important;
}
html[data-ethnos-ui="discord-r111"] body .memberExplorerBody{
  flex:1 1 auto !important;
  min-height:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
}
html[data-ethnos-ui="discord-r111"] body .salonLivePromo{
  margin-top:auto !important;
}

/* Barre haute : barre continue, séparateurs, volume 3D seulement au survol. */
html body .memberTopNavigation{
  gap:0 !important;
  perspective:900px !important;
  overflow:visible !important;
}
html body .memberTopNavButton{
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:var(--r118-commercial-navy) !important;
  transform:translateZ(0) !important;
  transform-origin:center bottom !important;
  transform-style:preserve-3d !important;
  text-shadow:none !important;
  transition:transform .22s cubic-bezier(.2,.75,.2,1),color .22s ease,
             text-shadow .22s ease,filter .22s ease !important;
}
html body .memberTopNavButton:not(:first-child)::before{
  display:block !important;
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:20% !important;
  width:1px !important;
  height:60% !important;
  background:linear-gradient(180deg,transparent,rgba(7,26,57,.26) 20%,rgba(7,26,57,.26) 80%,transparent) !important;
}
html body .memberTopNavButton:hover,
html body .memberTopNavButton:focus-visible{
  z-index:3 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  outline:none !important;
  transform:translateY(-3px) rotateX(9deg) scale(1.025) !important;
  text-shadow:0 5px 8px rgba(7,26,57,.22) !important;
  filter:drop-shadow(0 7px 7px rgba(7,26,57,.13)) !important;
}
html body .memberTopNavButton:hover svg,
html body .memberTopNavButton:focus-visible svg{
  transform:translateY(-2px) translateZ(10px) scale(1.10) !important;
}
html body .memberTopNavButton.isActive::after{
  left:24% !important;
  right:24% !important;
  bottom:3px !important;
  height:2px !important;
  border-radius:999px !important;
  background:var(--r118-nav-accent) !important;
}

/* Navigation principale basse : même volume que la barre haute. */
html body .memberWorldDock{
  border-color:rgba(7,26,57,.18) !important;
  background:linear-gradient(180deg,rgba(255,252,247,.98),rgba(255,249,240,.93)) !important;
  box-shadow:0 18px 45px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.88) !important;
  backdrop-filter:blur(16px) saturate(1.08) !important;
  -webkit-backdrop-filter:blur(16px) saturate(1.08) !important;
}
html body .memberWorldDock button{
  color:rgba(7,26,57,.68) !important;
  font-family:var(--ethnos-official-title) !important;
}
html body .memberWorldDock button:hover{
  color:var(--r118-commercial-navy) !important;
  background:rgba(255,255,255,.42) !important;
}
html body .memberWorldDock button.isActive{
  border-color:rgba(19,183,180,.34) !important;
  background:linear-gradient(135deg,rgba(19,183,180,.13),rgba(242,103,34,.08)) !important;
  color:var(--r118-commercial-navy) !important;
}
html body .memberWorldDock i{
  background:rgba(7,26,57,.055) !important;
  color:var(--r118-commercial-teal) !important;
}

/* Barre légale : typographie officielle. */
html body .memberFooterLegal,
html body .memberFooterLegal nav,
html body .memberFooterLegal nav > *,
html body .memberFooterLegal nav a,
html body .memberVersionCompact,
html body .memberVersionCompact strong,
html body .memberVersionCompact small{
  font-family:var(--ethnos-official-title) !important;
}

/* Accueil : suppression du logo/orbites et héros sur une seule colonne. */
html body .r111HomeEarth{display:none !important;}
html body .r111HomeHero{
  grid-template-columns:minmax(0,1fr) !important;
}
html body .r111HomeHeroCopy{
  width:100% !important;
  max-width:1180px !important;
}

/* Les trois cartes sous le héros deviennent plus compactes. */
html body .r111Pillars{
  gap:12px !important;
  align-items:stretch !important;
}
html body .r111Pillars > button{
  min-height:102px !important;
  height:auto !important;
  padding:12px 15px !important;
  display:grid !important;
  grid-template-columns:38px minmax(0,1fr) auto !important;
  grid-template-rows:auto auto auto !important;
  grid-template-areas:"number eyebrow action" "number title action" "number text action" !important;
  column-gap:12px !important;
  row-gap:3px !important;
  align-content:center !important;
  align-items:center !important;
}
html body .r111Pillars > button > i{grid-area:number !important;align-self:start !important;margin-top:1px !important;}
html body .r111Pillars > button > span{grid-area:eyebrow !important;margin:0 !important;font-size:7px !important;line-height:1.15 !important;}
html body .r111Pillars > button > h3{grid-area:title !important;margin:0 !important;font-size:18px !important;line-height:1.08 !important;}
html body .r111Pillars > button > p{grid-area:text !important;min-height:0 !important;margin:2px 0 0 !important;font-size:8px !important;line-height:1.35 !important;}
html body .r111Pillars > button > b{grid-area:action !important;align-self:center !important;justify-self:end !important;margin-left:8px !important;white-space:nowrap !important;font-size:8px !important;}

/* Nouvelle image dans Nomades Créatifs. */
html body .r111FeaturedHouseVisual img{
  object-fit:cover !important;
  object-position:center 48% !important;
}

/* 1920 × 1080 : contenu du grand bloc remonté de 15 px. */
@media (min-width:1800px) and (max-width:2048px) and (min-height:980px) and (max-height:1150px){
  html body .r111HomeHeroCopy{transform:translateY(-15px) !important;}
}

@media (max-width:1500px){
  html body .r111Pillars > button{
    min-height:112px !important;
    grid-template-columns:34px minmax(0,1fr) !important;
    grid-template-areas:"number eyebrow" "number title" "number text" ". action" !important;
  }
  html body .r111Pillars > button > b{justify-self:start !important;margin:4px 0 0 !important;}
}

@media(prefers-reduced-motion:reduce){
  html body .memberTopNavButton,html body .memberTopNavButton svg{transition:none !important;}
  html body .memberTopNavButton:hover,html body .memberTopNavButton:focus-visible{transform:none !important;filter:none !important;}
}