/**
 * Copyright (c) 2026 DNA Genics, S.L. All rights reserved.
 *
 * Public website language control for the desktop header and mobile menu.
 */

#mainNav .dna-language-switcher {
    flex: 0 0 auto;
    align-self: center;
}

#mainNav .dna-language-switcher__trigger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    height: var(--nav-icon-btn-size, 44px);
    padding: 0 0.5rem;
    border: 1px solid var(--hn-line, #dbe3ea);
    border-radius: 8px;
    background: var(--hn-paper, #fff);
    color: var(--hn-ink, #213a2f);
    font: 700 0.75rem/1 var(--hn-sans, sans-serif);
    cursor: pointer;
}

#mainNav .dna-language-switcher__chevron {
    width: 0.625rem;
    height: 0.625rem;
}

#mainNav.navbar-premium .dna-language-switcher .dropdown-menu {
    min-width: 8rem;
    animation: none;
}

.dna-language-switcher-mobile {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.25rem 0.75rem;
    padding: 0.375rem 0.75rem;
    border: 1px solid var(--hn-line, #dbe3ea);
    border-radius: 12px;
    background: var(--hn-surface, #fff);
    color: var(--hn-ink, #213a2f);
}

.dna-language-switcher-mobile__label,
.dna-language-switcher-mobile__options {
    display: flex;
    align-items: center;
    gap: 0.375rem;
}

.dna-language-switcher-mobile__label {
    font-weight: 600;
}

.dna-language-switcher-mobile__options a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 0 0.625rem;
    border-radius: 8px;
    color: inherit;
}

#mainNav .dna-language-switcher__trigger:hover,
#mainNav .dna-language-switcher.show .dna-language-switcher__trigger,
#mainNav .dna-language-switcher .dropdown-item[aria-current="true"],
.dna-language-switcher-mobile__options a:hover,
.dna-language-switcher-mobile__options a[aria-current="true"] {
    background: var(--hn-sage, #e5eee7);
    color: var(--hn-forest, #213a2f);
}

#mainNav .dna-language-switcher .dropdown-item[aria-current="true"],
.dna-language-switcher-mobile__options a[aria-current="true"] {
    font-weight: 700;
}

#mainNav .dna-language-switcher :focus-visible,
.dna-language-switcher-mobile__options a:focus-visible {
    outline: 2px solid var(--hn-forest, #237465);
    outline-offset: 1px;
}