/* 
 * Locale Switcher Styles
 * Matches header navigation styling
 */

/* 
 * Locale Switcher Styles
 */

.locale-switcher {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: 1.5rem; /* Space between nav menu and switcher */
}

.locale-switcher .nav-link {
  padding: 0.5rem 0.25rem;
  font-size: 0.8rem; /* Slightly smaller to be more subtle */
  text-transform: uppercase;
  font-weight: 600;
  color: #fff; /* Default to white for transparent header */
  transition: color 0.3s ease;
}

/* Change color on scroll */
#site-header.header-scrolled .locale-switcher .nav-link {
  color: var(--color-text);
}

/* Style for the active language link */
#site-header.header-scrolled .locale-switcher .nav-link.active-locale {
  color: var(--color-primary);
}

/* Mobile styles */
@media (max-width: 768px) {
  .locale-switcher {
    order: 3; /* Places it after the logo and toggle button */
    margin-left: auto; /* Pushes it to the far right */
    margin-right: 1rem; /* Some space from the edge */
  }

  .nav-menu.active + .locale-switcher {
    display: none; /* Hide when mobile menu is open to avoid clutter */
  }
}