/*
Theme Name: Flatsome Child
Description: NamKiem developed for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.11.3
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/* ===== SIDEBAR MENU DANH MỤC SẢN PHẨM MỚI ===== */

/* Bỏ nền xanh tiêu đề */
.widget_nav_menu .widget-title {
    background: transparent !important;
    color: #222 !important;
    padding: 0 !important;
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 700;
    text-transform: none;
}

/* Gạch dưới tiêu đề */
.widget_nav_menu .widget-title:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #e5e5e5;
    margin-top: 15px;
}

/* Bỏ divider Flatsome */
.widget_nav_menu .is-divider {
    display: none !important;
}

/* Danh sách menu */
.widget_nav_menu ul.menu {
    margin: 0;
    padding: 0;
}

/* Mỗi dòng menu */
.widget_nav_menu ul.menu li {
    list-style: none;
    border: none !important;
    padding: 10px 0;
}

/* Link mặc định màu xám */
.widget_nav_menu ul.menu li a {
    color: #777 !important;
    font-weight: 400 !important;
    text-decoration: none;
    transition: all .2s ease;
}

/* Hover xanh */
.widget_nav_menu ul.menu li a:hover {
    color: #1fa64a !important;
}

/* Mục đang chọn */
.widget_nav_menu ul.menu li.current-menu-item > a {
    color: #1fa64a !important;
    font-weight: 500 !important;
}

/* Mục cha khi đang ở danh mục con vẫn màu xám */
.widget_nav_menu ul.menu li.current-menu-ancestor > a,
.widget_nav_menu ul.menu li.current-menu-parent > a {
    color: #777 !important;
    font-weight: 400 !important;
}

/* Danh mục con */
.widget_nav_menu ul.sub-menu {
    margin-top: 8px;
    margin-left: 12px;
    padding-left: 14px;
    border-left: 1px solid #e5e5e5;
}

/* Link danh mục con */
.widget_nav_menu ul.sub-menu li a {
    font-size: 15px;
}

/* Danh mục con đang chọn */
.widget_nav_menu ul.sub-menu li.current-menu-item > a {
    color: #1fa64a !important;
    font-weight: 500 !important;
}

/* Cho dòng không có sản phẩm ra giữa */
.products + .woocommerce-info,
.woocommerce-no-products-found {
    text-align: center !important;
    width: 100% !important;
    margin: 80px auto !important;
}

/* Khi đang ở danh mục con, chỉ mở menu cha hiện tại */
.widget_nav_menu li.current-menu-parent > ul.sub-menu,
.widget_nav_menu li.current-menu-ancestor > ul.sub-menu {
    display: block;
}

/* Không ép toàn bộ submenu luôn mở */
.widget_nav_menu li.menu-item-has-children:not(.current-menu-parent):not(.current-menu-ancestor) > ul.sub-menu {
    display: none;
}
/* Mặc định ẩn menu con */
.widget_nav_menu ul.menu li.menu-item-has-children > ul.sub-menu {
    display: none;
}

/* Hover vào mục cha thì mở menu con */
.widget_nav_menu ul.menu li.menu-item-has-children:hover > ul.sub-menu {
    display: block;
}

/* Khi đang ở danh mục con thì vẫn mở menu cha */
.widget_nav_menu ul.menu li.current-menu-parent > ul.sub-menu,
.widget_nav_menu ul.menu li.current-menu-ancestor > ul.sub-menu {
    display: block;
}

/* Hover mượt hơn */
.widget_nav_menu ul.sub-menu {
    margin-top: 8px;
    margin-left: 12px;
    padding-left: 14px;
    border-left: 1px solid #e5e5e5;
}

/* Breadcrumb */
.rank-math-custom-breadcrumb {
    height: 200px !important;
    min-height: unset !important;
}