/* ============================================
    NAVIGATION.CSS - Navigasjonskomponenter
   ============================================ */

/* === NAVBAR === */
.navbar {
  background-color: var(--color-white);
  transition: background-color var(--transition-normal);
}

.navbar-brand {
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-heading);
  color: var(--color-text) !important;
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  transition: color var(--transition-normal);
}

.navbar-brand img {
  height: 1.5rem;
  width: auto;
}

.navbar-nav .nav-link {
  color: var(--color-text);
  transition: all var(--transition-fast);
}

.navbar-nav .nav-link:hover {
  background: rgba(0, 100, 177, 0.1);
  border: none;
  border-radius: var(--border-radius-xl);
}

[data-theme="dark"] .navbar-nav .nav-link:hover {
  background: rgba(74, 158, 255, 0.15);
}