/* Kadier language switcher: dropdown -> hàng ngang VN | EN | 中 (07/11/2026).
   Chỉ áp cho bản desktop (.header-nav-main); bản mobile (.mobile-nav) giữ dropdown.
   Màu lấy từ mẫu của user: nền kem #F7F4EE, mã hiện tại #871F2B, mã khác #4A4A4A,
   vạch ngăn #D9D7D2. */

/* Nới header để menu vừa 1 hàng (container Flatsome mặc định 1080px). */
@media (min-width: 850px) {
    #masthead .header-inner.container { max-width: 1180px; }
}

/* Ẩn nút toggle "TIẾNG VIỆT" và mũi tên dropdown của mục chuyển ngữ. */
.header-nav-main .header-language-dropdown > a.header-language-dropdown__link { display: none; }
.header-nav-main .header-language-dropdown::before,
.header-nav-main .header-language-dropdown::after { display: none; }

/* Hiện danh sách ngôn ngữ thành hàng ngang, nền kem như mẫu. */
.header-nav-main .header-language-dropdown > ul.nav-dropdown {
    display: inline-flex;
    position: static;
    left: auto;
    max-height: none;
    min-width: 0;
    margin: 0;
    padding: 6px 4px;
    background: #F7F4EE;
    border: 0;
    box-shadow: none;
    opacity: 1;
    visibility: visible;
    align-items: center;
    transition: none;
    z-index: auto;
}
.header-nav-main .header-language-dropdown > ul.nav-dropdown > li { margin: 0; }
/* Vạch ngăn giữa các mã. */
.header-nav-main .header-language-dropdown > ul.nav-dropdown > li + li { border-left: 1px solid #D9D7D2; }

/* Bỏ cờ + chữ dài, hiện mã ngắn VN / EN / 中. */
.header-nav-main .header-language-dropdown .nav-dropdown > li > a {
    display: inline-flex;
    align-items: center;
    font-size: 0;
    line-height: 1;
    margin: 0;
    padding: 2px 10px;
    border-bottom: 0;
    width: auto;
}
.header-nav-main .header-language-dropdown .nav-dropdown > li > a .icon-image { display: none; }
.header-nav-main .header-language-dropdown .nav-dropdown > li > a::after {
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    color: #4A4A4A;
}
.header-nav-main .header-language-dropdown .nav-dropdown > li > a[hreflang="vi"]::after { content: "VN"; }
.header-nav-main .header-language-dropdown .nav-dropdown > li > a[hreflang="en"]::after { content: "EN"; }
.header-nav-main .header-language-dropdown .nav-dropdown > li > a[hreflang="zh"]::after { content: "中"; }
/* Ngôn ngữ đang xem: đỏ burgundy. */
.header-nav-main .header-language-dropdown .nav-dropdown > li.active > a::after { color: #871F2B; }
