/* ── Neo-Brutalist Topbar + Nav ─────────────────────────── */
.nb-topbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 64px;
  background: var(--nb-surface);
  border-bottom: 3px solid var(--nb-border);
  box-shadow: 0 4px 0 rgba(167,139,250,0.15);
  z-index: 1000;
  display: flex;
  align-items: center;
}

.nb-topbar-inner {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.nb-logo {
  color: #000 !important;
  background: var(--nb-accent);
  border: 3px solid var(--nb-border);
  box-shadow: 4px 4px 0 var(--nb-shadow);
  padding: 6px 16px;
  font-family: 'Space Grotesk', sans-serif;
  font-size: 1.1rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  text-decoration: none;
  display: inline-block;
  transition: background 80ms, box-shadow 80ms, transform 80ms;
  white-space: nowrap;
}
.nb-logo:hover { background: var(--nb-secondary); color: #000 !important; text-decoration: none; }
.nb-logo:active { transform: translate(4px,4px); box-shadow: 0 0 0; }
.nb-logo i { margin-right: 6px; }

.nb-nav { display: flex; align-items: center; }

.nb-nav-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 0;
}

.nb-nav-list > li {
  position: relative;
  display: inline-block;
}

.nb-nav-list > li > a,
.nb-nav-list > li > span > a {
  display: inline-block;
  color: var(--nb-text) !important;
  font-family: 'Space Grotesk', sans-serif;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding: 8px 14px;
  text-decoration: none;
  border: 2px solid transparent;
  transition: background 80ms, border-color 80ms, color 80ms;
}
.nb-nav-list > li > a:hover,
.nb-nav-list > li > span > a:hover {
  background: rgba(167,139,250,0.12);
  border-color: rgba(167,139,250,0.4);
  color: var(--nb-accent) !important;
  text-decoration: none;
}

/* Dropdown (from header_welcomeblock_member nested ul) */
.nb-nav-list li ul {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  min-width: 160px;
  background: var(--nb-surface-raised);
  border: 3px solid var(--nb-border);
  box-shadow: 6px 6px 0 var(--nb-shadow);
  list-style: none;
  margin: 0;
  padding: 4px 0;
  z-index: 2000;
}
.nb-nav-list li:hover ul { display: block; }
.nb-nav-list li ul li a {
  display: block;
  padding: 8px 16px;
  color: var(--nb-text) !important;
  font-family: 'Space Grotesk', sans-serif;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-decoration: none;
  transition: background 80ms, color 80ms;
}
.nb-nav-list li ul li a:hover {
  background: var(--nb-accent);
  color: #000 !important;
  text-decoration: none;
}

/* Avatar in nav */
.nb-nav-list img {
  width: 28px;
  height: 28px;
  border-radius: 0;
  border: 2px solid var(--nb-border);
  vertical-align: middle;
  margin-left: 6px;
}

/* Scroll-to-top button */
.scrollToTop {
  background: var(--nb-accent);
  color: #000;
  position: fixed;
  z-index: 4000;
  bottom: 24px;
  right: 20px;
  border: 3px solid var(--nb-border);
  box-shadow: 4px 4px 0 var(--nb-shadow);
  padding: 8px 11px;
  cursor: pointer;
  display: none;
  font-size: 16px;
  transition: background 80ms;
}
.scrollToTop:hover { background: var(--nb-secondary); }

.scrollToDown { display: none; }

/* Mobile member bar */
#mobile_member { display: none; }

/* Legacy header elements - hidden */
.haut { display: none; }
#header_block { display: none; }
.headerlist { display: none; }
#menu-deroulant { display: none; }
#nav_active { display: none; }
.logo_mobile { display: none; }