/* ══════════════════════════════════════════════════════════════
   navbar.css — La Confrérie · Barre de navigation persistante
   ══════════════════════════════════════════════════════════════ */

body { padding-top: 46px; }

/* ── Barre ── */
.cf-nav {
  position:   fixed;
  top: 0; left: 0; right: 0;
  height:     46px;
  z-index:    900;
  background: rgba(13,15,30,.96);
  backdrop-filter:         blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(201,168,76,.16);
  display:    flex;
  align-items:center;
  padding:    0 16px;
}

/* ── Logo accueil ── */
.cf-nav-home {
  display:     flex;
  align-items: center;
  gap:         8px;
  text-decoration: none;
  flex-shrink: 0;
  opacity:     .85;
  transition:  opacity .2s;
  margin-right: 10px;
}
.cf-nav-home:hover { opacity: 1; }

.cf-nav-logo {
  width: 26px; height: 26px;
  border-radius: 6px;
  object-fit: cover;
  border: 1px solid rgba(201,168,76,.3);
  box-shadow: 0 0 8px rgba(201,168,76,.15);
  flex-shrink: 0;
}

.cf-nav-brand {
  font-family:    'Cinzel', serif;
  font-size:      11px;
  font-weight:    600;
  letter-spacing: .12em;
  color:          #e8cc88;
  white-space:    nowrap;
}

/* ── Séparateur ── */
.cf-nav-sep {
  width: 1px; height: 18px;
  background: rgba(255,255,255,.1);
  flex-shrink: 0;
  margin-right: 8px;
}

/* ── Liens ── */
.cf-nav-links {
  display:     flex;
  align-items: center;
  gap:         2px;
  overflow-x:  auto;
  scrollbar-width: none;
}
.cf-nav-links::-webkit-scrollbar { display: none; }

.cf-nav-link {
  display:     flex;
  align-items: center;
  gap:         5px;
  padding:     5px 11px;
  border-radius: 4px;
  font-family:    'Cinzel', serif;
  font-size:      10px;
  font-weight:    600;
  letter-spacing: .1em;
  text-decoration: none;
  white-space:    nowrap;
  color:          rgba(221,232,245,.38);
  border:         1px solid transparent;
  transition:     color .18s, background .18s, border-color .18s;
}
.cf-nav-link:hover {
  color:      rgba(221,232,245,.85);
  background: rgba(255,255,255,.05);
}

/* Actif par app */
.cf-nav-link--gold.cf-active {
  color:        #f0d080;
  background:   rgba(201,168,76,.1);
  border-color: rgba(201,168,76,.28);
}
.cf-nav-link--violet.cf-active {
  color:        #c4b5fd;
  background:   rgba(139,92,246,.1);
  border-color: rgba(139,92,246,.28);
}
.cf-nav-link--red.cf-active {
  color:        #ff9980;
  background:   rgba(204,51,34,.1);
  border-color: rgba(204,51,34,.28);
}
.cf-nav-link--green.cf-active {
  color:        #6fcf97;
  background:   rgba(62,207,122,.1);
  border-color: rgba(62,207,122,.28);
}

/* ── Spacer + Discord ── */
.cf-nav-spacer { flex: 1; min-width: 6px; }

.cf-nav-discord {
  color:   rgba(142,151,245,.55) !important;
}
.cf-nav-discord:hover {
  color:      #8e97f5 !important;
  background: rgba(88,101,242,.1) !important;
}

/* ── Responsive ── */
@media (max-width: 560px) {
  .cf-nav-brand  { display: none; }
  .cf-nav-sep    { margin-right: 6px; }
  .cf-nav-link   { padding: 4px 8px; font-size: 9.5px; }
}
@media (max-width: 380px) {
  .cf-nav-link span.cf-lbl { display: none; }
}