/* --- Kill (almost) all animations & transitions in Elementor --- */

/* 1) כללית – בטל אנימציות ומעברי CSS */
.elementor,
.elementor * {
  animation: none !important;
  animation-play-state: paused !important;
  transition: none !important;
}

/* 2) הופך אלמנטים "בלתי נראים" לנראים – מבטל fade-in/entrance */
.elementor-invisible,
.elementor-animated,
.elementor-element.elementor-animate {
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
}

/* 3) מבטל אפקטי תנועה/פרלאקס של Elementor Motion Effects */
.elementor-motion-effects-element,
.elementor-motion-effects-container,
.elementor-motion-effects-layer,
.elementor-sticky--effects {
  transition: none !important;
  transform: none !important;
  filter: none !important;
}

/* 4) מבטל ריחופים/אנימציות בלופ של ווידג'טים (כותרות, אייקונים, תמונות, גלריות וכו') */
.elementor-widget,
.elementor-widget * {
  animation: none !important;
  transition: none !important;
}

/* 5) גלילה חלקה/אינרציה – כיבוי */
html {
  scroll-behavior: auto !important;
}

/* 6) Slider/Carousel – עצירת אנימציות CSS (ייתכן שדורש גם כיבוי ב-JS של הווידג'ט) */
.elementor-swiper,
.swiper-wrapper,
.swiper-slide {
  transition: none !important;
}

/* 7) Lottie – אלמנטור מסמן במחלקות האלו; CSS לא עוצר JS, אבל נבטל כל CSS-anim מסביב */
.e-lottie__container,
.e-lottie-animation {
  animation: none !important;
  transition: none !important;
}

/* 8) מרגיע מצב hover/active/focus כדי למנוע קפיצות */
a, button, .elementor-button, .elementor a, .elementor-button-link {
  transition: none !important;
}

/* 9) אופציונלי (אגרסיבי): נטרול כל transform אתר שלם
   אם משהו נשבר בפריסה – מחק/השבת את הבלוק הזה. */
/*
*,
*:before,
*:after {
  transform: none !important;
}
*/

.elementor-14 .elementor-element.elementor-element-96ee85e .elementor-field-group .elementor-field, .elementor-14 .elementor-element.elementor-element-96ee85e .elementor-field-subgroup label {
    font-family: 'p1' !important;
    font-weight: 400;
}

.site-header {
    padding-inline-end: 0px;
    padding-inline-start: 0px;
    DISPLAY: NONE;
}

.page-header {
    DISPLAY: NONE;
}

.site-footer {
    padding-block-end: 1rem;
    padding-block-start: 1rem;
    position: relative;
    DISPLAY: NONE;
}