/*
Theme Name: Maia Child
Theme URI: https://el3.thembaydev.com/maia/
Author: Thembay
Description: This is a child theme for Maia
Version: 1.0
Author URI: https://thembay.com/
Template: maia
Text Domain: maia-child
*/

/*  [ Add your custom css below ]
- - - - - - - - - - - - - - - - - - - - */

.open .category-inside-content{min-width: 340px;}
.show-all{background: #ddfffd; color: #364e50;}
.show-all:hover{background: #8cc2bf; color: #fff;}.wpforms-container input.wpforms-field-medium, .wpforms-container select.wpforms-field-medium, .wpforms-container .wpforms-field-row.wpforms-field-medium, .wp-core-ui div.wpforms-container input.wpforms-field-medium, .wp-core-ui div.wpforms-container select.wpforms-field-medium, .wp-core-ui div.wpforms-container .wpforms-field-row.wpforms-field-medium{max-width: 100% !important}

.woof_products_top_panel{background: #FAFAFA;margin: 0 0 20px 0;padding: 10px;border-radius: 0;}
.woof_products_top_panel .woof_products_top_panel_ul{display: flex; flex-wrap: wrap; align-content: center; align-items: center;}
.woof_products_top_panel button{
    display: inline-block;
    text-align: center;
    cursor: pointer;
    background-color: var(--tb-theme-color);
    -moz-transition: all .2s linear;-webkit-transition: all .2s linear;
    border: 0;
    padding: 0 20px;
    font-weight: 400;
    line-height: 40px;
    font-size: 15px;
    letter-spacing: .15em;
    text-transform: uppercase;
    
    color: #fff;
    
}
.woof_products_top_panel button:hover{background: #8cc2bf}
.woof_products_top_panel li span, 
.woof_products_top_panel2 li span{background-image:url(https://godadiwala.com/wp-content/uploads/2024/07/close-svgrepo-com-1.svg); background-size: 9px !important; padding-right: 20px; background-position: right 7px;}

.woo-variation-swatches .variable-items-wrapper  .variable-item-contents{border-radius: 50%; font-size: 0}
.woo-variation-swatches .variable-items-wrapper .button-variable-item-black .variable-item-contents{background: #000}
.woo-variation-swatches .variable-items-wrapper .button-variable-item-brown .variable-item-contents{background:brown}
.woo-variation-swatches .variable-items-wrapper .button-variable-item-pink .variable-item-contents{background:pink}
.woo-variation-swatches .variable-items-wrapper .button-variable-item-blue .variable-item-contents{background:blue}
.woo-variation-swatches .variable-items-wrapper .button-variable-item-yellow .variable-item-contents{background:yellow}

.woocommerce div.product #woocommerce-tabs ul{margin: 0; padding: 0; list-style: none}
.woocommerce div.product #woocommerce-tabs li{margin: 0; padding: 0; list-style: none}
.sidebar#sidebar-shop>.widget.WOOF_Widget ul li{margin-bottom:15px !important}
.sidebar>.widget ul li .woof_radio_label{ line-height: 1.2;    align-items: flex-start;}
.widget .woof_redraw_zone ul li a.woof_childs_list_opener{ position: absolute; right: 0; top: 0;}
.woof_childs_list_opener span:before{position: relative;font-size: 11px;padding: 2px 0 0 1px;}
.woof_childs_list_opener span.woof_is_closed,
.woof_childs_list_opener span.woof_is_opened{
    background: #f1f1f1 !important;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;color: #000 !important
}
.woof_childs_list_opener span.woof_is_closed:hover{background: #d3d3d3   !important; color: #000 !important}

.woof_childs_list_opener span.woof_is_opened{background: #d3d3d3   !important; color: #000 !important}
.woof_childs_list label:before{margin-right: 10px !important}
.sidebar#sidebar-shop>.widget.WOOF_Widget ul.woof_childs_list li{margin-bottom: 10px !important}
.sidebar#sidebar-shop>.widget.WOOF_Widget ul.woof_childs_list li label{font-size: 16px !important}
ul.woof_list .woof_childs_list {
    margin: 10px 0 20px 15px !important;
}

.top-single-product{display: flex; flex-wrap: wrap;}
.top-single-product .product_title.entry-title{order: 1;}
.top-single-product .price{order:2; padding-top: 5px}
.top-single-product .woocommerce-product-rating{order: 3; padding-top: 0 !important}

.single-product .product.v1 .caption,
.post-type-archive-product .product.v1 .caption{ display: flex; flex-direction: column; flex-wrap: wrap;}
.single-product .product.v1 .caption .price,
.post-type-archive-product .product.v1 .caption .price{width: 100%;order: 2; margin-bottom:5px}
.single-product .product.v1 .caption .name,
.post-type-archive-product .product.v1 .caption .name {width: 100%;order: 1;}
.single-product .product.v1 .caption .group-content ,
.post-type-archive-product .product.v1 .caption .group-content {width: 100%;order: 3;}

@media only screen and (max-width:767px){
	.single-product .information .price{padding-top:0; margin-bottom:0 !important}	
}

/* Default styles for larger screens */
.review-wrapper.col-12.col-lg-6.col-xl-6.is-coupons {
    width: 40%;
}

form.checkout.woocommerce-checkout.row {
    gap: 143px;
}

/* Mobile view (up to 480px) */
@media only screen and (max-width: 480px) {
    .review-wrapper.col-12.col-lg-6.col-xl-6.is-coupons {
        width: 100%;  /* Full width on mobile */
    }

    form.checkout.woocommerce-checkout.row {
        gap: 20px;  /* Reduced gap for mobile view */
    }
}

/* Tablet view (up to 768px) */
@media only screen and (max-width: 920px) {
    .review-wrapper.col-12.col-lg-6.col-xl-6.is-coupons {
        width: 100%;  /* 50% width for tablet */
    }

    form.checkout.woocommerce-checkout.row {
        gap: 30px;  /* Reduced gap for tablet view */
    }
}



.input-default, .post-password-form input[type=password], .woocommerce .input-text{
	border:1px solid #000 !important;
border-radius:5px;
background:transparent !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 24px;
    background: white;
    border: 1px solid;
    border-radius: 5px;
}
