﻿
.language-switcher > .dropdown-toggle {
    color: inherit !important;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    transition: background-color .15s ease, color .15s ease;
    cursor: pointer;
    user-select: none;
}

    .language-switcher > .dropdown-toggle:hover,
    .language-switcher > .dropdown-toggle:active,
    .language-switcher > .dropdown-toggle:focus,
    .language-switcher > .dropdown-toggle:focus-visible {
        color: inherit !important;
        background-color: transparent !important;
        box-shadow: none !important;
        outline: none !important;
    }

    .language-switcher.show > .dropdown-toggle,
    .language-switcher > .dropdown-toggle[aria-expanded="true"] {
        color: inherit !important;
        background-color: transparent !important;
        box-shadow: none !important;
    }

    .language-switcher > .dropdown-toggle.nav-link {
        color: inherit !important;
    }

.language-switcher .dropdown-menu {
    --bs-dropdown-link-active-bg: transparent;
    --bs-dropdown-link-active-color: inherit;
    border-radius: .6rem;
    box-shadow: 0 8px 24px rgba(0,0,0,.05);
}

    .language-switcher .dropdown-menu .dropdown-item,
    .language-switcher .dropdown-menu > li > a {
        color: inherit !important;
        background-color: transparent !important;
        border-radius: .35rem;
        text-decoration: none !important;
        transition: background-color .15s ease, color .15s ease;
        padding: .45rem .75rem;
    }

        .language-switcher .dropdown-menu .dropdown-item:hover,
        .language-switcher .dropdown-menu > li > a:hover {
            background-color: rgba(0,0,0,.06) !important;
        }

.dark .language-switcher .dropdown-menu .dropdown-item:hover,
.dark .language-switcher .dropdown-menu > li > a:hover {
    background-color: rgba(255,255,255,.08) !important;
}

.language-switcher .dropdown-menu .dropdown-item.active,
.language-switcher .dropdown-menu .dropdown-item:active {
    color: inherit !important;
    background-color: transparent !important;
}

.language-switcher .dropdown-menu .dropdown-item:focus-visible {
    outline: 2px solid var(--bs-primary, #0d6efd);
    outline-offset: 2px;
}

