/* ETHNOS R174 — salons des fiches cliquables, titres Tchat réduits,
   navigation haute/basse alternée sans inclinaison. */

:root{
  --r174-nav-cream:#fff4e4;
  --r174-nav-white:#fffdf9;
  --r174-nav-navy:#071a39;
  --r174-nav-orange:#f26722;
  --r174-nav-shadow:rgba(7,26,57,.14);
}

/* 1 — Fiche membre : chaque salon favori est réellement interactif. */
html body .memberDirectoryIdentityFavorites article.memberDirectoryIdentityFavoriteLink{
  cursor:pointer !important;
  outline:none !important;
  transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,border-color .16s ease !important;
}
html body .memberDirectoryIdentityFavorites article.memberDirectoryIdentityFavoriteLink:hover,
html body .memberDirectoryIdentityFavorites article.memberDirectoryIdentityFavoriteLink:focus-visible{
  transform:translateY(-2px) !important;
  border-color:rgba(242,103,34,.42) !important;
  background:#fff8ef !important;
  box-shadow:0 3px 0 rgba(7,26,57,.10),0 9px 18px rgba(7,26,57,.13) !important;
}
html body .memberDirectoryIdentityFavorites article.memberDirectoryIdentityFavoriteLink:focus-visible{
  outline:2px solid rgba(242,103,34,.58) !important;
  outline-offset:2px !important;
}

/* 2 — Bloc Tchat : réduction ciblée des deux titres demandés uniquement. */
html body #salonDeepSearchTitle{
  font-size:clamp(16px,1.08vw,20px) !important;
  line-height:1.04 !important;
}
html body #salonLiveTitle strong{
  font-size:clamp(16px,1.10vw,21px) !important;
  line-height:1 !important;
}
html body #salonLiveTitle em{
  font-size:clamp(15px,1.03vw,20px) !important;
  line-height:1 !important;
}

/* 3 — Typographie commune des deux navigations. */
html body .memberTopNavButton,
html body .memberTopNavButton span,
html body #memberWorldDock button,
html body #memberWorldDock button span{
  color:var(--r174-nav-navy) !important;
  font-family:var(--ethnos-official-title,"Manrope",Inter,"Segoe UI",Arial,sans-serif) !important;
  font-size:clamp(10px,.72vw,13px) !important;
  font-weight:700 !important;
  line-height:1.12 !important;
  letter-spacing:-.015em !important;
  text-shadow:none !important;
}

/* 4 — Barre haute : alternance crème/blanc et relief droit, sans rotation. */
html body .memberTopNavigation{
  gap:0 !important;
  perspective:none !important;
}
html body .memberTopNavButton{
  position:relative !important;
  isolation:isolate !important;
  border:0 !important;
  border-radius:0 !important;
  transform:none !important;
  transform-style:flat !important;
  filter:none !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9) !important;
  transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease !important;
}
html body .memberTopNavButton:nth-child(odd){background:var(--r174-nav-cream) !important;}
html body .memberTopNavButton:nth-child(even){background:var(--r174-nav-white) !important;}
html body .memberTopNavButton:hover,
html body .memberTopNavButton:focus-visible{
  z-index:3 !important;
  transform:translateY(-2px) !important;
  filter:none !important;
  outline:none !important;
  text-shadow:none !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96),
    0 3px 0 var(--r174-nav-shadow),
    0 9px 17px rgba(7,26,57,.17) !important;
}
html body .memberTopNavButton:hover svg,
html body .memberTopNavButton:focus-visible svg,
html body .memberTopNavButton.isActive svg{
  transform:translateY(-1px) scale(1.05) !important;
  filter:drop-shadow(0 3px 4px rgba(7,26,57,.14)) !important;
}
html body .memberTopNavButton.isActive{
  border:0 !important;
  color:var(--r174-nav-navy) !important;
  filter:none !important;
}
html body .memberTopNavButton.isActive::after{
  content:"" !important;
  position:absolute !important;
  left:30% !important;
  right:30% !important;
  bottom:3px !important;
  height:2px !important;
  border-radius:999px !important;
  background:var(--r174-nav-orange) !important;
  box-shadow:none !important;
}

/* 5 — Barre basse : exactement la même règle graphique et typographique. */
html body #memberWorldDock{
  gap:0 !important;
}
html body #memberWorldDock button{
  position:relative !important;
  isolation:isolate !important;
  min-width:0 !important;
  border:0 !important;
  border-radius:0 !important;
  transform:none !important;
  filter:none !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9) !important;
  transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease !important;
}
html body #memberWorldDock button:nth-child(odd){background:var(--r174-nav-cream) !important;}
html body #memberWorldDock button:nth-child(even){background:var(--r174-nav-white) !important;}
html body #memberWorldDock button:hover,
html body #memberWorldDock button:focus-visible{
  z-index:3 !important;
  transform:translateY(-2px) !important;
  color:var(--r174-nav-navy) !important;
  outline:none !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96),
    0 3px 0 var(--r174-nav-shadow),
    0 9px 17px rgba(7,26,57,.17) !important;
}
html body #memberWorldDock button.isActive{
  border:0 !important;
  background:inherit !important;
  color:var(--r174-nav-navy) !important;
}
html body #memberWorldDock button.isActive::after{
  content:"" !important;
  position:absolute !important;
  left:30% !important;
  right:30% !important;
  bottom:3px !important;
  height:2px !important;
  border-radius:999px !important;
  background:var(--r174-nav-orange) !important;
  box-shadow:none !important;
}

@media (max-width:1366px){
  html body #salonDeepSearchTitle{font-size:16px !important;}
  html body #salonLiveTitle strong{font-size:16px !important;}
  html body #salonLiveTitle em{font-size:15px !important;}
}

@media (prefers-reduced-motion:reduce){
  html body .memberTopNavButton,
  html body #memberWorldDock button,
  html body .memberDirectoryIdentityFavorites article.memberDirectoryIdentityFavoriteLink{
    transition:none !important;
  }
}
html body #memberWorldDock button.isActive:nth-child(odd){background:var(--r174-nav-cream) !important;}
html body #memberWorldDock button.isActive:nth-child(even){background:var(--r174-nav-white) !important;}
html body .memberTopNavButton.isActive{
  transform:none !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9) !important;
}
html body .memberTopNavButton.isActive:nth-child(odd){background:var(--r174-nav-cream) !important;}
html body .memberTopNavButton.isActive:nth-child(even){background:var(--r174-nav-white) !important;}