@media (min-width: 991px){
    #main_nav .nav-item.dropdown .dropdown-menu{
        right: 0px !important;
        left: auto !important;
        width: auto !important;
    }
}
.header-middle-search .search-content{
    border: 0px !important;
}


.af-elements.collapse {
    display: block !important;
}
.ajax-filter.modal .button-close{
    width: 3rem !important;
    height: 3rem !important;
}
.ajax-filter.modal {
        z-index: 100000 !important;
}

a:hover {
    color: #f9f9f9 !important;
}

.category-info .icon img{
    width: auto !important;
    filter: brightness(1) invert(0) !important;
    /*border-radius: 50px !important;*/
    overflow: hidden !important;
    border: 4px solid var(--body-text-color);
}
.category-info .icon {
    width: 135px;
    height: 135px;
}
.liveToast .toast-header{
    background-color: var(--body-text-color);
    color: white;
}
.liveToast .toast-body{
    background-color: var(--color-gray);
}



.product-action-wrap{
    color: var(--color-gray) !important;
}


#form-language{
    color: var(--theme-bg-light2);
}
.language-switcher{
    color: var(--theme-bg-light2);

}

#main_nav .nav-link{
    color: var(--theme-bg-light);
}
.search-input{
    border-radius: 5px 0 0 5px !important;
}
.search-input-btn{
     border-radius: 0 5px 5px 0 !important;
 }

.shop-sort-box .nice-select{
    border: solid 2px;
}



















    /* Default styling for both hidden-on-mobile and hidden-on-desktop
.hidden-on-mobile {
    display: block;
}

.hidden-on-desktop {
    display: none;
}
*/
#search-hide .hidden-on-desktop{
    display: none !important;
}

#main_nav2{
    margin: 20px 0px;
}

/* Media query for screens under 991px (hide desktop, show mobile) */
@media (max-width: 991px) {
    .hidden-on-mobile {
        display: none;
    }

    .hidden-on-desktop {
        display: block;
    }
    #search-hide .hidden-on-desktop{
        display: none !important;
    }
    .navbar-collapse{
        max-height: 320px;
    }

}

/* Media query for screens 991px and above (hide mobile, show desktop) */
@media (min-width: 992px) {
    .hidden-on-mobile {
        display: block;
    }

    td.hidden-on-mobile{
        display: revert !important;
    }

    .hidden-on-desktop {
        display: none;
    }
    #search-hide .hidden-on-desktop{
        display: none !important;
    }
    #main_nav2{
        display: none !important;
    }
}

@media (max-width: 400px) {
    
    .ajax-filter.fade:not(.show) {
     opacity: 100 !important; 
}

    
    .navbar.fixed-top .category-all{
         margin-left: 1px !important;
    }
}

.category-btn2{
    border: none;
    background: var(--theme-bg-light);
    color: var(--color-dark);
    padding: 10px 20px;
    border-radius: 10px;
    font-weight: 500;
}

.category-btn2 i{
    font-size: 17px;
    color: var(--theme-color);
}

.category-btn2 span{
    margin-left: 7px;
}

.navbar.fixed-top .category-btn2{
    padding: 6px 14px;
    border-radius: 7px;
}

.navbar.fixed-top .category-btn2 span{
    display: none;
    margin-left: 0px;
}
@media all and (min-width: 992px) and (max-width: 1199px){

    .navbar.fixed-top .category-btn2{
        padding: 5px 14px;
    }
}
@media all and (max-width: 991px){
    .category-all{
        flex-grow: 1;
    }

    .category-all .category-btn2{
        padding: 12px 12px;
    }

}



.product-cart-btn {
    width: auto !important;
    border-radius: 5% !important;
}

.site-breadcrumb{
    padding-bottom: 1% !important;
    padding-top: 1% !important;
}


:root {
    --color-blue: #7c1621;
    --color-blue-border-color: #7c1621;
    --color-blue-hover-bg: #9f1d2c;
    --color-blue-hover-border: #6c141d;
    --color-blue-active-bg: #651c24;
    --color-blue-active-border: #331014;
    --color-blue-disabled-bg: #5d181f;
    --color-blue-disabled-border: #331014;
}
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--color-blue);
    --bs-btn-border-color: var(--color-blue-border-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--color-blue-hover-bg);
    --bs-btn-hover-border-color: var(--color-blue-hover-border);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--color-blue-active-bg);
    --bs-btn-active-border-color: var(--color-blue-active-border);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--color-blue-disabled-bg);
    --bs-btn-disabled-border-color: var(--color-blue-disabled-border);
}