/* =====================================================
   ISRAELAH — MAIN STYLESHEET (מאוחד)
   גרסה:   3.0.0
   תאריך:  2026-06-14
   נטען:   בכל האתר
   כולל:   כרטיסי מוצר, Wishlist, My Account, באדג'ים,
           תיקוני גלריה, באנרי קטגוריות עגולים
   ===================================================== */


/* =====================================================
   1. כרטיס מוצר — Loop / Archive
   ===================================================== */

.rs-product-card {
    background      : #ffffff;
    border-radius   : 22px;
    padding         : 18px;
    border          : 1px solid #ececec;
    box-shadow      : 0 4px 18px rgba(0,0,0,0.06);
    transition      : all 0.3s ease;
    overflow        : hidden;
    direction       : rtl;
    height          : 100%;
    display         : flex;
    flex-direction  : column;
    justify-content : space-between;
}

.rs-product-card:hover {
    transform   : translateY(-6px);
    box-shadow  : 0 14px 34px rgba(0,0,0,0.12);
    border-color: #d9d9d9;
}

.rs-product-card .elementor-widget-featured-image {
    min-height : 190px;
    display    : flex;
    align-items: center;
    justify-content: center;
}

.rs-product-card .elementor-widget-featured-image img {
    max-height : 170px;
    width      : auto;
    object-fit : contain;
}


/* =====================================================
   2. תמונת מוצר
   ===================================================== */

.rs-product-image {
    position      : relative;
    overflow      : hidden;
    border-radius : 18px;
    background    : #f7f7f7;
    padding       : 18px;
    margin-bottom : 14px;
}

.rs-product-image img {
    width        : 100%;
    aspect-ratio : 1 / 1;
    object-fit   : contain;
    transition   : transform 0.4s ease;
}

.rs-product-card:hover .rs-product-image img {
    transform: scale(1.05);
}


/* =====================================================
   3. כותרת מוצר
   ===================================================== */

.rs-product-title {
    font-size     : 18px;
    font-weight   : 700;
    line-height   : 1.4;
    color         : #111827;
    margin-top    : 16px;
    margin-bottom : 8px;
    min-height    : 55px;
    text-align    : right;
}

.rs-product-title,
.rs-product-title a {
    text-decoration: none !important;
}


/* =====================================================
   4. מחיר
   ===================================================== */

.rs-product-price {
    font-size     : 24px;
    font-weight   : 800;
    color         : #111827;
    margin-top    : 10px;
    margin-bottom : 16px;
    text-align    : right;
    min-height    : 55px;
    display       : flex;
    flex-direction: column;
    justify-content: center;
}

.rs-product-price del,
.rs-product-price ins {
    display     : block;
    line-height : 1.2;
}


/* =====================================================
   5. כפתור הוספה לסל
   ===================================================== */

.rs-product-button {
    margin-top: auto;
}

.rs-product-button a,
.rs-product-button button,
.rs-product-button .button {
    width         : 100%;
    background    : #5E687A !important;
    color         : #fff !important;
    border-radius : 30px !important;
    padding       : 12px 18px !important;
    font-size     : 15px !important;
    font-weight   : 700 !important;
    border        : none !important;
    transition    : 0.3s ease;
    display       : block;
    text-align    : center;
    text-decoration: none !important;
}

.rs-product-button a:hover,
.rs-product-button button:hover,
.rs-product-button .button:hover {
    transform: translateY(-2px);
}


/* =====================================================
   6. תג מבצע (Sale Badge)
   צבע נוכחי: #111827 (שחור). לצהוב: שנה ל-#d4b000
   ===================================================== */

.onsale {
    top           : 14px !important;
    right         : 14px !important;
    left          : auto !important;
    background    : #111827 !important;
    color         : white !important;
    border-radius : 12px !important;
    font-size     : 13px !important;
    font-weight   : 700 !important;
    padding       : 6px 10px !important;
}


/* =====================================================
   7. Wishlist — TI WooCommerce Wishlist
   ===================================================== */

.tinvwl-table-manage-list {
    direction     : rtl;
    text-align    : right;
    border-radius : 18px;
    overflow      : hidden;
    background    : #ffffff;
    box-shadow    : 0 4px 20px rgba(0,0,0,0.06);
}

.tinvwl-table-manage-list th,
.tinvwl-table-manage-list td {
    text-align : right !important;
    padding    : 18px !important;
}

.tinvwl-table-manage-list th {
    background  : #f7f7f7;
    font-weight : 700;
}

.tinvwl-button-alt,
.tinvwl_add_to_cart_button,
.tinvwl-table-manage-list .button {
    background    : #5b6472 !important;
    color         : white !important;
    border-radius : 12px !important;
    padding       : 12px 18px !important;
    border        : none !important;
}

.tinvwl-button-alt:hover,
.tinvwl_add_to_cart_button:hover,
.tinvwl-table-manage-list .button:hover {
    background: #111827 !important;
}

.tinvwl-share {
    display: none !important;
}


/* =====================================================
   8. My Account — מבנה כללי
   ===================================================== */

.woocommerce-account .woocommerce-MyAccount-content > p {
    display: none !important;
}

.woocommerce-account .woocommerce-MyAccount-content {
    width  : 100% !important;
    float  : none !important;
    margin : 0 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    display: none !important;
}

.woocommerce-account .woocommerce {
    display: block !important;
}

.page-header {
    display: none !important;
}


/* =====================================================
   9. My Account — טבלת הזמנות
   ===================================================== */

.woocommerce-account .woocommerce-MyAccount-content table,
.woocommerce-account .woocommerce-orders-table {
    width            : 100% !important;
    min-width        : 100% !important;
    direction        : rtl;
    background       : #ffffff;
    border           : 1px solid #e5e7eb;
    border-radius    : 18px;
    overflow         : hidden;
    border-collapse  : separate !important;
    border-spacing   : 0;
    box-shadow       : 0 6px 22px rgba(0,0,0,0.06);
}

.woocommerce-account .woocommerce-orders-table th {
    background    : #f7f7f7;
    color         : #111827;
    font-weight   : 800;
    padding       : 18px !important;
    text-align    : right !important;
    border-bottom : 1px solid #e5e7eb;
}

.woocommerce-account .woocommerce-orders-table td {
    padding       : 18px !important;
    text-align    : right !important;
    color         : #111827;
    border-bottom : 1px solid #eeeeee;
}

.woocommerce-account .woocommerce-orders-table tr:last-child td {
    border-bottom: none;
}

.woocommerce-account .woocommerce-orders-table tr:hover td {
    background : #f8fafc;
    transition : all 0.2s ease;
}

.woocommerce-account .woocommerce-orders-table a {
    font-weight     : 700;
    color           : #111827;
    text-decoration : none !important;
}

.woocommerce-account .woocommerce-orders-table a:hover {
    color: #5b6472;
}

.woocommerce-account .woocommerce-orders-table .button {
    background    : #111827 !important;
    color         : white !important;
    border        : none !important;
    border-radius : 14px !important;
    padding       : 12px 22px !important;
    font-weight   : 700 !important;
    box-shadow    : 0 4px 12px rgba(0,0,0,0.12);
    transition    : all 0.25s ease;
}

.woocommerce-account .woocommerce-orders-table .button:hover {
    background: #374151 !important;
    transform : translateY(-2px);
}


/* =====================================================
   10. באדג'ים בעמוד מוצר
   (הובלה חינם, חדש באתר וכו')
   ===================================================== */

.raynor-badges-row {
    display         : flex;
    flex-direction  : row;
    flex-wrap       : nowrap;
    justify-content : center;
    align-items     : center;
    gap             : 8px;
    margin-bottom   : 12px;
}

.raynor-badges-row > * {
    width : auto;
    flex  : 0 0 auto;
}

.raynor-badge {
    width      : 120px;
    height     : auto;
    display    : block;
    transition : all 0.3s ease;
}

.raynor-badge:hover {
    transform: scale(1.08);
}


/* =====================================================
   11. גלריית מוצר — תיקוני Elementor
   ===================================================== */

/*
   ⚠️ אזהרה — תלות ב-Elementor Element IDs:
   ה-IDs (a2ed55d, 479bd6f) נוצרו אוטומטית ב-Elementor.
   אם תמחק/תיצור מחדש את האלמנטים — ה-ID ישתנה.
   לבדיקה: פתח את האלמנט ב-Elementor → Advanced → CSS ID
*/


/* =====================================================
   12. באנרי קטגוריות עגולים
   (דף הבית — Grid Desktop, Carousel Mobile)
   שימוש: הוסף את ה-class ל-CSS Classes ב-Elementor
   ===================================================== */

.raynor-category-circle {
    display       : block;
    width         : 150px;
    height        : 150px;
    border-radius : 50%;
    overflow      : hidden;
    background    : #f7f7f7;
    margin        : 0 auto 12px;
    transition    : all 0.3s ease;
    border        : 1px solid #ececec;
}

.raynor-category-circle img {
    width      : 100%;
    height     : 100%;
    object-fit : cover;
    display    : block;
}

.raynor-category-circle:hover {
    transform : translateY(-4px);
    box-shadow: 0 10px 24px rgba(0,0,0,0.10);
}

.raynor-category-circle-label {
    text-align     : center;
    font-size      : 15px;
    font-weight    : 700;
    color          : #111827;
    text-decoration: none !important;
    display        : block;
    margin-top     : 4px;
}


/* =====================================================
   13. Mobile — כל הרספונסיביות במקום אחד
   ===================================================== */

@media (max-width: 767px) {

    /* כרטיס מוצר */
    .rs-product-card {
        padding       : 12px;
        border-radius : 16px;
    }

    .rs-product-title {
        font-size  : 15px;
        min-height : auto;
    }

    .rs-product-price {
        font-size: 19px;
    }

    .rs-product-button a,
    .rs-product-button button,
    .rs-product-button .button {
        padding   : 12px !important;
        font-size : 14px !important;
    }

    /* טבלת הזמנות */
    .woocommerce-account .woocommerce-orders-table td,
    .woocommerce-account .woocommerce-orders-table th {
        padding: 12px !important;
    }

    .woocommerce-account .woocommerce-orders-table .button {
        width: 100%;
    }

    /* באדג'ים */
    .raynor-badges-row {
        gap           : 8px;
        margin-bottom : 12px;
    }

    .raynor-badge {
        width: 85px;
    }

    /* גלריית מוצר */
    .woocommerce-product-gallery {
        display   : block !important;
        width     : 100% !important;
        max-width : 100% !important;
        margin-bottom: 15px !important;
    }

    .woocommerce-product-gallery img {
        max-width : 100% !important;
        height    : auto !important;
    }

    .woocommerce div.product div.images,
    .woocommerce-page div.product div.images {
        float  : none !important;
        width  : 100% !important;
        margin : 0 auto 15px !important;
    }

    .elementor-element-a2ed55d {
        order: 1 !important;
    }

    .elementor-element-479bd6f {
        order: 2 !important;
    }

    /* באנרי קטגוריות עגולים */
    .raynor-category-circle {
        width  : 90px;
        height : 90px;
        margin-bottom: 8px;
    }

    .raynor-category-circle-label {
        font-size: 12px;
    }

} /* === סוף @media — סגירה אחת ויחידה === */