/* Gradient background */
.bg-gradient {
  background: linear-gradient(90deg, #0d6efd, #6610f2);
}

/* ===== BRAND ===== */
.navbar-brand {
  transition: transform 0.3s ease;
}
.navbar-brand:hover {
  transform: scale(1.04);
}
.navbar-brand .brand-name {
  font-size: 1.75rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.5px;
  background: linear-gradient(90deg, #ffffff 0%, #ffe08a 60%, #ffb347 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.navbar-brand .brand-sub {
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: #ffc107;
  margin-top: 3px;
  text-shadow: 0 0 8px rgba(255, 193, 7, 0.5);
}

/* ===== NAV LINKS ===== */
.navbar .nav-link {
  color: #fff !important;
  position: relative;
  padding: 10px 18px;
  font-size: 1.02rem;
  font-weight: 500;
  letter-spacing: 0.4px;
  border-radius: 50px;
  transition: all 0.3s ease;
}

/* Strong underline only (no light pill) */
.navbar .nav-link::after {
  content: "";
  position: absolute;
  width: 0%;
  height: 2px;
  left: 0;
  bottom: 6px;
  background: linear-gradient(90deg, #ffc107, #ffb347);
  border-radius: 4px;
  box-shadow: 0 0 6px rgba(255, 193, 7, 0.7);
  transition: width 0.3s ease;
}

.navbar .nav-link:hover::after,
.navbar .nav-link.active::after {
  width: 100%;
}

/* ===== DROPDOWN ===== */
.navbar .dropdown-menu {
  border: none;
  border-radius: 14px;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
  padding: 0.5rem;
  animation: navFadeDown 0.25s ease;
}
.navbar .dropdown-item {
  border-radius: 8px;
  padding: 10px 14px;
  font-weight: 500;
  transition: all 0.2s ease;
}
.navbar .dropdown-item:hover {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: #fff !important;
  transform: translateX(4px);
}

@keyframes navFadeDown {
  from { opacity: 0; transform: translateY(-8px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ===== APPLY NOW BUTTON ===== */
.navbar .btn-warning {
  transition: all 0.3s ease;
  letter-spacing: 0.3px;
}
.navbar .btn-warning:hover {
  transform: translateY(-2px) scale(1.03);
  box-shadow: 0 10px 25px rgba(255, 193, 7, 0.4);
}