.elementor-12 .elementor-element.elementor-element-2b12edaf{--display:flex;border-style:none;--border-style:none;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-2e104a11{width:100%;max-width:100%;columns:1;text-align:start;font-family:"Rubik", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-2e104a11 a{color:var( --e-global-color-primary );}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(min-width:768px){.elementor-12 .elementor-element.elementor-element-2b12edaf{--content-width:80%;}}@media(max-width:767px){.elementor-12 .elementor-element.elementor-element-2b12edaf{--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-12 .elementor-element.elementor-element-2e104a11{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}}/* Start custom CSS for text-editor, class: .elementor-element-2e104a11 *//* מיקוד חזק ואיפוס גובה הכפתור ושינוי צבעים */
.woocommerce-cart .cart_totals .checkout-button {
    /* 1. הגדרות רוחב ומרכוז (השינויים שלך) */
    max-width: 150px !important;  /* רוחב הכפתור */
    width: 100% !important;
    display: block !important;
   
    margin-right: auto !important;

    /* 2. **צבע רקע חום כהה** */
    background-color: #533E33 !important; /* דוגמה לגוון חום כהה. ניתן לשנות את הקוד HEX */
    
    /* 3. **צבע פונט לבן** */
    color: #ffffff !important; /* לבן טהור */
   /* 4. הסרת המסגרת הקיימת (השחורה) */
    border: none !important;
        /* 5. הגדרות הטקסט והריפוד שלך (שומרים על האיזון שהשגת) */
    font-size: 18px !important;
    line-height: 0.6 !important;
    height: auto !important;
    padding: 3px 20px 15px 20px !important; /* ה-Padding שפותר את היישור האנכי */
}
/* הקטנת גודל הפונט של הכותרת "סה"כ בסל הקניות" */
.cart_totals h2 {
    font-size: 22px !important; /* שנה את 20px לגודל הרצוי (לדוגמה: 18px, 22px) */
}
/* הסרה ויזואלית מלאה של טור "כמות" בטבלת סל הקניות */

/* הסתרת כותרת הטור (שורת הכותרות) */
.shop_table.cart th.product-quantity {
    display: none !important;
}

/* הסתרת כל השדות והמספרים של הכמות (שורת הנתונים) */
.shop_table.cart td.product-quantity {
    display: none !important;
}
/* הסתרת כפתור "עדכן סל קניות" */
.actions .button[name="update_cart"] {
    display: none !important;
}
/* ---------------------------------------------------- */
/* הסתרת אפשרויות בחירת המשלוח בסל הקניות */
/* ---------------------------------------------------- */

.woocommerce-cart .shipping .woocommerce-shipping-methods,
.woocommerce-cart .shipping .shipping-method-form {
    display: none !important;
}

/* ---------------------------------------------------- */
/* יישור סופי של ההודעה הכללית בסל הקניות */
/* ---------------------------------------------------- */

.woocommerce-cart .shipping td {
    display: block !important;
    text-align: right !important; /* מיישר את ההודעה לימין */
}

/* מכוון לכותרת "משלוח" כדי שתהיה בולטת */
.woocommerce-cart .shipping th {
    font-weight: bold !important;
    text-align: right !important; 
    padding-bottom: 5px !important;
}
/* החזרת טקסט לכפתור חזרה לחנות – יישור אנכי מושלם + צבעים */
.woocommerce .return-to-shop .button.wc-backward {
    padding-top: 0px !important;
    padding-bottom: 15px !important;
    padding-left: 22px !important;
    padding-right: 22px !important;

    background-color: #533E33 !important; /* חום כהה */
    color: #ffffff !important; /* טקסט לבן */

    border: none !important; /* אם יש מסגרת מיותרת */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b12edaf *//* 1. הגדרת רוחב מקסימלי יחסי לתא התמונה (מבטל display:block המיותר) */
td.product-thumbnail {
    /* נותן לתא מספיק מקום, אך לא מכריח אותו לרוחב קבוע */
    width: 20% !important; 
    max-width: 200px !important; /* רוחב מקסימלי הגיוני */
}
td.product-thumbnail a {
    /* הקישור בתוך התא ימלא את המקום */
    display: inline-block !important; 
    width: 100% !important;
}

/* 2. גורם לתמונה למלא את התא באופן מלא */
td.product-thumbnail img {
    width: 100% !important; 
    height: auto !important; 
    max-width: 100% !important;
    /* מוודא שהתמונה עצמה לא גורמת לשבירת שורה */
    display: block !important; 
}
/* ==================================================== */
/* 🏆 תיקון תמונת סל במובייל: הגדלה ומרכוז 🏆 */
/* ==================================================== */

@media (max-width: 600px) { 
    
    /* הכלל הזה מכוון לתא התמונה (TD) בעמוד הסל במובייל */
    .woocommerce-cart table.shop_table td.product-thumbnail {
        /* מבטל התנהגות טבלאית ומכריח תצוגת בלוק */
        display: block !important;
        width: 100% !important; 
        
        /* משתמש ב-Flexbox למרכוז התמונה */
        display: flex !important;
        justify-content: center !important; /* ממקם את התמונה במרכז */
        
        /* מגדיר רוחב קבוע למיכל התמונה */
        max-width: 220px !important; 
        height: 220px !important; 
        margin: 10px auto !important; /* ממקם את ה-TD במרכז (אם ה-Flexbox לא עובד) */
    }

    /* הכלל הזה מכוון לתמונה עצמה (IMG) */
    .woocommerce-cart table.shop_table td.product-thumbnail img {
        width: 100% !important; /* ממלא את ה-120px שנקבעו */
        height: 100% !important; /* מבטיח שהתמונה לא נחתכת */
        object-fit: contain !important; /* שומר על פרופורציות בתוך הריבוע */
    }
    
    /* כדי למנוע חיתוך: יש לוודא שכל ה-TD מקבלים רוחב מלא במובייל */
    .woocommerce-cart table.shop_table td {
        display: block !important;
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    /* הסתרת הכותרות (TH) בטבלת הסל במובייל (רלוונטי רק לסל) */
    .woocommerce-cart table.shop_table th {
        display: none !important;
    }

    /* ... כל שאר הכללים למובייל שלך ... */
}
/* ==================================================== */
/* 🛑 תיקון רווח פנימי: דריסה חזקה לטבלת הסל (מובייל) */
/* ==================================================== */

@media (max-width: 600px) {
    /* 1. דריסה חזקה של הריווח בתאי טבלת המוצרים הראשיים */
    .woocommerce-cart table.shop_table tbody td,
    .woocommerce-cart table.shop_table thead th {
        /* ריווח פנימי חדש - הגדלנו ל-10px ליתר ביטחון */
        padding-left: 10px !important; 
        padding-right: 10px !important; 
    }

    /* 2. דריסה חזקה של הריווח בטבלת הסיכום (Cart Totals) */
    .woocommerce-cart .cart-collaterals table.shop_table td,
    .woocommerce-cart .cart-collaterals table.shop_table th {
        /* ריווח פנימי חדש - 10px */
        padding-left: 10px !important; 
        padding-right: 10px !important; 
    }
    
    /* 3. שמירת הרווח לאזור הקופון שכבר עבד */
    .woocommerce-cart .coupon {
        padding-left: 10px !important; 
        padding-right: 10px !important; 
    }
    
    /* 4. מוסיף רווח למסביב לטבלה אם היא צמודה לקצה המסך */
    .woocommerce-cart .woocommerce {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}
/* ==================================================== */
/* ✅ הסרת הפס מעל תמונת המוצר בעגלת הקניות (מובייל) */
/* ==================================================== */

@media (max-width: 600px) {
    /* 1. מכוון ל-Border של תא המוצר או השורה (אם הקו הוא Border) */
    .woocommerce-cart table.shop_table tbody tr,
    .woocommerce-cart table.shop_table tbody td {
        border-top: none !important;
        border-bottom: none !important;
    }

    /* 2. מכוון לכל אלמנט מסוג Divider או hr (אם הקו הוא Divider) */
    .woocommerce-cart .shop_table hr,
    .woocommerce-cart .woocommerce-cart-form__contents .elementor-divider {
        display: none !important;
    }

    /* 3. מכוון לשורה שמעל שם המוצר (הניסיון הממוקד ביותר) */
    .woocommerce-cart .product-name::before,
    .woocommerce-cart .product-thumbnail::before {
        content: none !important;
        display: none !important;
    }
}/* End custom CSS */