/* ==========================================================================
   Navigation Dropdown
   ========================================================================== */
.nav-item-dropdown {
  position: relative;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--color-white);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-lg);
  padding: var(--space-sm) 0;
  min-width: 220px;
  z-index: 100;
  list-style: none;
  margin-top: 0;
}

/* Niewidzialny most między linkiem a dropdown - zapobiega zamykaniu */
.dropdown-menu::before {
  content: '';
  position: absolute;
  top: calc(-1 * var(--space-sm));
  left: 0;
  right: 0;
  height: var(--space-sm);
}

.dropdown-menu li a {
  display: block;
  padding: var(--space-sm) var(--space-md);
  color: var(--color-text);
  text-decoration: none;
  white-space: nowrap;
  transition: background-color var(--transition-fast), color var(--transition-fast);
}

.dropdown-menu li a:hover {
  background-color: var(--color-cream-light);
  color: var(--color-primary-dark);
}