/* Adaptive Navbar Content Styles */
.nav-container {
  position: relative;
  z-index: 2;
}

/* Enhanced contrast for nav links */
.nav-link {
  color: var(--color-text);
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.2);
  font-weight: 500;
  transition: all 0.3s ease;
}

/* Adaptive states for hero section */
.navbar:not(.outside-hero) .nav-link {
  color: #fff;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.navbar:not(.outside-hero) .nav-link:hover {
  color: var(--color-primary);
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

/* Logo enhancement */
.nav-container .logo a {
  color: var(--color-text);
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.2);
  transition: all 0.3s ease;
}

.navbar:not(.outside-hero) .logo a {
  color: #fff;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

/* Enhanced button contrast */
.cart-button,
.my-orders-button,
.user-button {
  background: transparent !important;
  color: var(--color-text);
  border: none !important;
  text-shadow: none;
  transition: all 0.3s ease;
}

.navbar:not(.outside-hero) .cart-button,
.navbar:not(.outside-hero) .my-orders-button,
.navbar:not(.outside-hero) .user-button {
  background: transparent !important;
  color: #fff;
  border: none !important;
  backdrop-filter: none;
}

.navbar:not(.outside-hero) .cart-button:hover,
.navbar:not(.outside-hero) .my-orders-button:hover,
.navbar:not(.outside-hero) .user-button:hover {
  background: transparent !important;
  border: none !important;
}

/* Cart count badge contrast */
.cart-count {
  background: var(--color-primary);
  color: #fff;
  border: 2px solid #fff;
  text-shadow: none;
}

.navbar:not(.outside-hero) .cart-count {
  border-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Button icons contrast */
.cart-button i,
.my-orders-button i,
.user-button i {
  text-shadow: none;
}

.navbar:not(.outside-hero) .cart-button i,
.navbar:not(.outside-hero) .my-orders-button i,
.navbar:not(.outside-hero) .user-button i {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* Active link state */
.nav-link.active {
  color: var(--color-primary);
  font-weight: 600;
}

.navbar:not(.outside-hero) .nav-link.active {
  color: var(--color-primary);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

/* Mobile menu button contrast */
.mobile-menu-btn {
  color: var(--color-text);
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.2);
}

.navbar:not(.outside-hero) .mobile-menu-btn {
  color: #fff;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

/* Profile menu contrast enhancement */
.navbar:not(.outside-hero) .profile-menu .user-button-content {
  color: #fff;
}

.navbar:not(.outside-hero) .profile-menu .username {
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

/* Ensure dropdown remains readable */
.profile-dropdown {
  background: rgba(255, 255, 255, 0.98);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}