/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 13 2026 | 21:07:54 */
.elementor-wc-products ul.products li.product .woocommerce-loop-product__title {
        word-break: break-word;
        letter-spacing: initial !important;
    }

/* Üldised parandused, et vältida horizontal scrolli */
.woocommerce ul.products,
ul.products,
.elementor-grid {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

.woocommerce ul.products li.product,
ul.products li.product,
.product {
    box-sizing: border-box !important;
    overflow: hidden !important;
}

/* Tagame, et pildid ei lähe üle */
.woocommerce ul.products li.product img,
.product img,
.woocommerce-LoopProduct-link img {
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* MOBIIL - 2 veergu (kuni 767px) */
@media (max-width: 767px) {
    /* Elementori grid override */
    .woocommerce ul.products.elementor-grid,
    .woocommerce ul.products,
    ul.products {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
        padding: 0 8px !important;
        width: 100% !important;
        max-width: 100vw !important;
    }
    
    /* Elementori columns-3 override mobiilile */
    .elementor-grid.columns-3,
    ul.products.columns-3 {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    
    .woocommerce ul.products li.product,
    ul.products li.product {
        width: 100% !important;
        margin: 0 !important;
        float: none !important;
        display: flex !important;
        flex-direction: column !important;
        min-width: 0 !important;
    }
    
    /* Vähendame fonte ja spacing'u mobiilis */
    .woocommerce ul.products li.product .woocommerce-loop-product__title,
    .product .woocommerce-loop-product__title,
    h2.woocommerce-loop-product__title {
        font-size: 1rem !important;
        line-height: 1.2 !important;
        margin: 5px 0 !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
    }
   
    
    .woocommerce ul.products li.product .button,
    .product .button,
    .single_add_to_cart_button {
        font-size: 1rem !important;
        padding: 6px 8px !important;
        white-space: nowrap !important;
    }
    
    
    /* Stock status */
    .stock {
        font-size: 1rem !important;
        margin: 3px 0 !important;
    }
}

/* TAHVEL - 3 veergu (768px - 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
    .woocommerce ul.products.elementor-grid,
    .woocommerce ul.products,
    ul.products {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 20px !important;
        padding: 0 12px !important;
        width: 100% !important;
        max-width: 100vw !important;
    }
    
    /* Elementori columns-3 jääb 3 veergu tahvlile */
    .elementor-grid.columns-3,
    ul.products.columns-3 {
        grid-template-columns: repeat(3, 1fr) !important;
    }
    
    .woocommerce ul.products li.product,
    ul.products li.product {
        width: 100% !important;
        margin: 0 !important;
        float: none !important;
        display: flex !important;
        flex-direction: column !important;
        min-width: 0 !important;
    }
    
    /* Tahvli fontide optimiseerimine */
    .woocommerce ul.products li.product .woocommerce-loop-product__title,
    .product .woocommerce-loop-product__title,
    h2.woocommerce-loop-product__title {
        font-size: 1rem !important;
        line-height: 1.3 !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
    }
    
    .woocommerce ul.products li.product .button,
    .product .button {
        font-size: 1rem !important;
        padding: 8px 12px !important;
    }
}

/* Elementor widget spetsiifilised parandused */
@media (max-width: 767px) {
    .elementor-widget-woocommerce-products .products,
    .elementor-widget-wc-archive-products .products {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-widget-woocommerce-products .products,
    .elementor-widget-wc-archive-products .products {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* Tagame, et container ei lähe viewportist välja */
body {
    overflow-x: clip !important;
    max-width: 100vw !important;
}

.site-content,
.content-area,
main {
    overflow-x: clip !important;
    max-width: 100vw !important;
}

/* Elementor sectionitel ja containeritel MITTE overflow hidden */
.elementor-section,
.elementor-container {
    max-width: 100vw !important;
    /* overflow-x eemaldatud! */
}

/* Kui vaja horizontal scrolli blokeerida, lisa ainult body-le */
html {
    overflow-x: clip !important;
}

/* Fiksime võimalikud margin/padding probleemid */
.woocommerce,
.woocommerce-page {
    overflow-x: clip !important;
    max-width: 100vw !important;
}

/* Täiendav kaitse horizontal scrolli vastu */
* {
    box-sizing: border-box;
}

img {
    max-width: 100%;
    height: auto;
}

/* Nav menüü wrapper peab olema visible */
.elementor-nav-menu__toggle,
.elementor-menu-toggle,
.elementor-nav-menu--dropdown {
    z-index: 9999 !important;
}

.elementor-nav-menu--dropdown.elementor-nav-menu__container {
    overflow: visible !important;
    max-height: none !important;
}

/* Wishlist ikooni parandus, et ei läheks üle */
.wlfmc-add-to-wishlist {
    max-width: 100% !important;
}

/* Lisa korvi vormi parandus */
form.cart {
    width: 100% !important;
    max-width: 100% !important;
}

/* Elementor inner container fix */
.e-con-inner,
.elementor-widget-wrap {
    max-width: 100% !important;
    overflow: hidden !important;
}

/* DESKTOP - 3 veergu (üle 1025px) */
@media (min-width: 1025px) {
    .woocommerce ul.products.elementor-grid,
    .woocommerce ul.products,
    ul.products {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 20px !important;
        padding: 0 12px !important;
        width: 100% !important;
        max-width: 100vw !important;
    }
    
    /* Elementori columns-3 override suurel ekraanil */
    .elementor-grid.columns-3,
    ul.products.columns-3 {
        grid-template-columns: repeat(3, 1fr) !important;
    }
    
    .woocommerce ul.products li.product,
    ul.products li.product {
        width: 100% !important;
        margin: 0 !important;
        float: none !important;
        display: flex !important;
        flex-direction: column !important;
        min-width: 0 !important;
    }
    
    .elementor-widget-woocommerce-products .products,
    .elementor-widget-wc-archive-products .products {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}