/* Language Switcher Styles */
.lang-switcher { position: relative; }

.lang-dropdown { position: relative; display: inline-block; }

.lang-btn {
    display: flex; align-items: center; gap: 5px;
    background: none; border: 1.5px solid #cbd5e0; border-radius: 6px;
    padding: 5px 10px; font-size: 13px; font-weight: 600;
    color: #4a5568; cursor: pointer; transition: all .2s;
}
.lang-btn:hover, .lang-btn.open { border-color: #2b6cb0; color: #2b6cb0; }
.lang-btn svg { transition: transform .2s; }
.lang-btn.open svg { transform: rotate(180deg); }

.lang-current { letter-spacing: .5px; }

.lang-menu {
    display: none; position: absolute; right: 0; top: calc(100% + 6px);
    background: #fff; border: 1px solid #e2e8f0; border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,.1); list-style: none;
    margin: 0; padding: 4px 0; min-width: 150px; z-index: 1000;
}
.lang-menu.open { display: block; }

.lang-menu li button {
    display: flex; align-items: center; justify-content: space-between;
    width: 100%; padding: 8px 14px; background: none; border: none;
    font-size: 14px; color: #4a5568; cursor: pointer; text-align: left;
}
.lang-menu li button:hover { background: #f7fafc; color: #2b6cb0; }
.lang-menu li.active button { color: #2b6cb0; font-weight: 600; background: #ebf4ff; }

.lang-code { font-size: 11px; color: #a0aec0; font-weight: 500; letter-spacing: .5px; }
.lang-menu li.active .lang-code { color: #2b6cb0; }

@media (max-width: 768px) {
    .lang-menu { right: auto; left: 0; }
}