/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/* ============================================
   קטלוג מוצרים - Product Archives
   ============================================ */

/* קישורי מוצר וגבולות מעוגלים */
.woocommerce-LoopProduct-link {
    border-radius: 15px;
    display: block;
    position: relative;
}

/* תמונות מוצר ראשיות */
.woocommerce-LoopProduct-link > img:first-child,
.woocommerce-LoopProduct-link .attachment-woocommerce_thumbnail {
    max-height: 300px;
    border-radius: 15px !important;
    object-fit: cover !important;
    width: 100%;
}

/* תמונת ההובר */
.show-on-hover {
    object-fit: cover !important;
    max-height: 300px;
    border-radius: 15px !important;
}

/* כותרות מוצרים - גובה אחיד */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    height: 3.6em !important;
    min-height: 3.6em !important;
    max-height: 3.6em !important;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2em;
    box-sizing: border-box;
}

/* ============================================
   לוגו מותג - Brand Logo
   ============================================ */

/* מיקום וגודל אחיד ללוגואים */
.woocommerce ul.products li.product {
    position: relative;
}

.product-brand-logo {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 70px;
    height: 50px;
    z-index: 10;
    background: rgba(255, 255, 255, 0.95);
    padding: 5px;
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.product-brand-logo img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
}

/* הסתרת לוגואים שבורים */
.product-brand-logo img[src=""],
.product-brand-logo img:not([src]) {
    display: none;
}

/* ============================================
   תגיות הנחה - Sale Badges (עמוד מוצר בודד)
   ============================================ */

/* תיקון מיקום תגית הנחה בעמוד מוצר בודד */
.single-product .woocommerce-product-gallery .onsale.circle {
    position: absolute !important;
    top: 60px !important; /* מתחת לכפתור זום */
    left: 15px !important; /* שמאל למעלה */
    z-index: 2 !important; /* נמוך - מתחת לכותרת */
    right: auto !important; /* מבטל מיקום ימין */
    margin: 0 !important;
}

/* לוגו מותג בעמוד מוצר בודד - וידוא מיקום נכון */
.single-product .single-product-brand-wrapper {
    position: absolute !important;
    top: 15px !important;
    right: 15px !important;
    z-index: 3 !important; /* מעל תגית הנחה אבל מתחת לכותרת */
    left: auto !important; /* מבטל מיקום שמאל */
}

/* כפתור זום בעמוד מוצר בודד */
.single-product .woocommerce-product-gallery .woocommerce-product-gallery__trigger,
.single-product .woocommerce-product-gallery .zoom {
    position: absolute !important;
    top: 15px !important;
    left: 15px !important;
    z-index: 4 !important;
    right: auto !important;
}

/* ============================================
   כפתורי קטלוג - Catalog Buttons
   ============================================ */

/* מבטל את הכיתוב המקורי של הכפתור בדף הקטלוג */
.woocommerce ul.products li.product a.button.add_to_cart_button {
    font-size: 0;
    line-height: 0;
    padding-top: 15px;
    padding-bottom: 15px;
}

/* מוסיף את הכיתוב החדש "לפרטים ורכישה" */
.woocommerce ul.products li.product a.button.add_to_cart_button:before {
    content: "לפרטים ורכישה";
    font-size: 14px;
    line-height: 1;
    text-transform: uppercase;
}

/* ============================================
   עמוד מוצר בודד - Single Product
   ============================================ */

/* גלריית תמונות במוצר בודד */
.woocommerce-product-gallery img {
    border-radius: 10px !important;
}

/* כפתורי וריאציות */
.cfvsw-swatches-option {
    border-radius: 10px !important;
}

/* לינק איפוס וריאציות */
.reset_variations {
    font-size: 12px !important;
}


/* ============================================
   WAPF - תוספים למוצר
   ============================================ */

/* תמיכה במובייל לשדות WAPF */
.wapf-field-container {
    width: 100% !important;
}

/* עיצוב אזור מחירים */
.wapf-product-totals .wapf--inner>div:last-child {
    display: flex !important;
    align-content: center !important;
    flex-wrap: wrap !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px;
}

/* יישור עמודות */
.wapf-two-columns {
    align-items: end !important; 
}

/* הסתרת סכומי משלוח */
.woocommerce-shipping-totals {
    display: none;
}

/* ============================================
   רספונסיבי - Responsive Design
   ============================================ */

/* מסכים גדולים */
@media only screen and (min-device-width: 600px) {
    .ast-sticky-row {
        padding-top: 100px !important;
    }
}

/* מובייל - עד 768px */
@media (max-width: 768px) {
    /* לוגו מותג במובייל */
    .product-brand-logo {
        width: 50px;
        height: 40px;
        top: 5px;
        right: 5px;
        padding: 3px;
    }
    
    /* WAPF במובייל */
    .wapf-two-columns {
        align-items: flex-start !important;
    }
    
    /* תגית הנחה במובייל - עמוד מוצר בודד */
    .single-product .woocommerce-product-gallery .onsale.circle {
        top: 50px !important;
        left: 10px !important;
        z-index: 2 !important;
    }
    
    /* לוגו מותג במובייל - עמוד מוצר בודד */
    .single-product .single-product-brand-wrapper {
        top: 10px !important;
        right: 10px !important;
        z-index: 3 !important;
    }
    
    /* כפתור זום במובייל - עמוד מוצר בודד */
    .single-product .woocommerce-product-gallery .woocommerce-product-gallery__trigger,
    .single-product .woocommerce-product-gallery .zoom {
        top: 10px !important;
        left: 10px !important;
        z-index: 4 !important;
    }
}
