/*
Theme Name: Alukas Child
Theme URI: https://alukas.presslayouts.com/
Author: PressLayouts
Description: This is a child theme for Alukas
Version: 1.0
Author URI: https://www.presslayouts.com/
Template: alukas
Text Domain: pls-theme-child
*/

/*
For removing the sub-menu in mobile menu
*/
.pls-mobile-menu-header{
    margin-bottom: 0.7rem;
}

.mobile-nav-tabs{
    display: none;
}


/*
For updaing the menu color to client needed 
*/
.pls-mobile-menu{
    background: #9974a8;
}

.pls-mobile-menu-header{
    background: #fffaf9;
}

.mobile-nav-tabs li{
    color: #fffff0;
}

.mobile-nav-tabs li.active{
    color: #ffffff;
}

.pls-mobile-menu ul.mobile-main-menu li > a{
    color: #ffffff;
}

ul.mobile-main-menu li.menu-item-has-children > .menu-toggle:after{
    color: #ffffff;
}

.pls-mobile-menu-social > .pls-social.icons-default a{
    color: #ffffff;
}

/*
For updaing the stripe payment button position
*/
#wc-stripe-payment-request-button{
    margin-bottom: 15px;
}

/*
For updaing size selector on product page
*/
.pls-swatches .swatch.swatch-label.swatch-square, .products .pls-swatches .swatch.swatch-label.swatch-square{
    margin-bottom: 5px;
}

/*
For updaing back to top & whatsapp button
*/
.pls-back-to-top{
    right: 28px;
    bottom: 115px;
}

.wa__btn_popup{
    bottom: 40px !important;
}

.wa__popup_chat_box .wa__popup_heading .wa__popup_intro{
    color: #ffffff !important;
}

@media (max-width: 1024px) {
    .pls-mobile-bottom-navbar .pls-back-to-top, .pls-mobile-bottom-navbar-single-page .pls-back-to-top{
        bottom: 150px;
    }

    .wa__btn_popup{
        bottom: 80px !important;
    }
}

/*
Fix for the lang selector location
*/

.wpml-ls-sub-menu{
    width: fit-content !important;
}

.pls-mobile-menu-bottom div[class*="wpml-ls-legacy-dropdown"] .wpml-ls-sub-menu{
    left: 0px;
}

/*
Update the Shop Now button background color
*/
.products.product-style-3.grid-view .pls-product-inner:hover .pls-cart-button a{
    background-color: #9974A8;
}

.products.product-style-3.grid-view div.product .pls-product-info{
    background-color: #fffaf9;
}