/*
Theme Name: AffiliateCMS Child
Theme URI: https://lat.vn/
Description: Child theme for AffiliateCMS Theme. Add your custom styles and overrides here.
Author: AffiliateCMS Team
Author URI: https://lat.vn/
Template: affiliateCMS-theme
Version: 1.0.2
Requires at least: 6.0
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: affiliatecms-child
}

/* =====================================================
   AFFILIATECMS MEGA MENU
   ===================================================== */

.header__menu > li.menu-item-has-children{
    position:relative;
}

/* Dropdown */

.header__menu > li.menu-item-has-children > ul.sub-menu{

    display:grid !important;

    grid-template-columns:repeat(4,minmax(180px,1fr)) !important;

    gap:10px 25px !important;

    width:920px !important;

    min-width:920px !important;

    max-height:650px;

    overflow-y:auto;

    padding:20px !important;

    left:50% !important;

    right:auto !important;

    transform:translateX(-50%) translateY(8px) !important;

    opacity:0;

    visibility:hidden;

    z-index:99999;

    background:#fff;

    border:1px solid #e5e7eb;

    border-radius:12px;

    box-shadow:0 15px 40px rgba(0,0,0,.12);
}

/* Show menu */

.header__menu > li.menu-item-has-children:hover > ul.sub-menu{

    opacity:1 !important;

    visibility:visible !important;

    transform:translateX(-50%) translateY(0) !important;
}

/* Item */

.header__menu .sub-menu li{

    margin:0 !important;

    width:100% !important;

    list-style:none;
}

/* Link */

.header__menu .sub-menu li a{

    display:block !important;

    padding:8px 12px !important;

    white-space:normal !important;

    line-height:1.45;

    border-radius:6px;

    transition:.2s;
}

.header__menu .sub-menu li a:hover{

    background:#f4f7fb;
}

/* Scroll */

.header__menu .sub-menu::-webkit-scrollbar{

    width:8px;
}

.header__menu .sub-menu::-webkit-scrollbar-thumb{

    background:#d1d5db;

    border-radius:20px;
}

/* Mobile */

@media(max-width:992px){

.header__menu > li.menu-item-has-children > ul.sub-menu{

    display:block !important;

    width:100% !important;

    min-width:100% !important;

    left:0 !important;

    transform:none !important;

    max-height:none;

}

}