/* Menu ngang dau trang - tach nhom ro rang (2026-11-06), tham khao travelvietnam.com.vn */
@media (min-width: 992px) {
    header .header { min-height: 84px !important; }
    header div.main-menu > ul.ul_main_menu { display: flex !important; align-items: stretch; margin: 0; }
    header div.main-menu > ul.ul_main_menu > li.li_menu_main { float: none !important; display: flex; align-items: stretch; position: relative; padding: 0 !important; }
    /* vach ngan mo giua cac nhom */
    header div.main-menu > ul.ul_main_menu > li.li_menu_main + li.li_menu_main::before { content: ""; position: absolute; left: 0; top: 50%; width: 1px; height: 22px; margin-top: -11px; background: #E1E8F2; }
    header div.main-menu > ul.ul_main_menu > li.li_menu_main > a.a_menu_main { display: flex !important; align-items: center; gap: 6px; height: 84px; padding: 0 14px !important; position: relative; white-space: nowrap; color: #0B3F73 !important; font-weight: 600 !important; text-decoration: none !important; transition: color .2s, background .2s; }
    /* gach chan cam khi re chuot / dang o muc do */
    header div.main-menu > ul.ul_main_menu > li.li_menu_main > a.a_menu_main::before { content: ""; position: absolute; left: 14px; right: 14px; bottom: 0; height: 3px; border-radius: 3px 3px 0 0; background: #F26B0F; transform: scaleX(0); transition: transform .2s; }
    header div.main-menu > ul.ul_main_menu > li.li_menu_main:hover > a.a_menu_main,
    header div.main-menu > ul.ul_main_menu > li.li_menu_main.dlo-act > a.a_menu_main { color: #F26B0F !important; background: #FFF6EF; }
    header div.main-menu > ul.ul_main_menu > li.li_menu_main:hover > a.a_menu_main::before,
    header div.main-menu > ul.ul_main_menu > li.li_menu_main.dlo-act > a.a_menu_main::before { transform: scaleX(1); }
    /* mui ten cho muc co menu con */
    header div.main-menu > ul.ul_main_menu > li.li_menu_main:has(> ul) > a.a_menu_main::after { content: "\f107"; font-family: FontAwesome; font-size: 15px; font-weight: normal; line-height: 1; opacity: .65; transition: transform .2s; }
    header div.main-menu > ul.ul_main_menu > li.li_menu_main:has(> ul):hover > a.a_menu_main::after { transform: rotate(180deg); opacity: 1; }
    header div.main-menu ul.ul_main_menu > li.li_main_first > a.a_menu_main .fa { font-size: 20px; }

    /* menu con */
    header div.main-menu > ul.ul_main_menu > li.li_menu_main > ul { top: 100%; left: 0; min-width: 250px; width: auto; margin: 0; padding: 10px; border-top: 3px solid #F26B0F !important; border-radius: 0 0 14px 14px !important; background: #fff; box-shadow: 0 18px 40px rgba(11, 63, 115, .18) !important; }
    header div.main-menu > ul.ul_main_menu > li.li_menu_main:nth-last-child(-n+2) > ul { left: auto; right: 0; }
    header div.main-menu > ul.ul_main_menu > li.li_menu_main > ul > li { padding: 0 !important; border: 0 !important; }
    header div.main-menu > ul.ul_main_menu > li.li_menu_main > ul > li > a { display: flex; align-items: center; gap: 9px; padding: 8px 12px !important; border-radius: 8px; color: #233453 !important; font-size: 14.5px; white-space: nowrap; transition: background .15s, color .15s; }
    header div.main-menu > ul.ul_main_menu > li.li_menu_main > ul > li > a::before { content: "" !important; position: static !important; flex: 0 0 auto; width: 5px; height: 5px; border-radius: 50%; background: #C3CFE6; transition: background .15s; }
    header div.main-menu > ul.ul_main_menu > li.li_menu_main > ul > li > a:hover { background: #FFF6EF !important; color: #F26B0F !important; }
    header div.main-menu > ul.ul_main_menu > li.li_menu_main > ul > li > a:hover::before { background: #F26B0F; }
}
/* Co chu + khoang cach theo do rong man hinh (logo khong bi bop) */
@media (min-width: 992px) { header .header .logo { flex: none !important; } }
@media (min-width: 1600px) {
    header div.main-menu > ul.ul_main_menu > li.li_menu_main > a.a_menu_main { padding: 0 14px !important; font-size: 16px !important; }
    header div.main-menu > ul.ul_main_menu > li.li_menu_main > a.a_menu_main::before { left: 14px; right: 14px; }
}
@media (min-width: 1440px) and (max-width: 1599px) {
    header div.main-menu > ul.ul_main_menu > li.li_menu_main > a.a_menu_main { padding: 0 10px !important; font-size: 15px !important; }
    header div.main-menu > ul.ul_main_menu > li.li_menu_main > a.a_menu_main::before { left: 10px; right: 10px; }
}
@media (min-width: 1366px) and (max-width: 1439px) {
    header div.main-menu > ul.ul_main_menu > li.li_menu_main > a.a_menu_main { padding: 0 8px !important; font-size: 14px !important; }
    header div.main-menu > ul.ul_main_menu > li.li_menu_main > a.a_menu_main::before { left: 8px; right: 8px; }
}
@media (min-width: 1280px) and (max-width: 1365px) {
    header div.main-menu > ul.ul_main_menu > li.li_menu_main > a.a_menu_main { padding: 0 6px !important; font-size: 13px !important; }
    header div.main-menu > ul.ul_main_menu > li.li_menu_main > a.a_menu_main::before { left: 6px; right: 6px; }
}
@media (min-width: 1280px) and (max-width: 1439px) {
    header div.main-menu > ul.ul_main_menu > li.li_menu_main > a.a_menu_main { gap: 4px; }
    header div.main-menu > ul.ul_main_menu > li.li_menu_main:has(> ul) > a.a_menu_main::after { font-size: 13px; }
}
/* 992-1279px: khong du cho cho menu ngang -> dung nut menu 3 gach (giong travelvietnam) */
@media (min-width: 992px) and (max-width: 1279px) {
    html body header .header .main-menu { display: none !important; }
    html body header .header .navbar-toggle { display: block !important; position: absolute; right: 0; top: 50%; margin: -14px 0 0 !important; z-index: 10; }
    html body header .header .navbar-toggle .icon-bar { display: block; width: 30px; height: 3px; border-radius: 2px; background: #0B3F73; }
    html body header .header .navbar-toggle .icon-bar + .icon-bar { margin-top: 5px; }
}
