/* Đảm bảo CSS chỉ áp dụng trên mobile view */
@media (max-width: 768px) {
  /* Cấu trúc main menu và sub menu thẳng hàng */
  .menu-item-10109, .menu-item-10113, .menu-item-10114, .menu-item-10188, .menu-item-10749, 
  .menu-item-10750, .menu-item-10751, .menu-item-10752, .menu-item-10753, .menu-item-10189,
  .menu-item-10109 .sub-menu li,
  .menu-item-10113 .sub-menu li,
  .menu-item-10114 .sub-menu li,
  .menu-item-10188 .sub-menu li,
  .menu-item-10749 .sub-menu li,
  .menu-item-10750 .sub-menu li,
  .menu-item-10751 .sub-menu li,
  .menu-item-10752 .sub-menu li,
  .menu-item-10753 .sub-menu li,
  .menu-item-10189 .sub-menu li {
    width: 100% !important;
    text-align: left !important;
    position: relative !important;
    left: 0 !important;
    right: auto !important;
  }
  
  /* Ẩn tất cả sub-menus */
  .menu-item-10109 .sub-menu,
  .menu-item-10113 .sub-menu,
  .menu-item-10114 .sub-menu,
  .menu-item-10188 .sub-menu,
  .menu-item-10749 .sub-menu,
  .menu-item-10750 .sub-menu,
  .menu-item-10751 .sub-menu,
  .menu-item-10752 .sub-menu,
  .menu-item-10753 .sub-menu,
  .menu-item-10189 .sub-menu {
    display: none !important;
    position: relative !important;
    left: 0 !important;
    right: auto !important;
    opacity: 1 !important;
    transform: none !important;
    min-width: 100% !important;
    padding-left: 15px !important;
  }

  /* Đảm bảo menu cấp 3 cũng hiển thị dọc */
  .menu-item-10109 .sub-menu .sub-menu,
  .menu-item-10113 .sub-menu .sub-menu,
  .menu-item-10114 .sub-menu .sub-menu,
  .menu-item-10188 .sub-menu .sub-menu,
  .menu-item-10749 .sub-menu .sub-menu,
  .menu-item-10750 .sub-menu .sub-menu,
  .menu-item-10751 .sub-menu .sub-menu,
  .menu-item-10752 .sub-menu .sub-menu,
  .menu-item-10753 .sub-menu .sub-menu,
  .menu-item-10189 .sub-menu .sub-menu {
    position: relative !important;
    left: 0 !important;
    display: none !important;
    width: 100% !important;
    padding-left: 15px !important;
  }
}

/* Đặt class 'active' cho menu item khi sub menu được hiển thị */
.menu-item-10109.active > .sub-menu,
.menu-item-10113.active > .sub-menu,
.menu-item-10114.active > .sub-menu,
.menu-item-10188.active > .sub-menu,
.menu-item-10749.active > .sub-menu,
.menu-item-10750.active > .sub-menu,
.menu-item-10751.active > .sub-menu,
.menu-item-10752.active > .sub-menu,
.menu-item-10753.active > .sub-menu,
.menu-item-10189.active > .sub-menu {
  display: block !important;
}

/* Font styles cho menu items */
#menu-item-10109, #menu-item-10109 a,
#menu-item-10113, #menu-item-10113 a,
#menu-item-10114, #menu-item-10114 a,
#menu-item-10188, #menu-item-10188 a,
#menu-item-10189, #menu-item-10189 a,
#menu-item-10749, #menu-item-10749 a,
#menu-item-10750, #menu-item-10750 a,
#menu-item-10751, #menu-item-10751 a,
#menu-item-10752, #menu-item-10752 a,
#menu-item-10753, #menu-item-10753 a {
    font-weight: normal;
    font-style: normal;
}

/* Active state styling */
.menu-item-10109.active > a,
.menu-item-10113.active > a,
.menu-item-10114.active > a,
.menu-item-10188.active > a,
.menu-item-10749.active > a,
.menu-item-10750.active > a,
.menu-item-10751.active > a,
.menu-item-10752.active > a,
.menu-item-10753.active > a,
.menu-item-10189.active > a {
    background-color: green !important;
    color: white !important;
}