.elementor-173 .elementor-element.elementor-element-f4af342{padding:20px 20px 20px 20px;z-index:9999999;}.elementor-bc-flex-widget .elementor-173 .elementor-element.elementor-element-336d206.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-173 .elementor-element.elementor-element-336d206.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-173 .elementor-element.elementor-element-336d206 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:10px;}.elementor-173 .elementor-element.elementor-element-336d206 > .elementor-element-populated{margin:20px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}#elementor-popup-modal-173 .dialog-widget-content{animation-duration:1s;background-color:#FFFFFF00;}#elementor-popup-modal-173{background-color:rgba(0,0,0,.8);justify-content:flex-start;align-items:flex-start;pointer-events:all;}#elementor-popup-modal-173 .dialog-message{width:380px;height:100vh;align-items:flex-start;}@media(max-width:1024px) and (min-width:768px){.elementor-173 .elementor-element.elementor-element-336d206{width:100%;}}@media(max-width:1024px){.elementor-173 .elementor-element.elementor-element-336d206 > .elementor-element-populated{margin:20px 0px 20px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}#elementor-popup-modal-173 .dialog-message{width:360vw;}}@media(max-width:767px){#elementor-popup-modal-173 .dialog-message{width:477px;}}/* Start custom CSS for html, class: .elementor-element-bdbb1ef *//* =================================================
   FS MENU – PREMIUM EDITORIAL (ARROW VERSION)
   ================================================= */

.fs-menu {
  direction: rtl;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  max-width: 380px;
  margin: 0 auto;
  background: #ffffff;
  border-radius: 28px;
  overflow: hidden;
  box-shadow: 0 24px 60px rgba(0,0,0,0.22);
}

/* ================= HEADER ================= */

.fs-menu-header {
  position: relative;
  padding: 22px 20px 26px;
  text-align: center;
  color: #ffffff;
  background: linear-gradient(135deg, #4A8FA8, #6FB5CC);
}

.fs-close {
  position: absolute;
  top: 14px;
  left: 14px;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.25);
  background: rgba(255,255,255,0.18);
  backdrop-filter: blur(6px);
  color: #ffffff;
  font-size: 18px;
  cursor: pointer;
}

.fs-menu-header h2 {
  margin: 0 0 10px;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.3px;
}

.fs-logo {
  width: 72px;
  margin: 8px auto 14px;
  display: block;
}

/* ================= SOCIAL ================= */

.fs-social {
  display: flex;
  justify-content: center;
  gap: 12px;
}

.fs-social a {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 15px;
  background: rgba(255,255,255,0.18);
  border: 1px solid rgba(255,255,255,0.25);
}

/* ================= MENU ================= */

.fs-menu-list {
  list-style: none;
  margin: 0;
  padding: 28px 24px 24px;
}

.fs-menu-list li + li {
  margin-top: 16px;
}

.fs-menu-list a {
  position: relative;
  display: block;
  padding: 6px 0;
  text-decoration: none;

  color: #243746;
  font-size: 18px;          /* ⬅️ טקסט גדול יותר */
  font-weight: 500;

  transition: color 0.25s ease;
}

/* Arrow indicator (after text) */
.fs-menu-list a::after {
  content: "›";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%) translateX(-6px);
  font-size: 20px;
  color: rgba(36,55,70,0.35);
  transition: transform 0.25s ease, color 0.25s ease;
}

/* RTL accent line */
.fs-menu-list a::before {
  content: "";
  position: absolute;
  right: -14px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 60%;
  background: #5EA3BF;
  border-radius: 4px;
  transition: width 0.25s ease;
}

.fs-menu-list a:hover {
  color: #000;
}

.fs-menu-list a:hover::before {
  width: 3px;
}

.fs-menu-list a:hover::after {
  transform: translateY(-50%) translateX(-2px);
  color: #5EA3BF;
}

/* ================= CTA ================= */

.fs-cta {
  display: block;
  margin: 16px 24px 24px;
  padding: 14px;
  text-align: center;
  text-decoration: none;
  border-radius: 999px;

  background: linear-gradient(135deg, #5EA3BF, #3F8FB0);
  color: #ffffff;
  font-weight: 600;
  letter-spacing: 0.2px;

  box-shadow: 0 8px 22px rgba(94,163,191,0.35);
}

/* ================= MOBILE ================= */

@media (max-width: 767px) {

  .fs-menu {
    border-radius: 22px;
  }

  .fs-menu-header {
    padding: 16px 16px 18px;
  }

  .fs-menu-header h2 {
    font-size: 20px;
  }

  .fs-logo {
    width: 64px;
  }

  .fs-menu-list {
    padding: 20px 20px 18px;
  }

  .fs-menu-list a {
    font-size: 17px;
  }

  .fs-cta {
    margin: 12px 20px 16px;
    padding: 12px;
    font-size: 15px;
  }
}



/* =========================================
   MOBILE – NATURAL FLOW (CTA NEAR CONTENT)
   ========================================= */

@media (max-width: 767px) {

  .fs-menu {
    max-height: 100vh;     /* ביטחון */
    overflow: hidden;     /* אין גלילה */
  }

  /* Header – קומפקט */
  .fs-menu-header {
    padding: 14px 16px 16px;
  }

  /* Menu list – קצת יותר צפוף */
  .fs-menu-list {
    padding: 16px 20px 12px;
  }

  .fs-menu-list li + li {
    margin-top: 12px;
  }

  .fs-menu-list a {
    font-size: 16.5px;
    padding: 4px 0;
  }

  /* CTA – קרוב לטקסט */
  .fs-cta {
    margin: 8px 20px 16px;
    padding: 12px;
    font-size: 15px;
  }

}/* End custom CSS */
/* Start custom CSS *//* ===============================
   POPUP OVERLAY – SOFT DIM
   =============================== */
.elementor-popup-modal {
    background: rgba(20, 35, 50, 0.45) !important;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

/* ===============================
   POPUP PANEL – CLEAN APP UI
   =============================== */
.menu-popup {
    background: #ffffff;
    padding: 24px 20px 28px;
}

/* ===============================
   MENU LIST (WORDPRESS MENU)
   =============================== */
.menu-popup nav a {
    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 14px 0;
    font-size: 17px;
    font-weight: 600;
    color: #5f6f82;

    text-decoration: none;
    border-bottom: 1px solid rgba(0,0,0,0.06);
}

/* hover / tap */
.menu-popup nav a:hover {
    color: #243746;
}

/* arrow for sub menu items */
.menu-popup nav .menu-item-has-children > a::after {
    content: "›";
    font-size: 22px;
    color: #8aa6bd;
}

/* ===============================
   CTA BUTTONS (ROUNDED PILLS)
   =============================== */
.menu-popup .elementor-button {
    background: transparent;
    border: 1px solid rgba(94,163,191,0.35);
    color: #3f5f77;

    border-radius: 999px;
    padding: 10px 16px;
    font-size: 14px;
    font-weight: 600;
    margin: 6px 6px 0 0;
}

.menu-popup .elementor-button:hover {
    background: rgba(94,163,191,0.12);
}

/* CTA BUTTON TEXT COLOR */
.menu-popup .elementor-button,
.menu-popup .elementor-button span {
    color: #ffffff !important;
}

/* ===============================
   SEARCH INPUT (BOTTOM)
   =============================== */
.menu-popup input[type="search"],
.menu-popup input[type="text"] {
    width: 100%;
    margin-top: 18px;
    padding: 14px 18px;

    border-radius: 999px;
    border: 1px solid rgba(0,0,0,0.08);

    font-size: 15px;
    color: #243746;
}

/* ===============================
   SOCIAL ICONS – MINIMAL
   =============================== */
.menu-popup .social-header {
    margin-top: 24px;
    display: flex;
    gap: 16px;
}

.menu-popup .social-header a {
    background: transparent;
    box-shadow: none;
}

.menu-popup .social-header i {
    font-size: 22px;
    color: #243746;
    opacity: 0.75;
}

.menu-popup .social-header a:hover i {
    opacity: 1;
    color: #5EA3BF;
}

/* ===============================
   FONT – ASSISTANT EXTRA BOLD
   =============================== */

/* Title: תפריט */
.fs-menu-header h2 {
    font-family: 'Assistant', sans-serif !important;
    font-weight: 800 !important; /* Extra Bold */
}

/* CTA: דברו איתנו */
.fs-cta {
    font-family: 'Assistant', sans-serif !important;
    font-weight: 800 !important; /* Extra Bold */
    color: #ffffff !important;
}

/* Ensure CTA text always stays white */
.fs-cta:hover,
.fs-cta:active,
.fs-cta:focus {
    color: #ffffff !important;
}/* End custom CSS */