/* ============================================================
   CARN Navigation — navigation.css
   Sidebar & top-bar behavior, active-state highlighting
   ============================================================ */

/* Active link auto-detection via JS-set class */
.sidebar-nav-link[data-active="true"] {
  background: var(--primary-50);
  color: var(--primary-700);
  font-weight: 600;
}

/* Section dividers in sidebar */
.sidebar-section-label {
  padding: 0.75rem 1.5rem 0.375rem;
  font-size: 0.6875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--gray-400);
}

/* Mobile hamburger animation */
.sidebar-toggle .bi-list,
.sidebar-toggle .bi-x-lg {
  transition: transform var(--transition-fast);
}

/* Breadcrumbs */
.breadcrumb-modern {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.8125rem;
  color: var(--gray-500);
  padding: 0;
  margin: 0 0 1rem;
  list-style: none;
}

.breadcrumb-modern a {
  color: var(--primary-600);
  text-decoration: none;
}

.breadcrumb-modern a:hover {
  text-decoration: underline;
}

.breadcrumb-separator {
  color: var(--gray-300);
}