/* Header Navigation and Action Links */
.header-nav-link {
  display: inline-flex;
  align-items: center;
  padding: 0.5rem 0;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.2s ease;
}

.header-nav-link:hover desktop-cta {
  color: var(--Accento-Accento-50);
}

.header-nav-link desktop-cta {
  color: var(--Testo-Testo-40);
  transition: color 0.2s ease;
}

/* Header Action Buttons (Login/Logout) */
.header-action-button {
  display: inline-flex;
  align-items: center;
  padding: 0.5rem 0;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.2s ease;
}

.header-action-button:hover desktop-cta {
  color: var(--Accento-Accento-50);
}

.header-action-button desktop-cta {
  color: var(--Testo-Testo-40);
  transition: color 0.2s ease;
}

/* Header Language Selector */
.header-language {
  display: inline-flex;
  align-items: center;
  padding: 0.5rem 0;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.2s ease;
  background: none;
  border: none;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
}

.header-language:hover desktop-cta {
  color: var(--Accento-Accento-50);
}

.header-language desktop-cta {
  color: var(--Testo-Testo-40);
  transition: color 0.2s ease;
}

/* Dropdown Container */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Toggle Button */
.dropdown-toggle {
  display: inline-flex;
  padding: 0.5rem 0;
  justify-content: center;
  align-items: center;
  background: none;
  border: none;
  cursor: pointer;
  transition: color 0.2s ease;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
}

.dropdown-toggle:hover {
  color: var(--Accento-Accento-50);
}

.dropdown-toggle:focus {
  outline: none;
}

.dropdown-toggle desktop-cta {
  color: var(--Testo-Testo-40);
  transition: color 0.2s ease;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  min-width: 250px;
  max-height: 400px;
  background: var(--Sfondo-Sfondo-30);
  border: 1px solid var(--Accento-Accento-30);
  border-radius: 0.5rem;
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.20);
  z-index: 100;
  margin-top: 0.5rem;
  overflow-y: auto;
  overflow-x: hidden;
  white-space: nowrap;
}

/* Dropdown Items */
.dropdown-item {
  display: flex;
  align-items: center;
  padding: 0.75rem 1.5rem;
  text-decoration: none;
  color: var(--Testo-Testo-40);
  background: transparent;
  border: none;
  transition: all 0.2s ease;
  cursor: pointer;
  border-bottom: 1px solid var(--Sfondo-Sfondo-40);
}

.dropdown-item:last-of-type {
  border-bottom: none;
}

.dropdown-item:hover {
  background: var(--Sfondo-Sfondo-40);
  color: var(--Accento-Accento-50);
}

.dropdown-item desktop-cta {
  font-weight: 500;
  transition: color 0.2s ease;
}

/* Dropdown Divider */
.dropdown-divider {
  height: 1px;
  background: var(--Accento-Accento-30);
  margin: 0.5rem 0;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Show the dropdown menu on focus */
.dropdown-toggle:focus + .dropdown-content,
.dropdown-content:hover {
  display: block;
}