/*
 Theme Name: Woostify Child
 Theme URI: https://woostify.com/
 Description: Woostify WordPress theme example child theme.
 Author: Woostify
 Author URI: https://woostify.com/
 Template: woostify
 Version: 1.0.0
*/

.product-gallery .thumbnail-item img{
width: 70px;
}
.variations_form .reset_variations {
    display: none !important;
}

.offcanvas {
  visibility: hidden;
  display: none;
}

.offcanvas.show {
  visibility: visible;
  display: block;
}
@media ( max-width: 1025px ) {
.woostify-sale-notification-box {
bottom: 80px !important;
}
}
@media ( max-width: 1025px ) {
.product-thumbnail-images .thumbnail-item img{
    height: 80px;
    object-fit: cover;
}
}
.elementor-element-9824f33 .widget-title{
display: none;
}
.elementor-element-9824f33 .w-product-filter-select-field{
color: #0f0f0f;
font-size: 12px;
border: none;
text-transform: uppercase;
padding-right: 3px;
}
.products .product .product-loop-action {
top: auto;
bottom: 0;
}
/* Final CSS to reduce excess margin below product titles on WooCommerce shop page in mobile view */

@media (max-width: 767px) {
    /* Targets the main product title element */
    .woocommerce-loop-product__title {
        margin-bottom: 5px !important; /* Adjust this value as needed. Start with 5px. */
        line-height: 1.2em !important; /* Keep this to ensure lines are close */
        /* font-size: 16px !important; */ /* Uncomment and adjust if font size is too small */
    }

    /* Additional rule for Elementor specific title links, if needed for extra override */
    .elementor-11203 .elementor-element.elementor-element-291cd8b .woocommerce-loop-product__title a {
        line-height: 1.2em !important; /* Ensures line height is also tight here */
    }

    /* Optional: To reduce space between product rows if needed */
    .woocommerce ul.products li.product {
        margin-bottom: 15px !important; /* Default value is 30px, reducing to 15px */
    }

    /* Optional: To adjust space above price, if title fix isn't enough */
    .woocommerce ul.products li.product .price {
        margin-top: 5px !important; /* Adjust if price is too close or far */
    }
}
/* FINAL CSS CODE */
.woocommerce ul.products li.product a.woocommerce-loop-product__link {
    text-align: left;
}

.shop-review-container {
    display: flex;
    align-items: center;
    margin-top: 5px;
}

.woocommerce ul.products li.product .star-rating {
    margin: 0;
}

.shop-product-review-count {
    margin-left: 8px;
}

.woocommerce ul.products li.product a.woocommerce-loop-product__link {
    text-align: left !important;
}

/* Review section ka main container */
.shop-review-container {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;      
    margin-top: 0px !important;  /* Price se thoda sa gap */
}

/* Review ka text "(1 review)" */
.shop-product-review-count {
    margin-right: -100px !important;
}

/* Stars ★★★★★ */
.woocommerce ul.products li.product .star-rating {
    margin: 0 !important; /* Extra space hatayein */
}

@media (max-width: 768px) {
    
    .shop-product-review-count,
    .woocommerce ul.products li.product .star-rating {
        font-size: 12px !important;
    }
}
/* -- ALTERNATIVE: Font size chhota karne ke liye -- */
@media (max-width: 768px) {
    .custom-sku {
        font-size: 10px; /* Font size aur chhota kar diya */
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}
.woostify-sale-notification-box {
    transform: translateY(0);
    opacity: 1;
}


/* Poppins 400 */
@font-face {
    font-family: 'Poppins';
    src: url('https://ranisatiyacreation.com/wp-content/woostify-local-fonts/poppins/pxiEyp8kv8JHgFVrJJnecmNE.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Poppins 500 */
@font-face {
    font-family: 'Poppins';
    src: url('https://ranisatiyacreation.com/wp-content/woostify-local-fonts/poppins/pxiEyp8kv8JHgFVrJJnecmNE.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* Poppins 700 */
@font-face {
    font-family: 'Poppins';
    src: url('https://ranisatiyacreation.com/wp-content/woostify-local-fonts/poppins/pxiEyp8kv8JHgFVrJJnecmNE.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

.content-top {
    display: none !important;
}

/* Sale notification ek sath smooth show/hide hoga */
.woostify-sale-notification-box {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out; /* smooth transition */
}

/* Jab active ho */
.woostify-sale-notification-box.show {
    opacity: 1;
    transform: translateY(0);
}

/* Image size fix aur clear */
.woostify-sale-notification-box img {
    width: 100px !important;
    height: 120px !important;
    object-fit: contain !important;
    flex-shrink: 0;
}

/* Text ka alignment */
.woostify-sale-notification-box .sale-notification-text {
    flex: 1;
    font-size: 14px;
    line-height: 1.4em;
}