/*
Theme Name: Themify Shoppe Child
Description: A child theme of Themify Shoppe
Template: themify-shoppe
Author: ComputerControls (marketing@ccontrols.ch)
*/

/* Woohoo! Let's customize! */
.module .sp-slide {
  width: 1150px !important;
  height: 385px !important;
	}
.module-tile .tile-title {
    font-size: 2.4em;
    font-weight: 800;
    line-height: 1.3em;
    margin: 0 0 .3em;
    padding: 0;
    position: relative;
    text-transform: none;
    z-index: 10;
}
img:is(.alignleft,.aligncenter,.alignright,.alignnone) {
    margin-bottom: 0em;
}
.woocommerce ul.products li.product .product-image,
.woocommerce ul.products li.product .post-image {
  height: 280px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.woocommerce ul.products li.product .product-image img,
.woocommerce ul.products li.product .post-image img {
  max-height: 280px;
  width: auto;
  object-fit: contain;
}

.product-tag-link {
    font-size: 0;
}

.product-tag-link a {
    font-size: 15px;
}
.woocommerce ul.products li.product .add-to-cart-button {
    margin-top: 20px;
}
/* Cross-sells product card ke andar se lambi description ko bilkul hide karne ke liye */
.custom-cross-sells-wrapper .products .product p,
.custom-cross-sells-wrapper .products .product .description,
.custom-cross-sells-wrapper .products .product .woocommerce-loop-product__title + p,
.custom-cross-sells-wrapper .products .product [class*="description"] {
    display: none !important;
}


.fibofilters-offcanvas {
    max-width: 496px;
}

.fibofilters-offcanvas-btn {
    background-color: #161616;
    font-size: 15px;
    padding: 10px 20px;
    text-align: left;
    width: auto;
}
@media screen and (max-width: 767px) {
	.fibofilters-offcanvas-btn {
    background-color: #161616;
    font-size: 15px;
    padding: 10px 20px;
    text-align: center;
    width: 100%;
}
}
@media screen and (max-width: 450px) {
	
	.fibofilters-mobile-overlay *, .fibofilters-mobile-overlay :after, .fibofilters-mobile-overlay :before {
    box-sizing: border-box;
}
.fibofilters-clear-filter-btn {
    max-height: 33px;
    max-width: 33px;
    min-height: 33px;
    min-width: 33px;
	
	}
		.fibofilters-clear-filter-btn {
    padding: 7px 6px 7px 6px;
}
		.woocommerce .fibofilters-input__wrapper input[type=number].fibofilters-input__element, .woocommerce .fibofilters-input__wrapper input[type=search].fibofilters-input__element, :root .fibofilters-input__wrapper input[type=number].fibofilters-input__element, :root .fibofilters-input__wrapper input[type=search].fibofilters-input__element {
        margin: 0px !important;
        width: 100% !important;
    }
	.woocommerce .fibofilters-input__wrapper, :root .fibofilters-input__wrapper {
    width: 50%;
}
    .fibofilters-mobile-filters-container {
        min-height: 66px;
        display: flex !important;
    }
}

@media screen and (min-width: 767px) {
	.fibofilters-clear-filter-btn {
    padding: 7px 6px 7px 6px;
}
	
	.fibofilters-range__slider-wrapper {
    width: auto !important;
}
	.woocommerce .fibofilters-input__wrapper input[type=number].fibofilters-input__element, .woocommerce .fibofilters-input__wrapper input[type=search].fibofilters-input__element, :root .fibofilters-input__wrapper input[type=number].fibofilters-input__element, :root .fibofilters-input__wrapper input[type=search].fibofilters-input__element {
        margin: 0px !important;
        width: 97% !important;
    }
	.woocommerce .fibofilters-input__wrapper, :root .fibofilters-input__wrapper {
    width: 100%;
}
	.fibofilters-range__inputs-wrapper {
    justify-content: space-between !important;
}
}
/* --- THEMITFY & FIBOFILTERS RESPONSIVE GAP FIX --- */

/* 1. Main container ko inline se block banana taake products ko niche push kare */
.fibofilters-applied-filters-container,
.fibofilters-applied-filters,
[class*="applied-filters"] {
    display: block !important;
    width: 100% !important;
    clear: both !important;
    float: none !important;
    margin-top: 15px !important;
    margin-bottom: 25px !important; /* Taake products se faasla rahe */
    padding: 5px 0 !important;
    position: relative !important;
    z-index: 10 !important; /* Taake chips hamesha product images ke upar rahein */
}

/* 2. Individual chips ko flex inline alignment dena */
.fibofilters-applied-filter,
.fibofilters-chip {
    display: inline-flex !important;
    align-items: center !important;
    margin-right: 8px !important;
    margin-bottom: 10px !important; /* Mobile par jab wrap hon to ek dusre par na charhein */
    vertical-align: top !important;
}

/* 4. MOBILE SPECIAL: Jab screen choti ho to pricing aur bohot saare filters wrap ho kar clean lagien */
@media screen and (max-width: 768px) {
    .fibofilters-applied-filters-container {
        margin-bottom: 35px !important; /* Mobile par zyada spacing */
    }
    
    .fibofilters-applied-filter,
    .fibofilters-chip {
        padding: 6px 10px !important;
        font-size: 12px !important;
    }
}
.loops-wrapper.products.wc-products .product p {
    line-height: 1.4;
    color: #333333;
}