/* ============================================================================
   תפריט נייד (מגירה) + מצב "עמוד נוכחי" בתפריט העליון.
   נטען בכל עמוד דרך wire_nav() ב-app.py (עם static_v — אל תקשרו בלי גרסה).
   הכל עצמאי: לא נשען על jquery.smartmenus ולא על ה-JS של אלמנטור.
   ========================================================================== */

/* ---------------------------------------------------------------- כפתור */
.mnav-toggle{
  -webkit-appearance:none;appearance:none;
  display:inline-flex;align-items:center;justify-content:center;
  width:48px;height:48px;min-width:48px;min-height:48px;
  padding:0;margin:0;border:0;background:transparent;color:#152d1d;
  border-radius:12px;cursor:pointer;line-height:0;
}
.mnav-toggle:focus-visible{outline:2px solid #173822;outline-offset:2px}
.mnav-toggle svg{width:30px;height:30px;display:block;pointer-events:none}
.mnav-toggle svg path{stroke:currentColor}

/* המעטפת של אלמנטור מסביב לכפתור — לבטל ריפוד שמזיז את השורה */
.elementor-element-9aa71cd .elementor-icon-wrapper{line-height:0}

/* ---------------------------------------------------------------- מגירה */
.mnav{position:fixed;inset:0;z-index:100000;display:block}
.mnav[hidden]{display:none}

.mnav__backdrop{
  position:absolute;inset:0;background:rgba(10,25,16,.55);
  opacity:0;transition:opacity .22s ease;
}
.mnav.is-open .mnav__backdrop{opacity:1}

.mnav__panel{
  position:absolute;top:0;bottom:0;right:0;
  width:min(86vw, 360px);
  background:#fff;color:#152d1d;
  display:flex;flex-direction:column;
  box-shadow:-14px 0 40px rgba(0,0,0,.28);
  transform:translateX(100%);
  transition:transform .26s cubic-bezier(.22,.61,.36,1);
  overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;
  padding-bottom:max(18px, env(safe-area-inset-bottom));
  font-family:Assistant,'Segoe UI',sans-serif;
}
.mnav.is-open .mnav__panel{transform:translateX(0)}
@media (prefers-reduced-motion: reduce){
  .mnav__panel,.mnav__backdrop{transition:none}
}

.mnav__head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:10px 16px;border-bottom:1px solid #e6e8e6;
  position:sticky;top:0;background:#fff;z-index:1;
}
.mnav__logo{display:inline-flex;align-items:center;min-height:44px;padding:2px 4px}
.mnav__logo img{height:38px;width:auto;display:block}
.mnav__close{
  -webkit-appearance:none;appearance:none;
  width:48px;height:48px;min-width:48px;padding:0;border:0;border-radius:12px;
  background:transparent;color:#152d1d;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;line-height:0;
}
.mnav__close:focus-visible{outline:2px solid #173822;outline-offset:2px}
.mnav__close svg{width:22px;height:22px;display:block;pointer-events:none}

.mnav__list{list-style:none;margin:0;padding:8px 0}
.mnav__list li{margin:0;padding:0}
.mnav__link{
  display:flex;align-items:center;gap:10px;
  min-height:52px;padding:12px 20px;
  font-size:19px;line-height:1.25;font-weight:600;
  color:#152d1d;text-decoration:none;
  border-inline-start:4px solid transparent;
}
.mnav__link:hover,.mnav__link:focus-visible{background:#f2f5f2;color:#173822}
.mnav__link:focus-visible{outline:2px solid #173822;outline-offset:-2px}
.mnav__link.is-active{background:#eef3ef;color:#173822;border-inline-start-color:#173822}

.mnav__cta{
  display:flex;align-items:center;justify-content:center;gap:8px;
  margin:14px 16px 6px;min-height:52px;padding:12px 18px;border-radius:999px;
  background:#173822;color:#fff !important;text-decoration:none;
  font-size:18px;font-weight:700;
}
.mnav__cta:hover,.mnav__cta:focus-visible{background:#22523a}
.mnav__cta:focus-visible{outline:2px solid #152d1d;outline-offset:2px}

.mnav__meta{margin:6px 16px 0;padding-top:12px;border-top:1px solid #e6e8e6}
.mnav__meta a{
  display:flex;align-items:center;min-height:44px;
  color:#2c4434;text-decoration:none;font-size:16px;
}
.mnav__meta a:hover,.mnav__meta a:focus-visible{text-decoration:underline}
.mnav__meta span{direction:ltr;unicode-bidi:embed}

/* נעילת גלילה של הרקע בזמן שהמגירה פתוחה */
html.mnav-lock,body.mnav-lock{overflow:hidden !important;touch-action:none}

/* ============================================================================
   נקודת שבירה אחת לכותרת: 1090px.
   בקבצים הסרוקים אלמנטור מציג את ענף הדסקטופ (d316f58) כבר מ-~1010px ואת ענף
   הנייד (2403c5e) עד 1365px — כלומר בין 1010 ל-1365 נראו *שתי* כותרות זו מעל
   זו (נמדד: גובה header 167px ב-1024, 131px ב-1100). בנוסף שורת הדסקטופ
   נשברת לשתי שורות עד 1080px. לכן: מתחת ל-1090 — שורת נייד + מגירה בלבד;
   מ-1090 ומעלה — ניווט דסקטופ בלבד.
   ========================================================================== */
@media (max-width:1089px){
  header.elementor-13 .elementor-element-d316f58{display:none !important}
}
@media (min-width:1090px){
  header.elementor-13 .elementor-element-2403c5e{display:none !important}
  .mnav{display:none !important}
}

/* ------------------------------------------------- מצב "עמוד נוכחי" עליון */
.elementor-nav-menu .elementor-item.elementor-item-active{font-weight:700}