/*
RBDS V38 Dropdown Color Fix
Chỉ sửa màu dropdown ở trạng thái CHƯA cuộn xuống.
Không đụng layout menu khi sticky/cuộn xuống.
Upload vào: public/css/rbds-v38-dropdown-color-fix.css
*/

/* Dropdown desktop - trạng thái banner đầu trang */
@media (min-width: 992px){
  body:not(.rbds-scrolled) .main-menu li ul,
  body:not(.rbds-scrolled) .main-menu .sub-menu,
  body:not(.rbds-scrolled) .main-nav li ul,
  body:not(.rbds-scrolled) .main-nav .sub-menu,
  body:not(.rbds-scrolled) .header-menu li ul,
  body:not(.rbds-scrolled) .header-menu .sub-menu,
  body:not(.rbds-scrolled) .nav-menu li ul,
  body:not(.rbds-scrolled) .nav-menu .sub-menu{
    background: #087a66 !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    border-radius: 0 0 14px 14px !important;
    box-shadow: 0 14px 28px rgba(0,0,0,.18) !important;
    overflow: hidden !important;
    padding: 0 !important;
  }

  body:not(.rbds-scrolled) .main-menu li ul li,
  body:not(.rbds-scrolled) .main-nav li ul li,
  body:not(.rbds-scrolled) .header-menu li ul li,
  body:not(.rbds-scrolled) .nav-menu li ul li{
    background: transparent !important;
    border: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
  }

  body:not(.rbds-scrolled) .main-menu li ul li a,
  body:not(.rbds-scrolled) .main-nav li ul li a,
  body:not(.rbds-scrolled) .header-menu li ul li a,
  body:not(.rbds-scrolled) .nav-menu li ul li a{
    background: #087a66 !important;
    color: #fff !important;
    border-bottom: 1px solid rgba(255,255,255,.13) !important;
    border-left: 0 !important;
    box-shadow: none !important;
    padding: 16px 24px !important;
    font-weight: 700 !important;
  }

  body:not(.rbds-scrolled) .main-menu li ul li a:hover,
  body:not(.rbds-scrolled) .main-nav li ul li a:hover,
  body:not(.rbds-scrolled) .header-menu li ul li a:hover,
  body:not(.rbds-scrolled) .nav-menu li ul li a:hover{
    background: #f59b19 !important;
    color: #fff !important;
  }

  /* Nếu site không có class rbds-scrolled thì vẫn ép dropdown ở vùng header thường */
  .site-header:not(.is-sticky) .main-menu li ul,
  .site-header:not(.is-sticky) .main-nav li ul,
  .header:not(.is-sticky) .main-menu li ul,
  .header:not(.is-sticky) .main-nav li ul{
    background: #087a66 !important;
  }

  .site-header:not(.is-sticky) .main-menu li ul li a,
  .site-header:not(.is-sticky) .main-nav li ul li a,
  .header:not(.is-sticky) .main-menu li ul li a,
  .header:not(.is-sticky) .main-nav li ul li a{
    background: #087a66 !important;
    color: #fff !important;
  }

  .site-header:not(.is-sticky) .main-menu li ul li a:hover,
  .site-header:not(.is-sticky) .main-nav li ul li a:hover,
  .header:not(.is-sticky) .main-menu li ul li a:hover,
  .header:not(.is-sticky) .main-nav li ul li a:hover{
    background: #f59b19 !important;
    color: #fff !important;
  }
}