/* =========================================================
   סכומי הלוואה – grid-order: radio | emoji | text
========================================================= */
/* ===== loan_amount – אותו עיצוב כמו employment_status (דסקטופ) ===== */

.elementor-field-group-loan_amount > .elementor-field-subgroup{
  display: grid !important;
  grid-template-columns: repeat(2, 220px) !important;
  gap: 24px !important;
  justify-content: center !important;
  margin: 32px 0 !important;
  padding: 0 !important;
  direction: rtl !important;
}

.elementor-field-group-loan_amount .elementor-field-option{
  display: flex !important;
  align-items: center !important;
  width: 220px !important;

  padding: 20px !important;
  border: 1px solid #006E44 !important;
  border-radius: 8px !important;
  background: #fff !important;

  font: 700 18px/1.35 Heebo,"Assistant",sans-serif !important;
  color: #006E44 !important;
  cursor: pointer !important;

  transition: background .25s, box-shadow .25s !important;
}

/* רדיו */
.elementor-field-group-loan_amount .elementor-field-option input[type="radio"]{
  margin-left: 12px !important;
}

/* האייקון */
/* 4) האייקון – במקום 🪙 (עובד גם אחרי מעבר דומיין) */
.elementor-field-group-loan_amount .elementor-field-option::before{
  content: "" !important;
  grid-area: emoji;
  width: 28px;
  height: 28px;

  background: url("/wp-content/uploads/2026/01/Artboard-1.svg") center/contain no-repeat !important;

  margin-left: 9px;
  margin-right: 9px;
  display: inline-block;
}


/* הטקסט */
.elementor-field-group-loan_amount .elementor-field-option > label,
.elementor-field-group-loan_amount .elementor-field-option .elementor-field-option-label,
.elementor-field-group-loan_amount .elementor-field-option label > span{
  flex: 1 !important;
  text-align: right !important;
  margin: 0 !important;
}

/* Hover + Selected */
.elementor-field-group-loan_amount .elementor-field-option:hover,
.elementor-field-group-loan_amount .elementor-field-option:has(input:checked){
  background: #f6fdfc !important;
  box-shadow: 0 0 0 2px #006E44 inset !important;
}

/* קונטיינר – שתי קופסאות בשורה, gap 24px */
.elementor-field-group-loan_amount > .elementor-field-subgroup{
  display:flex !important;
  flex-wrap:wrap;
  justify-content:center;
  gap:24px;
  margin:0;
  padding:0;
  direction:rtl;
}

/* קופסה בודדת */
.elementor-field-group-loan_amount .elementor-field-option{
  /* רוחב 45% בתוך הקונטיינר הגמיש */
  flex:0 0 32%;
  max-width:32%;

  /* מבנה פנימי – Grid: ◉ | 🪙 | טקסט */
  display:grid !important;
  grid-template-columns:auto auto 1fr;
  grid-template-areas:"radio emoji text";
  align-items:center;

  /* סגנון כמו בדוגמה */
  padding:20px;
  border:1px solid #006E44;
  border-radius:8px;
  background:#fff;
  cursor:pointer;
  font:700 18px/1.35 Heebo,"Assistant",sans-serif;
  color:#006E44;
  transition:background .25s,box-shadow .25s;
}


/* 3) הרדיו – grid-area: radio */
.elementor-field-group-loan_amount .elementor-field-option input[type="radio"] {
  grid-area: radio;
  -webkit-appearance: none;
  appearance: none!important;
  width: 26px;
  height: 26px;
  border: 1px solid #006E44;
  border-radius: 50%;
  position: relative;
  margin: 0;
  cursor: pointer;
}
.elementor-field-group-loan_amount .elementor-field-option input[type="radio"]::after {
  content: "";
  position: absolute;
  inset: 4px;
  background: #006E44;
  border-radius: 50%;
  transform: scale(0);
  transition: transform .2s ease;
}
.elementor-field-group-loan_amount .elementor-field-option input[type="radio"]:checked::after {
  transform: scale(1);
}

/* 4) המטבע – grid-area: emoji */
.elementor-field-group-loan_amount .elementor-field-option::before {
  content: "🪙";
  grid-area: emoji;
  justify-self: center;
  font-size: 28px;
  margin-left: 9px;
  margin-right: 9px;
}

/* 5) הטקסט – grid-area: text */
.elementor-field-group-loan_amount .elementor-field-option > label {
  grid-area: text;
  justify-self: start;
  direction: rtl; /* כדי שהעברית תתיישר נכון */
  margin: 0;
}

/* 6) אפקט Hover/Neselected */
.elementor-field-group-loan_amount .elementor-field-option:hover,
.elementor-field-group-loan_amount .elementor-field-option:has(input:checked) {
  background: #f6fdfc;
  box-shadow: 0 0 0 2px #006E44 inset;
}

/* 7) מובייל – עמודה בודדת */
@media (max-width: 767px) {
  .elementor-field-group-loan_amount > .elementor-field-subgroup {
    grid-template-columns: 1fr;
  }
}

/* =========================================================
   loan_amount – radio כפתור ברירת־מחדל כחול
========================================================= */

/* 1) איפוס כל ה־custom styling שהכנסנו */
.elementor-field-group-loan_amount .elementor-field-option input[type="radio"],
.elementor-field-group-loan_amount .elementor-field-option input[type="radio"]::after {
  all: unset !important;
}

/* 2) מחזיר לברירת־המחדל של הדפדפן */
.elementor-field-group-loan_amount .elementor-field-option input[type="radio"] {
  appearance: auto !important;
  -webkit-appearance: radio !important;
  margin: 0 0 0 12px; /* קצת מרווח בין רדיו למטבע */
  cursor: pointer;
}

/* 3) Grid-area כדי לשמור על מיקום הכפתור בתוך ה-grid שלנו */
.elementor-field-group-loan_amount .elementor-field-option input[type="radio"] {
  grid-area: radio;
}

/* =========================================================
   loan_purpose – ◉ | 🚗 | טקסט (ימין-לשמאל)
========================================================= */

/* עטיפת שתי הקופסאות */
.elementor-field-group-loan_purpose > .elementor-field-subgroup{
  display:grid !important;
  grid-template-columns:repeat(2,220px); /* שתי קופסאות בשורה */
  gap:24px;
  justify-content:center;
  margin:32px 0;
}

/* קופסה בודדת – Grid של 3 עמודות (RTL) */
/* עמודה-1 (ימין) = radio / עמודה-2 = icon / עמודה-3 = text */
.elementor-field-group-loan_purpose .elementor-field-option{
  display:grid !important;
  direction:rtl; /* קובע שהעמודה-1 היא הימנית */
  grid-template-columns:auto 28px 1fr; /* ◉ | 🚗 | טקסט */
  grid-template-areas:"radio icon text";
  align-items:center;
  width:220px;
  padding:16px;
  border:1px solid #006E44;
  border-radius:6px;
  background:#fff;
  cursor:pointer;
  font:700 18px/1.35 Heebo,"Assistant",sans-serif;
  color:#006E44;
  transition:background .25s,box-shadow .25s;
}

/* ◉ – עמודה 1 */
.elementor-field-group-loan_purpose input[type="radio"]{
  grid-area:radio;
  margin-left:10px; /* רווח קטן משמאל לרדיו */
}

/* 🚗 – עמודה 2 (אייקון מהמדיה, עובד גם אחרי מעבר דומיין) */
.elementor-field-group-loan_purpose .elementor-field-option::before{
  content:"";
  grid-area:icon;
  width:25px;
  height:28px;

  background: url('/wp-content/uploads/2026/01/Artboard-2.svg') center/contain no-repeat;

  margin-left:12px; /* רווח בין האייקון לטקסט */
}


/* טקסט – עמודה 3 */
.elementor-field-group-loan_purpose .elementor-field-option > label{
  grid-area:text;
  margin:0;
  text-align:right;
  line-height:1.3;
}

/* הובר + בחירה */
.elementor-field-group-loan_purpose .elementor-field-option:hover,
.elementor-field-group-loan_purpose .elementor-field-option:has(input:checked){
  background:#f6fdfc;
  box-shadow:0 0 0 2px #006E44 inset;
}

/* קורסור Pointer בכל מקום */
.elementor-field-group-loan_purpose .elementor-field-subgroup,
.elementor-field-group-loan_purpose .elementor-field-option{
  cursor:pointer!important;
}

/* מובייל – קופסה לרוחב מלא וממורכזת */
@media(max-width:767px){
  .elementor-field-group-loan_purpose > .elementor-field-subgroup{
    grid-template-columns:1fr; /* עמודה בודדת */
    justify-content:center;
  }
}

/* ===========================================
   employment_status – ◉ | אייקון | טקסט
=========================================== */

.elementor-field-group-employment_status > .elementor-field-subgroup{
  display:grid !important;
  grid-template-columns:repeat(2,220px); /* שתי קופסאות בשורה */
  gap:24px;
  justify-content:center;
  margin:32px 0;
}

.elementor-field-group-employment_status .elementor-field-option{
  display:flex !important;
  align-items:center;
  padding:20px;
  border:1px solid #006E44;
  border-radius:8px;
  background:#fff;
  font:700 18px/1.35 Heebo,"Assistant",sans-serif;
  color:#006E44;
  cursor:pointer;
  transition:background .25s,box-shadow .25s;
}

/* רדיו */
.elementor-field-group-employment_status input[type=radio]{margin-left:12px;}

/* טקסט */
.elementor-field-group-employment_status .elementor-field-option-label,
.elementor-field-group-employment_status label > span{
  flex:1;
  text-align:right;
}

/* —— אייקונים לפי value של ה-input —— */
.elementor-field-group-employment_status input[value="שכיר"] + .elementor-field-option-label::before,
.elementor-field-group-employment_status input[value="שכיר"] + label::before,
.elementor-field-group-employment_status input[value="עצמאי"] + .elementor-field-option-label::before,
.elementor-field-group-employment_status input[value="עצמאי"] + label::before,
.elementor-field-group-employment_status input[value="עובד מדינה"] + .elementor-field-option-label::before,
.elementor-field-group-employment_status input[value="עובד מדינה"] + label::before,
.elementor-field-group-employment_status input[value="מובטל"] + .elementor-field-option-label::before,
.elementor-field-group-employment_status input[value="מובטל"] + label::before{
  content:"";
  display:inline-block;
  width:28px;height:28px;
  margin-left:8px;
  background-repeat: no-repeat;
  vertical-align: middle;
}

/* שכיר */
.elementor-field-group-employment_status input[value="שכיר"] + *::before{
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23006E44" viewBox="0 0 24 24"><path d="M12 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm4 6H8a2 2 0 0 0-2 2v3h12v-3a2 2 0 0 0-2-2zm-10 5v6h2v-4h8v4h2v-6H6z"/></svg>');
}

/* עצמאי */
.elementor-field-group-employment_status input[value="עצמאי"] + *::before{
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23006E44" viewBox="0 0 24 24"><path d="M4 4h16v2H4V4zm1 3h14l1 5H4l1-5zm1 7h12v5H6v-5z"/></svg>');
}

/* עובד מדינה */
.elementor-field-group-employment_status input[value="עובד מדינה"] + *::before{
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23006E44" viewBox="0 0 24 24"><path d="M12 2L1 7v2h22V7L12 2zm9 18h-2v-6H5v6H3v2h18v-2zm-4 0h-2v-4h2v4zm-4 0h-2v-4h2v4z"/></svg>');
}

/* מובטל */
.elementor-field-group-employment_status input[value="מובטל"] + *::before{
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23006E44" viewBox="0 0 24 24"><path d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"/></svg>');
}

/* Hover + Selected */
.elementor-field-group-employment_status .elementor-field-option:hover,
.elementor-field-group-employment_status .elementor-field-option:has(input:checked){
  background:#f6fdfc;
  box-shadow:0 0 0 2px #006E44 inset;
}

/* מובייל */
@media(max-width:767px){
  .elementor-field-group-loan_amount > .elementor-field-subgroup{grid-template-columns:1fr;}
  .elementor-field-group-employment_status > .elementor-field-subgroup{grid-template-columns:1fr;justify-items:center;}
  .elementor-field-group-employment_status .elementor-field-option{width:100%;max-width:240px;}
}

.elementor-field-group-employment_status .elementor-field-option > label {
  font-size: 18px !important;
  font-weight: bold !important;
}

/* תופס גם label וגם span */
.elementor-field-group-loan_amount .elementor-field-option label,
.elementor-field-group-loan_amount .elementor-field-option span,
.elementor-field-group-loan_purpose .elementor-field-option label,
.elementor-field-group-loan_purpose .elementor-field-option span,
.elementor-field-group-employment_status .elementor-field-option label,
.elementor-field-group-employment_status .elementor-field-option span {
  font-size: 18px !important;
  font-weight: bold !important;
}

.elementor-field-group-loan_purpose .elementor-field-option,
.elementor-field-group-employment_status .elementor-field-option {
  cursor: pointer;
}

/* מסתיר את ה-label שמעל תיבות הבחירה */
.elementor-field-group-loan_amount > .elementor-field-label,
.elementor-field-group-loan_purpose > .elementor-field-label,
.elementor-field-group-employment_status > .elementor-field-label{
  display:none !important;
}

/* חותך את התמונה בפינות */
.swiper-slide .img-download-wrapper{
  border-radius: 9px !important;
  overflow: hidden !important;
}

.swiper-slide .swiper-slide-visible .swiper-slide-active .swiper-slide-thumb-active {
  margin-top: 0.5rem !important;
}

.tabsCar{
  margin-bottom: 9px !important;
}

/* רק בעמוד רכב */
body.car-template-default .mySwiper .swiper-slide,
body.car-template-default .mySwiper2 .swiper-slide{
  border-radius: 9px !important;
  overflow: hidden !important;
}

/* אם ה-thumb הוא IMG (ברוב המקרים כן) */
body.car-template-default .mySwiper .swiper-slide img,
body.car-template-default .mySwiper2 .swiper-slide img{
  border-radius: 9px !important;
  display: block;
}

/* משאיר גם את מה שכבר עשית */
body.car-template-default .swiper-slide .img-download-wrapper{
  border-radius: 9px !important;
  overflow: hidden !important;
}

/* Fix arrows direction in RTL for this specific slider */
body.rtl .grid-arrows .swiper,
body.rtl .grid-arrows .swiper-wrapper{
  direction: ltr !important;
}

/* אם יש טקסט בתוך הסליידים ורוצים שישאר RTL */
body.rtl .grid-arrows .swiper-slide{
  direction: rtl;
}

/* להכריח עיגול רק לחיצים של ה-slider הזה */
.grid-arrows .swiper-button-next,
.grid-arrows .swiper-button-prev,
.grid-arrows .elementor-swiper-button-next,
.grid-arrows .elementor-swiper-button-prev{
  border-radius: 9999px !important;
  overflow: hidden !important;
}
.jet-listing-grid__slider-icon .next-arrow .slick-arrow{
	border-radius:99px !important;
	border: 1px solid #006E44 !important;
}
.jet-listing-grid__slider-icon .prev-arrow .slick-arrow{
	border-radius: 99px !important;
	border: 1px solid #006E44 !important;
}
.jet-listing-grid__slider-icon.prev-arrow.slick-arrow{
	border-radius: 99px !important;
	border: 1px solid #006E44 !important;
}
/* רק לליסטינג עם class = grid-arrows */
.grid-arrows .swiper-button-next {
  right: auto !important;
  left: 12px !important;
}

.grid-arrows .swiper-button-prev {
  left: auto !important;
  right: 12px !important;
}

/* אם החץ עצמו נראה הפוך – נסובב את האייקון */
.grid-arrows .swiper-button-next:after,
.grid-arrows .swiper-button-prev:after {
  display: inline-block;
  transform: rotate(180deg);
}
/* ================================
\================================ */

/* ===== Fix JetSmartFilters dropdown in mobile popup (hidden + not clickable) ===== */
@media (max-width: 767px){

  /* 1) לא לחתוך את ה-dropdown בתוך הפופאפ (Elementor Popup) */
  .elementor-popup-modal .dialog-widget-content,
  .elementor-popup-modal .dialog-message,
  .elementor-popup-modal .elementor-section,
  .elementor-popup-modal .elementor-container,
  .elementor-popup-modal .elementor-widget-wrap{
    overflow: visible !important;
  }

  /* 2) אם יש שכבות דקורטיביות/overlay בפופאפ – שלא יגנבו קליקים */
  .elementor-popup-modal .elementor-background-overlay,
  .elementor-popup-modal .elementor-shape,
  .elementor-popup-modal .elementor-shape *{
    pointer-events: none !important;
  }

  /* 3) להרים מעל הכל ולהחזיר קליקות לרשימת האפשרויות */
  .elementor-popup-modal .jet-select__dropdown,
  .elementor-popup-modal .jet-select__options,
  .elementor-popup-modal .jet-select__option{
    z-index: 1000000 !important;
    pointer-events: auto !important;
  }

  /* 4) אם זה JetPopup של Crocoblock (גם שם זה נחתך הרבה פעמים) */
  .jet-popup .jet-popup__container,
  .jet-popup .jet-popup__container-inner,
  .jet-popup .jet-popup__content{
    overflow: visible !important;
  }
  .jet-popup .jet-select__dropdown,
  .jet-popup .jet-select__options,
  .jet-popup .jet-select__option{
    z-index: 1000000 !important;
    pointer-events: auto !important;
  }
}
@media (max-width: 767px){

  /* כפתור מנוטרל (אין לאן לזוז) – אפור ולא לחיץ */
  .car-template-default .mySwiper2 .swiper-button-next.swiper-button-disabled,
  .car-template-default .mySwiper2 .swiper-button-prev.swiper-button-disabled{
    background: #e9e9e9 !important;   /* אפור בהיר */
    border-color: #cfcfcf !important; /* מסגרת אפורה */
    color: #9a9a9a !important;        /* החץ אפור */
    opacity: 1 !important;           /* להשאיר נראה, לא להיעלם */
    cursor: not-allowed !important;
    pointer-events: none !important; /* שלא ילחץ */
  }

  .car-template-default .mySwiper2 .swiper-button-next.swiper-button-disabled:after,
  .car-template-default .mySwiper2 .swiper-button-prev.swiper-button-disabled:after{
    color: #9a9a9a !important;
  }
}
/* ========= ONLY MOBILE ========= */
@media (max-width: 767px){

  .car-template-default .mySwiper2{
    --swiper-navigation-color: #005535 !important;
  }

  .car-template-default .mySwiper2 .swiper-button-next,
  .car-template-default .mySwiper2 .swiper-button-prev{
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;

    /* ✅ מצב רגיל: אפור בהיר כמו בדסקטופ */
    background: #f1f1f1 !important;

    border: 2px solid #005535 !important;
    color: #005535 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    opacity: 1 !important;
    visibility: visible !important;
    z-index: 9999 !important;

    transition: background .2s ease, color .2s ease, border-color .2s ease;
  }

  .car-template-default .mySwiper2 .swiper-button-next:after,
  .car-template-default .mySwiper2 .swiper-button-prev:after{
    font-family: swiper-icons !important;
    color: inherit !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    opacity: 1 !important;
  }
	
	
	
	
	
/*form*/
	/* =========================
   MOBILE FIX (עד 767px)
   ========================= */
@media (max-width: 767px){

  /* ריווחים כלליים */
  .elementor-form .elementor-field-group{
    margin-bottom: 12px !important;
  }

  /* ===== loan_amount ===== */
  .elementor-field-group-loan_amount > .elementor-field-subgroup{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:12px !important;
    padding:0 12px !important;
  }

  .elementor-field-group-loan_amount .elementor-field-option{
    flex: 0 0 100% !important;
    max-width: 100% !important;

    padding: 14px 14px !important;
    border-radius: 10px !important;

    /* שמירה על grid אבל קומפקטי */
    grid-template-columns: auto auto 1fr !important;
    column-gap: 10px !important;
    row-gap: 6px !important;

    font-size: 16px !important;
    line-height: 1.25 !important;
  }

  .elementor-field-group-loan_amount .elementor-field-option::before{
    font-size: 22px !important;
    margin-left: 6px !important;
    margin-right: 6px !important;
  }

  .elementor-field-group-loan_amount .elementor-field-option input[type="radio"]{
    transform: scale(1.05);
  }

  .elementor-field-group-loan_amount .elementor-field-option > label,
  .elementor-field-group-loan_amount .elementor-field-option span{
    font-size: 16px !important;
    font-weight: 700 !important;
    white-space: normal !important;
    word-break: break-word !important;
  }

  /* ===== loan_purpose ===== */
  .elementor-field-group-loan_purpose > .elementor-field-subgroup{
    display:flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    margin: 18px 0 !important;
    padding: 0 12px !important;
  }

  .elementor-field-group-loan_purpose .elementor-field-option{
    width: 100% !important;
    max-width: 100% !important;
    padding: 14px !important;
    border-radius: 10px !important;
    font-size: 16px !important;
  }

  .elementor-field-group-loan_purpose .elementor-field-option > label,
  .elementor-field-group-loan_purpose .elementor-field-option span{
    font-size: 16px !important;
    white-space: normal !important;
  }

  /* ===== employment_status ===== */
  .elementor-field-group-employment_status > .elementor-field-subgroup{
    display:flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    margin: 18px 0 !important;
    padding: 0 12px !important;
  }

  .elementor-field-group-employment_status .elementor-field-option{
    width: 100% !important;
    max-width: 100% !important;
    padding: 14px !important;
    border-radius: 10px !important;
  }

  .elementor-field-group-employment_status .elementor-field-option > label,
  .elementor-field-group-employment_status .elementor-field-option span{
    font-size: 16px !important;
    white-space: normal !important;
  }

  /* הודעות שגיאה – שלא יברחו/יחתכו במובייל */
  .phone-error-msg.elementor-message-danger,
  .license-error-msg.elementor-message-danger{
    position: static !important;   /* במקום absolute במובייל */
    margin-top: 6px !important;
    font-size: 0.85rem !important;
    line-height: 1.2 !important;
    width: 100% !important;
  }
}
@media (max-width: 767px){
  .elementor-form .e-form__buttons{
    position: relative !important;
    z-index: 999999 !important;
    pointer-events: auto !important;
  }
  .elementor-form .e-form__buttons button{
    pointer-events: auto !important;
  }
}
/* מובייל בלבד */
@media (max-width: 767px) {

  /* שהפופאפ יהיה מעל ההדר/מניו */
  .dialog-lightbox-widget.elementor-popup-modal{
    z-index: 2147483647 !important;
  }

  /* להצמיד למעלה (במקרה שהוגדר Center) */
  .dialog-lightbox-widget.elementor-popup-modal .dialog-widget-content{
    align-items: flex-start !important;
  }


  /* אם כפתור X נתקע מאחורי משהו */
  .dialog-lightbox-widget.elementor-popup-modal .dialog-close-button{
    z-index: 2147483647 !important;
  }
}
@media (max-width: 767px){

  /* מעל ההדר/מניו */
  .elementor-popup-modal.loan-modal{
    z-index: 2147483647 !important;
  }
	}
	/*
@media (max-width: 767px){

  .elementor-field-group-loan_amount > .elementor-field-subgroup{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    padding: 0 12px !important;
  }

  .elementor-field-group-loan_amount .elementor-field-option{
    width: 100% !important;
    max-width: 100% !important;
    flex: unset !important; /* מבטל את ה-flex:100% שיש לך */
  }
}*/
/* ========= employment_status – 2 בשורה במובייל ========= */
	/*
@media (max-width: 767px){

  .elementor-field-group-employment_status > .elementor-field-subgroup{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    padding: 0 12px !important;
    margin: 18px 0 !important;
    justify-content: center !important;
  }

  .elementor-field-group-employment_status .elementor-field-option{
    width: 100% !important;
    max-width: 100% !important;
    padding: 14px !important;
    border-radius: 10px !important;
  }

  .elementor-field-group-employment_status .elementor-field-option{
    flex: unset !important;
  }
}
*/
=
/* ========= loan_purpose – 2 בשורה במובייל ========= */
	/*
@media (max-width: 767px){

  .elementor-field-group-loan_purpose > .elementor-field-subgroup{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    padding: 0 12px !important;
    margin: 18px 0 !important;
    justify-content: center !important;
  }

  .elementor-field-group-loan_purpose .elementor-field-option{
    width: 100% !important;
    max-width: 100% !important;
    padding: 14px !important;
    border-radius: 10px !important;
  }
}*/

/* אופציונלי: במסכים ממש קטנים להפוך לעמודה אחת */
@media (max-width: 360px){
  .elementor-field-group-loan_purpose > .elementor-field-subgroup{
    grid-template-columns: 1fr !important;
  }
}




	/* ========= Loan popup: kill horizontal scroll (robust) ========= */



/* ============================

/* אם ההבהרה היא שדה HTML של הטופס */
@media (max-width: 767px){
  #loan-popup .elementor-field-type-html{
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  #loan-popup .elementor-field-type-html .elementor-field{
    width: 100% !important;
  }
}

/* 1) גלילה אמיתית של הפופאפ */
#elementor-popup-modal-loan-popup .dialog-message{
  height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
/* ===== loan_amount – אותו עיצוב כמו employment_status (דסקטופ) ===== */


/* FORCE – Jet Listing Grid (Slick) arrows */
.grid-arrows .jet-listing-grid__slider-icon.prev-arrow.slick-arrow,
.grid-arrows .jet-listing-grid__slider-icon.next-arrow.slick-arrow{
  border-radius: 99px !important;
  border: 1px solid #006E44 !important;
  background: #fff !important;
  color: #006E44 !important;
}

.grid-arrows .jet-listing-grid__slider-icon.prev-arrow.slick-arrow:hover,
.grid-arrows .jet-listing-grid__slider-icon.next-arrow.slick-arrow:hover{
  background: #006E44 !important;
  color: #fff !important;
}

@media (max-width: 767px){
  #loan-popup .e-form__indicators__indicator__label{
    font-size: 12px !important;
    line-height: 1.2 !important;
  }
}
/* =========================
   FIX loan_amount ICON (Desktop + Mobile) — put at END of CSS
   ========================= */

/* האייקון (תמונה) */
.elementor-field-group-loan_amount .elementor-field-option::before{
  content: "" !important;
  display: inline-block !important;
  width: 28px !important;
  height: 28px !important;

  background-image: url("/wp-content/uploads/2026/01/Artboard-1.svg") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;

  margin-left: 9px !important;
  margin-right: 9px !important;
}

/* מובייל */
@media (max-width: 767px){
  .elementor-field-group-loan_amount .elementor-field-option::before{
    width: 22px !important;
    height: 22px !important;

    margin-left: 6px !important;
    margin-right: 6px !important;
  }
}
.mySwiper2 .swiper-slide img,
.mySwiper .swiper-slide img,
.car-photo-default img{
  border-radius: 9px !important;
}
/* רק לגלריה */
.mySwiper, .mySwiper2 { direction: ltr; }

/* כשאין גלריה ומחזירים רק תמונה אחת */
.car-single-photo{
  width: 100%;
}

.car-single-photo img{
  width: 100%;
  height: 420px;           /* תתאימי לגובה של הגלריה אצלך */
  object-fit: cover;
  border-radius: 16px;     /* קצוות מעוגלים */
  display: block;
}
/* ===== Corner Fold (כמו בתמונה) – במקום ה-Ribbon האלכסוני ===== */
/* ===== Card arrows: thinner + better centered icon ===== */
.b2cars-car-card-gallery{
  --b2cars-green: #006e44;

  /* שליטה בעובי */
  --b2cars-circle-border: 1px;  /* מסגרת העיגול דקה יותר */
  --b2cars-arrow-stroke: 2px;   /* עובי החץ דק יותר */

  /* שליטה בגודל/מיקום החץ בתוך העיגול */
  --b2cars-icon-size: 8px;      /* גודל החץ קטן יותר */
  --b2cars-icon-nudge-x: 0px;   /* אם צריך להזיז ימינה/שמאלה: למשל 1px- */
  --b2cars-icon-nudge-y: 0px;   /* אם צריך להזיז למעלה/למטה: למשל 1px */
}

/* העיגול */
.b2cars-car-card-gallery .b2cars-card-prev,
.b2cars-car-card-gallery .b2cars-card-next{
  width: 42px !important;
  height: 42px !important;
  border-width: var(--b2cars-circle-border) !important;
}

/* החץ עצמו */
.b2cars-car-card-gallery .b2cars-card-prev:after,
.b2cars-car-card-gallery .b2cars-card-next:after{
  width: var(--b2cars-icon-size) !important;
  height: var(--b2cars-icon-size) !important;

  top: calc(50% + var(--b2cars-icon-nudge-y)) !important;
  left: calc(50% + var(--b2cars-icon-nudge-x)) !important;

  border-right: var(--b2cars-arrow-stroke) solid var(--b2cars-green) !important;
  border-bottom: var(--b2cars-arrow-stroke) solid var(--b2cars-green) !important;
}

/* hover (היפוך צבעים) */
.b2cars-car-card-gallery .b2cars-card-prev:hover:after,
.b2cars-car-card-gallery .b2cars-card-next:hover:after{
  border-right-color: #fff !important;
  border-bottom-color: #fff !important;
}

/* ========= Mobile fixes for card gallery ========= */
@media (max-width: 767px){

  /* שומר על מסגרת/עיגול פינות אחיד גם לתמונת ברירת מחדל */
  .b2cars-car-card-gallery{
    overflow: hidden;
    border-radius: inherit;
    /* אם במובייל לפעמים הגובה "נופל" כשזו תמונה אחת/ברירת מחדל —
       הגדירי יחס קבוע (אפשר לשנות ל 16/9 או 4/3 לפי העיצוב) */
    aspect-ratio: 3 / 2;
  }

  .b2cars-car-card-gallery .b2cars-card-swiper,
  .b2cars-car-card-gallery .swiper-wrapper,
  .b2cars-car-card-gallery .swiper-slide{
    height: 100% !important;
  }

  /* כיסוי מלא תמיד */
  .b2cars-car-card-gallery .swiper-slide img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }

  /* החיצים תמיד מעל כל שכבה */
  .b2cars-car-card-gallery .b2cars-card-prev,
  .b2cars-car-card-gallery .b2cars-card-next{
    z-index: 2147483000 !important;
    pointer-events: auto !important;
    touch-action: manipulation;
  }

  /* לא להיות מתחת לאייקונים בצד שמאל */
  .b2cars-car-card-gallery .b2cars-card-prev{
    left: 64px !important;   /* תשני ל-54/74 לפי כמה האייקונים מכסים */
  }

  /* אופציונלי: אם גם בצד ימין יש וידג׳ט שמכסה (נגישות וכו׳) */
  .b2cars-car-card-gallery .b2cars-card-next{
    right: 16px !important;  /* אם צריך: 56px */
  }
}
/* Fancybox – כפתור לבן + אייקון ירוק | hover: ירוק + אייקון לבן */
.fancybox__container .f-button,
.fancybox__container .carousel__button{
  background: #fff !important;
  color: #006e44 !important;
  border: 1px solid #006e44 !important;
}
.fancybox__container .f-button svg,
.fancybox__container .carousel__button svg{
  stroke: currentColor !important;
  color: currentColor !important;
  fill: none !important;
}
.fancybox__container .f-button:hover,
.fancybox__container .f-button:focus-visible,
.fancybox__container .carousel__button:hover,
.fancybox__container .carousel__button:focus-visible{
  background: #006e44 !important;
  color: #fff !important;
  box-shadow: 0 0 0 2px #006e44 !important;
}
.fancybox__container{
  --fancybox-accent-color: #006e44;
  z-index: 2147483647 !important;
}
.fancybox__container .f-thumbs__slide.is-nav-selected .f-thumbs__slide__button{
  border-color: #006e44 !important;
  outline: none !important;
  box-shadow: inset 0 0 0 1px #006e44 !important;
}
/* Only when Fancybox opened from card gallery */
html.b2cars-fbx-card .fancybox__image{
  object-fit: contain !important;
}
/* ===== Card gallery: force full width + cover (fix default/1 image) ===== */
.b2cars-car-card-gallery,
.b2cars-car-card-gallery .b2cars-card-swiper,
.b2cars-car-card-gallery .swiper-wrapper,
.b2cars-car-card-gallery .swiper-slide{
  width: 100% !important;
  max-width: 100% !important;
}

.b2cars-car-card-gallery .swiper-wrapper{
  display: flex !important;
}

.b2cars-car-card-gallery .swiper-slide{
  flex: 0 0 100% !important;
  height: 100% !important;
}

.b2cars-car-card-gallery img{
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
}

/* מובייל: אם אין גובה מההורה—תני יחס קבוע */
@media (max-width: 767px){
  .b2cars-car-card-gallery{
    aspect-ratio: 3 / 2; /* אפשר לשנות ל-16/9 או 4/3 */
    overflow: hidden !important;
    border-radius: inherit;
  }
  .b2cars-car-card-gallery .b2cars-card-swiper{
    height: 100% !important;
  }
}

/* Fancybox from card gallery: אל תיראה "זום" בגלל fit */
html.b2cars-fbx-card .fancybox__slide img.fancybox__image{
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

/* עוזר למובייל למנוע התנהגות מוזרה של טאצ' */
.b2cars-car-card-gallery .b2cars-card-swiper{
  touch-action: pan-y;
}
@media (max-width: 767px){
  .jet-listing-grid__item.b2cars-has-gallery > .jet-engine-listing-overlay-wrap{
    pointer-events: none !important;
  }
}