/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: Hieu "Jin" Phan Trung
Template: flatsome
Version: 1.3.2
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.row.row-main {
  max-width: 1250px;
}

div.row.row.row-collapse {
  max-width: 1250px;
}

.row.row:not(.row-collapse) {
  margin-left: auto;
  margin-right: auto;
}

.row.row-main .large-12.col {
  padding: 0;
}

.page-wrapper {
  padding-top: 0;
  padding-bottom: 0;
}

.row .section {
  padding-left: 0;
  padding-right: 0;
}

/*************** ALL SCREEN CSS HERE  ***************/
@media screen and (min-width: 550px) {}

/*************** ADD TABLET AND MOBILE ONLY CSS HERE  ***************/
@media screen and (max-width: 850px) {}


.wp-block-woocommerce-checkout-order-summary-subtotal-block.wc-block-components-totals-wrapper {
  display: none;
}


.depth-2 {
    
    padding-left: 4rem !important;
}



/*menu dropdown*/


/*
Css menu đa cấp cho Flatsome
*/
.nav-dropdown-default {
    padding: 0px;
}
.nav-dropdown .menu-item-has-children>a, .nav-dropdown .nav-dropdown-col>a, .nav-dropdown .title>a {
    font-size: 15px;
}
@media (min-width: 850px){
    header#header .nav-dropdown {
        display: block;
    }
    header#header .nav-dropdown ul.sub-menu {
        position: absolute;
        left: 100%;
        top: 0;
        background: #fff;
        width: 250px;
        padding: 0;
        display: none !important;
        border-radius: 5px;
        -webkit-box-shadow: 1px 1px 15px rgb(0 0 0 / 15%);
        box-shadow: 1px 1px 15px rgb(0 0 0 / 15%);
    }
    header#header .nav-dropdown ul.sub-menu a {
        white-space: normal;
        margin: 0;
        padding: 10px 15px;
        border: 0;
        font-weight: 400;
    }
    header#header .nav-dropdown li:hover > ul.sub-menu{
        display: block !important;
    }
    header#header .nav-dropdown li {
        border-right: 0;
        white-space: normal;
        width: 100%;
        display: block;
        position: relative;
    }
    header#header .nav-dropdown li.menu-item-has-children > a {
        font-weight: 400;
        text-transform: none;
        color: rgba(102,102,102,.85);
    }
    header#header .nav-dropdown li.active>a {
        color: #e82c2a;
    }
}

/* Thêm mũi tên xuống ở cuối mục menu đa cấp */
/*.menu-item-has-children.nav-dropdown-col::after {*/
/*    content: "\25BC"; */
/*    font-size: 14px;*/
/*    color: #fff;*/
/*    position: absolute;*/
/*    right: 18px;*/
/*    top: 50%;*/
/*    transform: translateY(-50%);*/
/*}*/
/* Thay đổi mũi tên khi mở submenu (hoặc hover) */
header#header .nav-dropdown li.menu-item-has-children {
    position: relative;
}

header#header .nav-dropdown li.menu-item-has-children > a::after {
    content: "\25B8";
    font-size: 14px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.3s ease;
    color: #333; /* Màu mũi tên */
}
/* Khi hover vào mục có submenu, mũi tên sẽ xoay xuống */
header#header .nav-dropdown li.menu-item-has-children:hover > a::after {
    transform: translateY(-50%) rotate(90deg);
}
/* Mũi tên phải cho các submenu con */
header#header .nav-dropdown li.menu-item-has-children > ul.sub-menu li.menu-item-has-children > a::after {
    content: "\25B8";
    font-size: 14px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.3s ease;
    color: #333;
}

/* Khi hover vào submenu con, mũi tên xoay để chỉ submenu con mở */
header#header .nav-dropdown li.menu-item-has-children > ul.sub-menu li.menu-item-has-children:hover > a::after {
    transform: translateY(-50%) rotate(90deg);
}

.header .header-nav > .menu-item.has-dropdown > .nav-dropdown > .menu-item.menu-item-has-children:not(.current-menu-parent) > a {
  color: #333;
}


    header#header .nav-dropdown li.menu-item-has-children > a {
        font-weight: 400;
        /* text-transform: none; */
        color: #333;
    }