/* Language switcher — same look as Menuify's header (white pill: round flag + code + chevron,
   white dropdown with flags, brand-tinted hover/active). Always white, also on dark bars / dark mode. */
.lang-pop { position: relative; display: inline-block; }
.langbtn {
    display: inline-flex; align-items: center; gap: 7px; height: 40px; padding: 0 10px 0 6px;
    border: 1.5px solid #e2e8f0; border-radius: 50px; background: #fff; color: #0f172a;
    font-family: inherit; font-size: 13px; font-weight: 800; letter-spacing: .02em; line-height: 1; cursor: pointer;
    box-shadow: 0 1px 2px rgba(15,23,42,.06); transition: all .15s;
}
[dir="rtl"] .langbtn { padding: 0 6px 0 10px; }
.langbtn:hover {
    border-color: var(--brand-primary, #f7c51e);
    background: rgba(var(--brand-primary-rgb, 247,197,30), .12);
    box-shadow: 0 2px 8px rgba(15,23,42,.10);
}
.langbtn img { width: 26px; height: 26px; border-radius: 50%; object-fit: cover; display: block; box-shadow: 0 0 0 2px #fff, 0 0 0 3px #e2e8f0; }
.langbtn__flag { display: inline-flex; }
.langbtn__chev { width: 14px; height: 14px; color: #64748b; transition: transform .15s; }
.langbtn__chev.is-open { transform: rotate(180deg); }
.lang-pop__panel {
    position: absolute; top: 48px; inset-inline-end: 0; z-index: 120; min-width: 180px; padding: 6px;
    border: 1px solid #ebebeb; border-radius: 12px; background: #fff; color: #0f172a;
    box-shadow: 0 12px 32px rgba(0,0,0,.12); animation: lang-pop-in .15s ease-out;
}
.lang-pop__item {
    display: flex; align-items: center; gap: 10px; width: 100%; min-height: 40px; padding: 9px 12px;
    border-radius: 8px; font-size: 13px; font-weight: 600; text-align: start; text-decoration: none; color: #0f172a;
}
.lang-pop__item:hover, .lang-pop__item:focus-visible { background: #f8fafc; color: #0f172a; outline: none; }
.lang-pop__item.is-active { background: rgba(var(--brand-primary-rgb, 247,197,30), .16); color: #0f172a; font-weight: 700; }
.lang-pop__item img { width: 22px; height: 22px; border-radius: 50%; object-fit: cover; flex-shrink: 0; box-shadow: 0 0 0 1px #e2e8f0; }
.lang-pop__label { min-width: 0; }
.lang-pop__check { margin-inline-start: auto; color: #b8900a; }
@keyframes lang-pop-in { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
@media (max-width: 480px) {
    .langbtn { padding: 0 8px 0 5px; }
    [dir="rtl"] .langbtn { padding: 0 5px 0 8px; }
    .langbtn__code { display: none; }
}