/* NAVBAR BASE */
.navbar {
  background: rgba(13, 43, 94, 0.92);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(255,255,255,0.06);
  padding: 0.9rem 0;
}

/* BRAND */
.navbar-brand {
  font-weight: 800;
  letter-spacing: -0.5px;
  color: white !important;
}

/* LINKS */
.nav-links-container {
  display: flex;
  align-items: center;
  gap: 1.2rem;
}

.nav-link {
  color: rgba(255,255,255,0.75) !important;
  transition: 0.2s ease;
  font-size: 0.92rem;
  text-decoration: none;
}

.nav-link:hover,
.nav-link.active {
  color: #2ecc71 !important;
}

/* USER AREA */
.user-actions {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.welcome-user {
  color: rgba(255,255,255,0.8);
  font-size: 0.92rem;
}

/* AVATAR */
.user-avatar-circle {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: linear-gradient(135deg, #2ecc71, #1e8449);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
}

/* GLASS DROPDOWN */
.glass-dropdown {
  background: rgba(13, 43, 94, 0.95);
  backdrop-filter: blur(14px);
  border: 1px solid rgba(255,255,255,0.08);
}

.glass-dropdown .dropdown-item {
  color: rgba(255,255,255,0.85);
}

.glass-dropdown .dropdown-item:hover {
  background: rgba(255,255,255,0.08);
  color: white;
}
/* ─────────────────────────────
   CART BUTTON 
───────────────────────────── */
.nav-cart-btn {
    width: 40px; 
    height: 40px; 
    border-radius: 50%; 
    background: rgba(255, 255, 255, 0.08); 
    transition: all 0.3s ease;
}

.nav-cart-btn:hover {
    background: rgba(46, 204, 113, 0.15); /* Subtle green glow */
    color: #2ecc71 !important;            /* Turns the icon green */
    transform: translateY(-2px);
}





@media (max-width: 991px) {
  .navbar-collapse {
    background: rgba(8, 28, 59, 0.98);
    backdrop-filter: blur(16px);
    border-radius: 0 0 20px 20px;
    border-top: 1px solid rgba(255,255,255,0.08);
    padding: 1rem 1.5rem 1.5rem;
    margin-top: 0.5rem;
    position: relative;
    z-index: 1050;
  }
}