/*
Theme Name: MyDecor Child
Theme URI: http://yourwebsite.com
Description: Child Theme for MyDecor
Author: Your Name
Author URI: http://yourwebsite.com
Template: mydecor
Version: 1.0
*/

/*----------------------------------------
   IMPORT CSS מהתבנית ההורה
----------------------------------------*/
@import url("../mydecor/style.css");

/*----------------------------------------
   CUSTOM CSS CHILD THEME
----------------------------------------*/

/* דוגמאות לשינויים אישיים */

/* מובייל - מוצר אחד לשורה */
@media screen and (max-width: 768px) {
    /* מכולת המוצרים */
    #main-content .main-products div.products {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 15px !important; /* ריווח בין המוצרים */
    }

    /* כל מוצר */
    #main-content .main-products div.products section.product {
        flex: 0 0 100% !important; /* מוצר תופס את כל השורה */
        max-width: 100% !important;
        box-sizing: border-box;
    }

    /* אלמנטים פנימיים במוצר */
    #main-content .main-products div.products section.product .product-wrapper {
        width: 100% !important;
    }
}

/* כאן אפשר להוסיף עוד CSS מותאם אישית אם צריך */

/* לדוגמה, שינוי צבע כפתור "Add to cart" */
.woocommerce a.button.add_to_cart_button {
    background-color: #ff6600;
    color: #fff;
}

@media screen and (max-width: 768px) {
    #main-content .main-products div.products section.product .thumbnail-wrapper img {
        width: 100% !important;
        height: auto !important;
        object-fit: cover; /* או contain לפי הצורך */
    }
}