/* base_nav.css - Custom navbar overrides */

/* ------------------------------
   Navbar shell + scroll state
-------------------------------- */
.navbar {
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.navbar.scrolled {
  background-color: rgba(0, 0, 0, 0.92) !important;
  backdrop-filter: blur(8px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}




/* ------------------------------
   Nav links + active underline
-------------------------------- */
.navbar .nav-link {
  position: relative;
  font-size: 1.1rem;          /* larger */
  font-weight: 700;           /* bolder */
  letter-spacing: 0.08em;     /* more cinematic spacing */
  text-transform: uppercase;  /* stronger presence */
  padding: 1rem 1.2rem;       /* bigger click area */
  transition: color 0.25s ease;
}

/* Accent color for hover/active */
.navbar .nav-link:hover,
.navbar .nav-link.active {
  color: #a8d8ea !important;
}

/* Underline animation */
.navbar .nav-link::after {
  content: "";
  position: absolute;
  left: 1.2rem;
  right: 1.2rem;
  bottom: 0.65rem;
  height: 2px;
  background: linear-gradient(90deg, transparent, #a8d8ea, transparent);
  transform: scaleX(0);
  transition: transform 0.25s ease-in-out;
}

.navbar .nav-link:hover::after,
.navbar .nav-link.active::after {
  transform: scaleX(1);
}


/* ------------------------------
   Mobile toggler icon
-------------------------------- */
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.9)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}