/*
    Wokiee Custom CSS
*/
/* Hide preloader */
#loader-wrapper, .tt-preloader {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}
/* ========================================
   Z-INDEX STACKING ORDER
   ======================================== */
#tt-header {
    position: relative;
    z-index: 5000 !important;
}
#tt-header,
.tt-desktop-header,
.tt-desctop-menu,
.tt-desctop-parent-menu {
    overflow: visible !important;
}
.col-md-3.tt-hidden-mobile {
    position: relative;
    z-index: 100 !important;
}
.tt-menu-categories {
    position: relative;
    z-index: 100 !important;
}
.tt-menu-categories .tt-dropdown-menu {
    position: absolute;
    z-index: 100 !important;
}
.tt-desctop-menu li.dropdown {
    position: relative;
}
.tt-desctop-menu li.megamenu {
    position: static;
}
.tt-desctop-menu .dropdown-menu {
    position: absolute;
    z-index: 5000 !important;
    background: #fff;
    padding: 20px !important;
}
.tt-desctop-menu li.megamenu > .dropdown-menu {
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
}
.tt-dropdown-obj .tt-dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 4000 !important;
}
.modal-backdrop { z-index: 1040 !important; }
.modal { z-index: 1050 !important; }
/* Hide search */
.tt-desctop-parent-search,
.tt-mobile-parent-search,
.tt-stuck-parent-search {
    display: none !important;
}
/* ========================================
   MEGA MENU - TEXT ONLY, WIDER COLUMNS
   ======================================== */
.tt-desctop-menu .submenu-img,
.tt-desctop-menu .submenu-img img,
.tt-desctop-menu h6.tt-title-submenu a:last-child {
    display: none !important;
}
.tt-desctop-menu h6.tt-title-submenu {
    display: block !important;
    padding: 4px 0 !important;
    margin: 0 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
}
.tt-desctop-menu .tt-col-list li.col-sm-4 {
    min-width: 180px !important;
    padding: 4px 15px !important;
}
.tt-desctop-menu .tt-megamenu-submenu ul li a {
    font-size: 13px !important;
    padding: 3px 0 !important;
    display: block !important;
    line-height: 1.5 !important;
    white-space: nowrap !important;
}

.tt-desctop-menu .tt-col-list [class^="col"] {
    margin-top: 0px !important;
}

/* ========================================
   SIDEBAR CATEGORIES - TEXT ONLY
   ======================================== */
.tt-menu-categories .submenu-img,
.tt-menu-categories .submenu-img img {
    display: none !important;
}
/* ========================================
   IMAGE SIZING FIX
   ======================================== */
.hero-banner-large img,
.hero-banner-small img,
.tt-brands-list img,
[class*="hero-banner"] img,
[class*="tt-brands"] img {
    max-width: 100% !important;
    height: auto !important;
    width: 100% !important;
}
.brand-item img {
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
}
/* ========================================
   BRAND IMAGE OVERLAY TEXT
   ======================================== */
.brand-item {
    position: relative !important;
    overflow: hidden !important;
}
.brand-overlay {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    background: rgba(0, 0, 0, 0.5) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
}
.brand-item:hover .brand-overlay {
    opacity: 1 !important;
}
.brand-overlay .brand-text {
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-align: center !important;
}