.elementor-5908 .elementor-element.elementor-element-a7ade6b{--display:flex;}/* Start custom CSS *//* ==========================================================================
   רוטר מדיה — תיקון פריסה לאתר וורדפרס/אלמנטור
   --------------------------------------------------------------------------
   הסיבה: ה-HTML הותאם לרוחב 1320px, אבל מיכל האלמנטור שמכיל אותו (ה-Container)
   הגביל את הרוחב ל-1140px. זה דחס את ה-grid של ה-hero ל-540px במקום ~600px,
   מה שגרם לכותרת להישבר על שורה נוספת ולכפתורים להיערם בצורה לא נכונה.
   בנוסף, ה-Elementor Site Kit כפה צבע שחור על כל ה-h1 וגרם לטקסט הלבן להיעלם.
   --------------------------------------------------------------------------
   איך להטמיע באתר:
   1) להיכנס לעריכת העמוד באלמנטור.
   2) למעלה משמאל ללחוץ על שורת ההמבורגר (☰) → Site Settings → Custom CSS.
      או חלופית: WP Admin → Appearance → Customize → Additional CSS.
   3) להדביק את כל הקוד הזה ולשמור.
   4) לרענן את העמוד (Delete Cache קודם אם יש פלאגין caching).
   ========================================================================== */


/* === 1. תיקון רוחב המיכל === */
/* מבטל את ההגבלה של אלמנטור ל-1140px ומאפשר ל-HTML שלי להגיע ל-1320px */
.elementor-element-d53311f,
.elementor-element-d53311f > .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;
}

body .e-con:has(.elementor-element-d53311f),
body .e-con:has(.elementor-element-d53311f) > .e-con-inner {
  max-width: 100% !important;
  width: 100% !important;
  padding-inline: 0 !important;
}


/* === 2. תיקון צבע הטקסט === */
/* ה-Site Kit של אלמנטור (post-1156.css) קובע: .elementor-kit-1156 h1 { color: #000 }
   זה דרס את הצבע הלבן של העיצוב. מחזירים אותו לבן בתוך הוידג'ט שלי. */
.elementor-kit-1156 .elementor-element-d53311f h1,
.elementor-kit-1156 .elementor-element-d53311f h2,
.elementor-kit-1156 .elementor-element-d53311f h3,
.elementor-kit-1156 .elementor-element-d53311f h4,
.elementor-kit-1156 .elementor-element-d53311f h5,
.elementor-kit-1156 .elementor-element-d53311f h6 {
  color: #fff !important;
}

/* השורה הראשונה של ה-hero ("תוכן ויראלי") היא גרדיאנט עם background-clip:text —
   חייבים להשאיר אותה שקופה כדי שהגרדיאנט יראה דרכה */
.elementor-element-d53311f .h-grad,
.elementor-kit-1156 .elementor-element-d53311f .h-grad {
  color: transparent !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}


/* === 3. הגנה כללית על טקסט הוידג'ט מירושת צבעי הערכה === */
/* פסקאות ושאר אלמנטים בתוך ה-HTML שלי משתמשים ב-color מותאם פנימי.
   אם משהו עדיין יוצא שחור — נכפה את צבע הברירת-מחדל הלבן של העיצוב */
.elementor-element-d53311f {
  color: #fff;
}/* End custom CSS */