/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/* Đổi màu chữ và màu các link trong top bar thành màu đen */
#top-bar, 
#top-bar a, 
#top-bar span {
    color: #000000 !important;
}
/* Đổi màu icon (nếu có) trong top bar thành màu đen */
#top-bar i {
    color: #000000 !important;
}
/* css menu --- */
.nav-top-link:hover {
    background-color: #126ebe !important;
    color: #ffffff !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}
#menu-item-12 .nav-top-link {
    background-color: #126ebe !important;
    color: #ffffff !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.nav-top-link {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.menu-item {
    margin: 0px !important;
}
/* --- 1. ĐỊNH DẠNG CHUNG CHO DROPDOWN MENU --- */
.nav-dropdown {
    background-color: #ffffff !important;
    border: 1px solid #e5e5e5 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important; /* Đổ bóng sâu, mịn như mẫu */
    padding: 10px 0 !important;
    border-radius: 4px; /* Bo góc nhẹ cho hiện đại */
}

/* --- 2. ĐỊNH DẠNG CÁC ĐƯỜNG LINK TRONG MENU (CẤP 2) --- */
.nav-dropdown > li > a {
    color: #333333 !important; /* Màu chữ xám đậm sang trọng */
    font-size: 14px !important;
    font-weight: 500 !important;
    text-transform: uppercase; /* Chữ viết hoa như trang mẫu */
    padding: 10px 20px !important;
    transition: all 0.3s ease !important; /* Hiệu ứng mượt mà */
    border-bottom: 1px solid #f5f5f5 !important; /* Đường vạch ngăn cách nhẹ giữa các mục */
}

/* Xóa đường gạch chân ở mục cuối cùng */
.nav-dropdown > li:last-child > a {
    border-bottom: none !important;
}

/* --- 3. HIỆU ỨNG HOVER (RÊ CHUỘT VÀO) --- */
.nav-dropdown > li > a:hover {
    background-color: #444444 !important; /* Nền xám đậm khi hover giống mẫu */
    color: #ffffff !important; /* Chữ chuyển sang màu trắng */
    padding-left: 25px !important; /* Hiệu ứng đẩy nhẹ chữ sang phải khi hover */
}

/* --- 4. CẤU HÌNH MENU PHÂN CẤP (CẤP 3 - SUBMENU) --- */
/* Đảm bảo menu cấp 3 mở rộng sang bên cạnh mượt mà */
.nav-dropdown .nav-dropdown-start {
    top: -11px !important; /* Căn chỉnh cho khớp hàng */
    left: 100% !important;
}

/* Mũi tên chỉ sang phải đối với các mục có menu con */
.nav-dropdown .has-child > a::after {
    content: "\f105"; /* Icon mũi tên phải của FontAwesome */
    font-family: "Font Awesome 5 Free", "flatsome-icons" !important;
    float: right;
    font-weight: 900;
    opacity: 0.7;
}
/* kết thúc css menu --- */
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}