/* ===== Custom language dropdown (no Google Translate) ===== */
.lang-dd { position: relative; display: inline-block; }

.lang-dd-btn {
    display: inline-flex; align-items: center; gap: 8px;
    background: rgba(255, 215, 106, 0.12);
    border: 1.5px solid rgba(255, 215, 106, 0.8);
    color: #fff; font-family: inherit; font-size: 0.82rem; font-weight: 700;
    padding: 5px 14px; border-radius: 24px; cursor: pointer;
    transition: background .25s, color .25s, border-color .25s, box-shadow .25s;
}
.lang-dd-btn i { color: #FFD76A; font-size: .9rem; transition: color .25s, transform .25s; }
.lang-dd-caret { font-size: .65rem !important; }

/* hover / open: button white, text maroon */
.lang-dd-btn:hover, .lang-dd.is-open .lang-dd-btn {
    background: #fff; color: #8B0028; border-color: #fff;
    box-shadow: 0 4px 14px rgba(0,0,0,.25);
}
.lang-dd-btn:hover i, .lang-dd.is-open .lang-dd-btn i { color: #8B0028; }
.lang-dd.is-open .lang-dd-caret { transform: rotate(180deg); }

.lang-dd-menu {
    display: none; position: absolute; top: calc(100% + 8px); right: 0;
    min-width: 190px; max-height: 340px; overflow-y: auto;
    margin: 0; padding: 6px; list-style: none;
    background: #fff; border-radius: 14px; border-top: 3px solid #8B0028;
    box-shadow: 0 18px 40px rgba(0,0,0,.28); z-index: 3000;
}
.lang-dd.is-open .lang-dd-menu { display: block; animation: langDdIn .18s ease-out; }
@keyframes langDdIn { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: translateY(0); } }

.lang-dd-menu li {
    display: flex; align-items: center; justify-content: space-between; gap: 10px;
    padding: 9px 14px; border-radius: 9px;
    color: #4c4c4d; font-size: .88rem; font-weight: 600; cursor: pointer;
    transition: background .2s, color .2s;
}
.lang-dd-menu li:hover { background: #8B0028; color: #fff; }
.lang-dd-menu li.is-active { background: #fbe9ee; color: #8B0028; font-weight: 800; }
.lang-dd-menu li.is-active::after { content: '\f00c'; font-family: 'Font Awesome 6 Free'; font-weight: 900; font-size: .72rem; }
.lang-dd-menu li.is-active:hover { background: #8B0028; color: #fff; }
.lang-dd-menu::-webkit-scrollbar { width: 6px; }
.lang-dd-menu::-webkit-scrollbar-thumb { background: #d9b3bf; border-radius: 6px; }

@media (max-width: 767.98px) {
    .lang-dd-btn { padding: 3px 10px; font-size: .72rem; gap: 6px; }
    .lang-dd-menu { right: auto; left: 50%; transform: translateX(-50%); min-width: 170px; }
    .lang-dd.is-open .lang-dd-menu { animation: none; }
}