/* RBDS V39 - FIX MÀU DROPDOWN MENU TRIỆT ĐỂ Mục tiêu: - Chỉ sửa dropdown menu cấp con trên desktop. - Không sửa kích thước/thanh sticky/menu chính. - Ưu tiên mạnh hơn Bootstrap + các file skin cũ. Upload vào: public/css/rbds-v39-dropdown-hardfix.css Gắn CUỐI CÙNG trong , sau tất cả css khác. */ @media (min-width: 992px){ /* Bắt mọi dạng dropdown trong menu ngang */ body .navbar .dropdown-menu, body .navbar-nav .dropdown-menu, body .main-menu .dropdown-menu, body .menu .dropdown-menu, body .nav .dropdown-menu, body .header .dropdown-menu, body .site-header .dropdown-menu, body #menu .dropdown-menu, body #main-menu .dropdown-menu, body .main-menu > li > ul, body .menu > li > ul, body .nav-menu > li > ul, body .navbar-nav > li > ul, body .header-menu > li > ul, body .main-nav > li > ul, body nav ul li ul{ background: #087a66 !important; background-color: #087a66 !important; background-image: none !important; border: 0 !important; border-top: 4px solid #f5b843 !important; border-radius: 0 0 12px 12px !important; box-shadow: 0 12px 24px rgba(0,0,0,.18) !important; padding: 0 !important; margin-top: 0 !important; overflow: hidden !important; } /* Bỏ lớp nền/border/margin làm cảm giác nhiều lớp */ body .navbar .dropdown-menu li, body .navbar-nav .dropdown-menu li, body .main-menu .dropdown-menu li, body .menu .dropdown-menu li, body .nav .dropdown-menu li, body .header .dropdown-menu li, body .site-header .dropdown-menu li, body #menu .dropdown-menu li, body #main-menu .dropdown-menu li, body .main-menu > li > ul > li, body .menu > li > ul > li, body .nav-menu > li > ul > li, body .navbar-nav > li > ul > li, body .header-menu > li > ul > li, body .main-nav > li > ul > li, body nav ul li ul li{ background: transparent !important; background-color: transparent !important; background-image: none !important; border: 0 !important; margin: 0 !important; padding: 0 !important; box-shadow: none !important; } /* Link trong dropdown */ body .navbar .dropdown-menu a, body .navbar-nav .dropdown-menu a, body .main-menu .dropdown-menu a, body .menu .dropdown-menu a, body .nav .dropdown-menu a, body .header .dropdown-menu a, body .site-header .dropdown-menu a, body #menu .dropdown-menu a, body #main-menu .dropdown-menu a, body .main-menu > li > ul > li > a, body .menu > li > ul > li > a, body .nav-menu > li > ul > li > a, body .navbar-nav > li > ul > li > a, body .header-menu > li > ul > li > a, body .main-nav > li > ul > li > a, body nav ul li ul li a{ display: block !important; background: #087a66 !important; background-color: #087a66 !important; background-image: none !important; color: #ffffff !important; border: 0 !important; border-bottom: 1px solid rgba(255,255,255,.14) !important; box-shadow: none !important; margin: 0 !important; padding: 15px 24px !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1.35 !important; text-shadow: none !important; white-space: nowrap !important; } body .navbar .dropdown-menu li:last-child > a, body .navbar-nav .dropdown-menu li:last-child > a, body .main-menu .dropdown-menu li:last-child > a, body .menu .dropdown-menu li:last-child > a, body .nav .dropdown-menu li:last-child > a, body .header .dropdown-menu li:last-child > a, body .site-header .dropdown-menu li:last-child > a, body nav ul li ul li:last-child > a{ border-bottom: 0 !important; } /* Hover/active */ body .navbar .dropdown-menu a:hover, body .navbar-nav .dropdown-menu a:hover, body .main-menu .dropdown-menu a:hover, body .menu .dropdown-menu a:hover, body .nav .dropdown-menu a:hover, body .header .dropdown-menu a:hover, body .site-header .dropdown-menu a:hover, body #menu .dropdown-menu a:hover, body #main-menu .dropdown-menu a:hover, body .main-menu > li > ul > li > a:hover, body .menu > li > ul > li > a:hover, body .nav-menu > li > ul > li > a:hover, body .navbar-nav > li > ul > li > a:hover, body .header-menu > li > ul > li > a:hover, body .main-nav > li > ul > li > a:hover, body nav ul li ul li a:hover, body nav ul li ul li:hover > a{ background: #f59b19 !important; background-color: #f59b19 !important; background-image: none !important; color: #ffffff !important; } /* Nếu Bootstrap dùng .dropdown-item */ body .dropdown-menu .dropdown-item, body .dropdown-menu .dropdown-item:focus, body .dropdown-menu .dropdown-item:active{ background-color: #087a66 !important; color: #fff !important; } body .dropdown-menu .dropdown-item:hover{ background-color: #f59b19 !important; color: #fff !important; } }