/* Language toggle styles */
.language-toggle {
    margin-right: 20px;
}

.language-toggle .lang-link {
    color: #777;
    text-decoration: none;
    font-weight: normal;
    padding: 3px 6px;
    display: inline-block;
}

.language-toggle .lang-link:hover {
    color: #333;
    text-decoration: none;
}

.language-toggle .lang-link.active {
    color: #333;
    font-weight: bold;
}

.language-toggle .lang-separator {
    color: #ccc;
    margin: 0 2px;
}

/* Language switcher dropdown styles */
.language-switcher {
    margin-right: 20px;
}

.language-switcher .dropdown-toggle {
    color: #777;
    text-decoration: none;
    font-weight: normal;
    display: inline-block;
    vertical-align: middle;
}

.language-switcher .dropdown-toggle:hover {
    color: #333;
    text-decoration: none;
}

.language-switcher .dropdown-toggle img {
    margin-right: 4px;
    vertical-align: middle;
}

.language-switcher .dropdown-toggle .caret {
    margin-left: 4px;
}

.language-switcher .dropdown-menu {
    min-width: 80px;
    padding: 5px 0;
}

.language-switcher .dropdown-menu li a {
    padding: 3px 15px;
    color: #777;
    text-decoration: none;
    display: block;
}

.language-switcher .dropdown-menu li a:hover {
    color: #333;
    background-color: #f5f5f5;
    text-decoration: none;
}

.language-switcher .dropdown-menu li a.current-language {
    color: #333;
    font-weight: bold;
    background-color: #f9f9f9;
}

.language-switcher .dropdown-menu li a.current-language:hover {
    background-color: #f9f9f9;
    cursor: default;
}

.language-switcher .dropdown-menu img {
    margin-right: 8px;
    vertical-align: middle;
}

@media (max-width: 768px) {
    .language-toggle,
    .language-switcher {
        margin-right: 10px;
    }
}