/* Mizrahnik Mega Menu v2.4 – Auto dark mode detection */

/* ═══ Light mode defaults ═══ */
:root {
    --mmm-green:#5FA886; --mmm-green-h:#4e9173; --mmm-green-soft:rgba(255,255,255,.12);
    --mmm-pbg:#f8fafb; --mmm-phov:#fff; --mmm-ptxt:#5FA886; --mmm-psub:#6b7f8e;
    --mmm-pttl:#1a2d3d; --mmm-pbrd:rgba(26,45,61,.09);
    --mmm-dbg:#fff; --mmm-dtxt:#5FA886; --mmm-dbrd:rgba(26,45,61,.09); --mmm-dhbg:#5FA886;
}

/* ═══ Override site link colors ═══ */
.mmm-panel a,.mmm-panel a:link,.mmm-panel a:visited,.mmm-panel a:hover,.mmm-panel a:active,
body .mmm-panel a,.elementor .mmm-panel a{color:var(--mmm-ptxt)!important;text-decoration:none!important}
.mmm-panel a:hover,body .mmm-panel a:hover{color:var(--mmm-green-h)!important}
.mmm-drawer a,.mmm-drawer a:link,.mmm-drawer a:visited,.mmm-drawer a:active,
body .mmm-drawer a,.elementor .mmm-drawer a{color:var(--mmm-dtxt)!important;text-decoration:none!important}
.mmm-panel .mmm-sb,body .mmm-panel .mmm-sb{color:var(--mmm-psub)!important}

/* NUCLEAR button reset inside drawer */
.mmm-drawer [role="button"],.mmm-drawer button,body .mmm-drawer [role="button"]{
    all:unset!important;box-sizing:border-box!important;cursor:pointer!important;font-family:'Fredoka','Fredoka One','Heebo',sans-serif!important;
}
/* Restore SVG icons after nuclear reset (safety net) */
.mmm-drawer [role="button"] svg,.mmm-drawer [role="button"] .mmm-da-ico{
    display:block!important;visibility:visible!important;
}

/* ═══ Nav wrapper ═══ */
.mmm-wrap{flex:1;display:flex;align-items:center;min-width:0;position:relative;font-family:'Fredoka','Fredoka One','Heebo',sans-serif}

/* ═══ Top-level links – always white ═══ */
.mmm-list{display:flex;align-items:center;gap:1px;list-style:none!important;margin:0!important;padding:0!important}
.mmm-list>li{list-style:none!important;margin:0!important;padding:0!important}
.mmm-link,.mmm-link:link,.mmm-link:visited,.mmm-link:hover,.mmm-link:active,
body .mmm-link,.elementor .mmm-link{
    display:inline-flex!important;align-items:center;gap:4px;padding:10px 13px;font-size:.9rem;font-weight:600;
    color:#fff!important;border-radius:10px;transition:background .2s;white-space:nowrap;position:relative;
    text-decoration:none!important;background:transparent}
.mmm-link:hover,.mmm-link.active{background:var(--mmm-green-soft)!important}
.mmm-link::after{content:'';position:absolute;bottom:2px;right:12px;left:12px;height:2.5px;background:#fff;border-radius:2px;transform:scaleX(0);transition:transform .15s}
.mmm-link.active::after{transform:scaleX(1)}
[data-m]{position:relative}
[data-m] .mmm-link.active::before{content:'';position:absolute;bottom:-30px;right:-10px;left:-10px;height:30px;z-index:91}
.mmm-chev{width:13px!important;height:13px!important;transition:transform .25s;opacity:.7;color:#fff;flex-shrink:0}
.mmm-link.active .mmm-chev{transform:rotate(180deg);opacity:1}
@media(max-width:1023px){.mmm-list{display:none!important}}
@media(max-width:1279px){.mmm-link{padding:10px 9px;font-size:.84rem}}

/* ═══ Hamburger – Inline SVG ═══ */
.mmm-burger,body .mmm-burger,.elementor .mmm-burger,button.mmm-burger{
    all:unset!important;display:none!important;align-items:center!important;justify-content:center!important;
    width:44px!important;height:44px!important;cursor:pointer!important;border-radius:10px!important;
    transition:background .2s!important;position:relative!important;z-index:10!important;box-sizing:border-box!important}
.mmm-burger:hover{background:rgba(255,255,255,.15)!important}
@media(max-width:1023px){.mmm-burger,body .mmm-burger,.elementor .mmm-burger,button.mmm-burger{display:flex!important}}
.mmm-burger-svg{width:24px!important;height:24px!important;flex-shrink:0;pointer-events:none}
.mmm-burger-svg line{stroke:white!important;stroke-width:2.5!important;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center}
.mmm-burger.open .mmm-bl1{transform:translateY(6px) rotate(45deg)}
.mmm-burger.open .mmm-bl2{opacity:0}
.mmm-burger.open .mmm-bl3{transform:translateY(-6px) rotate(-45deg)}

/* ═══ Mega panels ═══ */
.mmm-panel{
    position:absolute;left:0;right:0;z-index:2147483645;background:var(--mmm-pbg);
    border-bottom:1px solid var(--mmm-pbrd);box-shadow:0 20px 60px rgba(26,45,61,.15);
    opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .15s,transform .15s,visibility 0s .15s;
    max-height:80vh;overflow-y:auto;overscroll-behavior:contain;font-family:'Fredoka','Fredoka One','Heebo',sans-serif}
.mmm-panel.open{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .2s,transform .2s,visibility 0s 0s}
@media(max-width:1023px){.mmm-panel{display:none!important}}
.mmm-pin{max-width:1340px;margin:0 auto;padding:24px 28px 32px}
.mmm-ph{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;padding-bottom:14px;border-bottom:1px solid var(--mmm-pbrd)}
.mmm-pt{font-size:1.05rem;font-weight:800;color:var(--mmm-pttl)!important}
.mmm-pa{font-size:.84rem;font-weight:600;color:var(--mmm-green)!important}
.mmm-pa:hover{color:var(--mmm-green-h)!important}
.mmm-cols{display:grid;gap:28px 36px}
@media(max-width:1279px){.mmm-cols{grid-template-columns:repeat(3,1fr)!important}}
.mmm-colh{display:flex;align-items:center;gap:7px;padding-bottom:10px;margin-bottom:6px;border-bottom:2px solid var(--mmm-green);font-size:.8rem;font-weight:700;color:var(--mmm-green)!important;letter-spacing:.04em}

/* ═════ ULTRA CLEAN & MINIMALIST HOVER (DESKTOP) ═════ */
.mmm-dl { display: flex; flex-direction: column; gap: 4px; }

/* פריט עם תמונה */
.mmm-a {
    display: flex; align-items: center; gap: 12px; padding: 8px 10px;
    border-radius: 8px; background: transparent;
    transition: background 0.2s ease;
    transform: none !important;
}
.mmm-a:hover {
    background: rgba(95, 168, 134, 0.06) !important;
    transform: none !important;
}

/* התמונה (Thumbnail) */
.mmm-th {
    width: 42px; height: 42px; border-radius: 50%; overflow: hidden; flex-shrink: 0;
    background: #f0f4f6; border: 2px solid transparent;
    transition: border-color 0.2s ease;
    transform: none !important;
}
.mmm-a:hover .mmm-th, .mmm-sl:hover .mmm-th {
    border-color: var(--mmm-green);
    transform: none !important;
}
.mmm-th img { width: 100%; height: 100%; object-fit: cover; }

/* טקסט */
.mmm-nm { font-size: .95rem; font-weight: 600; color: var(--mmm-ptxt) !important; transition: color 0.2s ease; }
.mmm-sb { font-size: .78rem; color: var(--mmm-psub) !important; }
.mmm-a:hover .mmm-nm, .mmm-sl:hover .mmm-nm { color: var(--mmm-green-h) !important; }

/* גריד פריטים ללא תמונה */
.mmm-sg { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.mmm-sg.c4 { grid-template-columns: repeat(4, 1fr); }

/* פריט עם אייקון בלבד */
.mmm-sl {
    display: flex; align-items: center; gap: 10px; padding: 10px 14px;
    border-radius: 8px; font-size: .95rem; font-weight: 500;
    color: var(--mmm-ptxt) !important; background: transparent;
    transition: background 0.2s ease, color 0.2s ease;
    transform: none !important;
}
.mmm-sl:hover {
    background: rgba(95, 168, 134, 0.06) !important;
    color: var(--mmm-green-h) !important;
    transform: none !important;
}

/* האייקון - נעול הרמטית ולא משתנה בריחוף */
.mmm-ico {
    width: 36px; height: 36px; border-radius: 10px; background: rgba(95, 168, 134, 0.08);
    display: flex; align-items: center; justify-content: center; flex-shrink: 0;
    color: var(--mmm-green); font-size: 1.1rem;
    transition: none !important;
    transform: none !important;
}

/* ביטול מוחלט של כל שינוי צבע באייקון בדסקטופ בריחוף */
.mmm-panel .mmm-sl:hover .mmm-ico, 
.mmm-panel .mmm-a:hover .mmm-ico {
    background: rgba(95, 168, 134, 0.08) !important;
    color: var(--mmm-green) !important;
}
.mmm-panel .mmm-sl:hover .mmm-da-ico, 
.mmm-panel .mmm-a:hover .mmm-da-ico {
    filter: none !important;
    opacity: 0.7 !important;
}

/* התאמה למצב כהה (Dark Mode) - נקי וללא שינוי באייקונים בריחוף */
.mmm-dark .mmm-a:hover, html[data-theme="dark"] .mmm-a:hover,
.mmm-dark .mmm-sl:hover, html[data-theme="dark"] .mmm-sl:hover {
    background: rgba(255, 255, 255, 0.05) !important;
}

.mmm-dark .mmm-panel .mmm-sl:hover .mmm-ico, 
.mmm-dark .mmm-panel .mmm-a:hover .mmm-ico,
html[data-theme="dark"] .mmm-panel .mmm-sl:hover .mmm-ico,
html[data-theme="dark"] .mmm-panel .mmm-a:hover .mmm-ico {
    background: rgba(111,191,154,.1) !important;
    color: #5FA886 !important;
}

/* Backdrop */
.mmm-bk{position:fixed;inset:0;z-index:2147483644;background:rgba(13,27,42,.3);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity .15s,visibility 0s .15s;pointer-events:none}
.mmm-bk.show{opacity:1;visibility:visible;transition:opacity .15s,visibility 0s 0s}

/* ═══ Mobile drawer ═══ */
.mmm-drawer{position:fixed;top:0;right:0;bottom:0;width:min(88vw,400px);z-index:2147483647;background:var(--mmm-dbg);transform:translateX(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:-8px 0 40px rgba(0,0,0,.12);overflow:hidden;font-family:'Fredoka','Fredoka One','Heebo',sans-serif}
.mmm-drawer.open{transform:translateX(0)}
@media(max-width:767px){.mmm-drawer{width:100vw}}
.mmm-dh{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:16px 20px!important;background:var(--mmm-dhbg)!important;border-bottom:1px solid rgba(255,255,255,.15)!important;flex-shrink:0}
.mmm-dh-t{font-size:1.05rem!important;font-weight:700!important;color:#fff!important}
.mmm-dh-x,body .mmm-dh-x,button.mmm-dh-x{display:flex!important;align-items:center!important;justify-content:center!important;width:36px!important;height:36px!important;border-radius:10px!important;color:#fff!important;border:none!important;background:transparent!important;cursor:pointer!important;font-size:22px!important;font-weight:300;line-height:1!important;padding:0!important}
.mmm-dh-x:hover{background:rgba(255,255,255,.15)!important}
.mmm-db{flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;position:relative;background:var(--mmm-dbg)}
.mmm-dm{padding:6px 0;list-style:none!important;margin:0!important}
.mmm-di{border-bottom:1px solid var(--mmm-dbrd);list-style:none!important}
.mmm-di:last-child{border-bottom:none}

/* Drawer items (links + role=button) */
.mmm-da,a.mmm-da,[role="button"].mmm-da,body .mmm-da,.elementor .mmm-da,.mmm-drawer .mmm-da{
    display:flex!important;align-items:center!important;gap:14px!important;width:100%!important;
    padding:15px 20px!important;font-size:1rem!important;font-weight:600!important;color:var(--mmm-dtxt)!important;
    background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important;
    outline:none!important;text-decoration:none!important;font-family:'Fredoka','Fredoka One','Heebo',sans-serif!important;
    text-align:right!important;direction:rtl!important;-webkit-appearance:none!important;appearance:none!important;
    margin:0!important;line-height:1.5!important;-webkit-tap-highlight-color:transparent!important;
    -webkit-touch-callout:none!important}
/* Hover+active ONLY for mouse users - DISABLED for mobile (user request) */
/* @media(hover:hover) and (pointer:fine){
    .mmm-da:hover,.mmm-da:focus{background:rgba(95,168,134,.04)!important}
    .mmm-da:active{background:rgba(95,168,134,.08)!important}
} */
/* JS-controlled mobile tap feedback - DISABLED (user request: no background change) */
/* .mmm-da.mmm-tapped{background:rgba(95,168,134,.06)!important} */
/* Active parent: keep highlight when sub-panel is open - DISABLED */
/* .mmm-da.mmm-active-parent{background:rgba(95,168,134,.08)!important} */
/* Kill ALL visual feedback during panel transitions */
.mmm-sliding {
    pointer-events: none !important;
}
.mmm-sliding .mmm-da, .mmm-sliding .mmm-msl,
.mmm-sliding .mmm-da.mmm-tapped, .mmm-sliding .mmm-msl.mmm-tapped {
    background: transparent !important;
    transition: none !important;
}
.mmm-da-sub,[role="button"].mmm-da-sub,body .mmm-da-sub{border-bottom:1px solid var(--mmm-dbrd)!important}
.mmm-arr{font-size:0!important;flex-shrink:0!important;display:inline-block!important}

/* Sub-panels */
.mmm-ms{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--mmm-dbg);transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:2;overflow-y:auto}
.mmm-ms.open{transform:translateX(0)}
.mmm-ms3{z-index:3}
/* Block pointer events on level-1 when sub-panel is open (iOS touch-through fix) */
.mmm-db.mmm-sub-open > .mmm-dm{pointer-events:none!important}

/* Back button */
.mmm-msb,body .mmm-msb,[role="button"].mmm-msb,.elementor .mmm-msb,.mmm-drawer .mmm-msb{
    display:flex!important;align-items:center!important;gap:10px!important;padding:16px 20px!important;
    font-size:1rem!important;font-weight:700!important;color:#fff!important;background:var(--mmm-dhbg)!important;
    border:none!important;border-bottom:1px solid rgba(255,255,255,.15)!important;border-radius:0!important;
    width:100%!important;font-family:'Fredoka','Fredoka One','Heebo',sans-serif!important;text-align:right!important;direction:rtl!important;
    box-shadow:none!important;-webkit-appearance:none!important;appearance:none!important;margin:0!important;line-height:1.5!important}
.mmm-arr-back{font-size:18px!important;font-weight:300!important;color:rgba(255,255,255,.7)!important;transform:rotate(180deg)!important;display:inline-block!important}

/* Section headers */
.mmm-mss{font-size:.78rem!important;font-weight:700!important;color:var(--mmm-green)!important;letter-spacing:.04em;padding:14px 20px 6px;border-bottom:2px solid var(--mmm-green);margin:0 20px 2px}

/* Mobile items */
.mmm-msl,a.mmm-msl,body .mmm-msl{display:flex!important;align-items:center!important;gap:14px!important;padding:13px 20px!important;font-size:.95rem!important;font-weight:500!important;color:var(--mmm-dtxt)!important;border-bottom:1px solid var(--mmm-dbrd)!important;text-decoration:none!important;background:transparent!important;-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important}
/* @media(hover:hover) and (pointer:fine){.mmm-msl:active{background:rgba(95,168,134,.06)!important}} */
/* .mmm-msl.mmm-tapped{background:rgba(95,168,134,.04)!important} */
.mmm-msl:last-child{border-bottom:none!important}
.mmm-msi{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#f0f4f6;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.mmm-msi img{width:100%;height:100%;object-fit:cover}

/* Drawer icon — uses hardcoded stroke="#5FA886" in SVG HTML */
.mmm-da-ico,svg.mmm-da-ico{
    width:22px!important;height:22px!important;flex-shrink:0!important;min-width:22px!important;
    display:block!important;opacity:.7;transition:opacity .2s,stroke .2s}
@media(hover:hover) and (pointer:fine){
    .mmm-da:hover .mmm-da-ico,.mmm-da:focus .mmm-da-ico,
    .mmm-sl:hover .mmm-da-ico,.mmm-a:hover .mmm-da-ico{opacity:1!important}
    .mmm-msl:active .mmm-da-ico{opacity:1!important}
}
.mmm-msl .mmm-da-ico{margin-inline-end:6px}

body.mmm-locked{overflow:hidden!important}

/* Device visibility */
.mmm-desktop-only{display:block}
.mmm-mobile-only{display:none}
@media(max-width:1023px){.mmm-desktop-only{display:none!important}.mmm-mobile-only{display:block!important}}
.mmm-custom-html{padding:4px 10px;font-size:.85rem}


/* ═══════════════════════════════════════════════════════════════
   DARK MODE – Triggered by .mmm-dark class (auto-detected by JS)
   Also supports html[data-theme="dark"] as fallback
   ═══════════════════════════════════════════════════════════════ */

/*
 * KEY FIX: The site's dark mode CSS does:
 * [data-theme="dark"] a { color: var(--mz-dm-primary) !important }
 * where --mz-dm-primary = #5FA886 (green).
 * We can't beat its specificity, so instead we REDEFINE the variable
 * inside our components. The site's own rule then applies #fff.
 */
html[data-theme="dark"] .mmm-panel,
html[data-theme="dark"] .mmm-drawer,
.mmm-dark .mmm-panel,
.mmm-dark .mmm-drawer,
.mmm-panel.mmm-dark,
.mmm-drawer.mmm-dark {
    --mz-dm-primary: #ffffff !important;
    --mz-dm-accent: #cccccc !important;
}

/* Variable overrides for our own vars */
.mmm-dark,
html[data-theme="dark"] {
    --mmm-green-soft:rgba(255,255,255,.15);
    --mmm-pbg:var(--mz-dm-bg, #111827); --mmm-phov:var(--mz-dm-card-hover, #374151); --mmm-ptxt:#fff; --mmm-psub:#9ca3af;
    --mmm-pttl:#f3f4f6; --mmm-pbrd:var(--mz-dm-border, #374151);
    --mmm-dbg:var(--mz-dm-bg, #111827); --mmm-dtxt:#fff; --mmm-dbrd:var(--mz-dm-border, #374151); --mmm-dhbg:#1f2937;
}

/* Force ALL text white in dark mode – panels */
.mmm-dark .mmm-panel a,
.mmm-dark .mmm-panel a:link,
.mmm-dark .mmm-panel a:visited,
.mmm-dark .mmm-nm,
.mmm-dark .mmm-sl,
.mmm-dark .mmm-pt,
.mmm-dark .mmm-pa,
.mmm-dark .mmm-pa:link,
.mmm-dark .mmm-colh,
html[data-theme="dark"] .mmm-panel a,
html[data-theme="dark"] .mmm-nm,
html[data-theme="dark"] .mmm-sl,
html[data-theme="dark"] .mmm-pt,
html[data-theme="dark"] .mmm-pa,
html[data-theme="dark"] .mmm-colh {
    color: #fff !important;
}

.mmm-dark .mmm-panel a:hover,
html[data-theme="dark"] .mmm-panel a:hover {
    color: #ccc !important;
}

.mmm-dark .mmm-colh,
html[data-theme="dark"] .mmm-colh {
    border-bottom-color: rgba(255,255,255,.3) !important;
}

.mmm-dark .mmm-panel,
html[data-theme="dark"] .mmm-panel {
    box-shadow: 0 20px 60px rgba(0,0,0,.5);
}

.mmm-dark .mmm-bk,
html[data-theme="dark"] .mmm-bk {
    background: rgba(0,0,0,.5);
}

/* Force ALL text white in dark mode – drawer (mobile) */
.mmm-dark .mmm-da,
.mmm-dark .mmm-da .mmm-da-txt,
.mmm-dark .mmm-drawer .mmm-da,
.mmm-dark .mmm-arr,
.mmm-dark .mmm-msl,
.mmm-dark .mmm-mss,
.mmm-dark .mmm-drawer a,
.mmm-dark .mmm-drawer a:link,
.mmm-dark .mmm-drawer a:visited,
html[data-theme="dark"] .mmm-da,
html[data-theme="dark"] .mmm-da .mmm-da-txt,
html[data-theme="dark"] .mmm-drawer .mmm-da,
html[data-theme="dark"] .mmm-arr,
html[data-theme="dark"] .mmm-msl,
html[data-theme="dark"] .mmm-mss,
html[data-theme="dark"] .mmm-drawer a,
html[data-theme="dark"] .mmm-drawer a:link,
html[data-theme="dark"] .mmm-drawer a:visited {
    color: #fff !important;
}

.mmm-dark .mmm-mss,
html[data-theme="dark"] .mmm-mss {
    border-bottom-color: rgba(255,255,255,.3) !important;
}

.mmm-dark .mmm-di,
.mmm-dark .mmm-da-sub,
.mmm-dark .mmm-msl,
html[data-theme="dark"] .mmm-di,
html[data-theme="dark"] .mmm-da-sub,
html[data-theme="dark"] .mmm-msl {
    border-color: rgba(226,232,238,.08) !important;
}

.mmm-dark .mmm-msi,
html[data-theme="dark"] .mmm-msi {
    background: #1a2d3d;
    box-shadow: 0 2px 8px rgba(0,0,0,.2);
}

.mmm-dark .mmm-ico,
html[data-theme="dark"] .mmm-ico {
    background: rgba(111,191,154,.1);
}

/* Dark mode icons — ALWAYS GREEN (user request) */
.mmm-dark .mmm-da-ico,
html[data-theme="dark"] .mmm-da-ico,
.mmm-dark .mmm-drawer .mmm-da-ico,
html[data-theme="dark"] .mmm-drawer .mmm-da-ico {
    stroke: #5FA886 !important;
    fill: none !important;
    opacity: 1 !important;
    color: #5FA886 !important;
}

/* Icons inside sub-panel items in dark mode — full visibility */
.mmm-dark .mmm-ms .mmm-da-ico,
.mmm-dark .mmm-msl .mmm-da-ico,
html[data-theme="dark"] .mmm-ms .mmm-da-ico,
html[data-theme="dark"] .mmm-msl .mmm-da-ico {
    stroke: #5FA886 !important;
    fill: none !important;
    opacity: 1 !important;
    color: #5FA886 !important;
}

/* CRITICAL: Force ALL drawer icons to be green in dark mode */
.mmm-dark .mmm-drawer svg.mmm-da-ico,
html[data-theme="dark"] .mmm-drawer svg.mmm-da-ico,
.mmm-dark .mmm-dm .mmm-da-ico,
html[data-theme="dark"] .mmm-dm .mmm-da-ico {
    stroke: #5FA886 !important;
    fill: none !important;
    opacity: 1 !important;
    color: #5FA886 !important;
}

/* Active parent in dark mode - DISABLED */
/* .mmm-dark .mmm-da.mmm-active-parent,
html[data-theme="dark"] .mmm-da.mmm-active-parent {
    background: rgba(255,255,255,.08) !important;
} */

/* Dark mode hover - icons should stay green always */
@media(hover:hover) and (pointer:fine){
.mmm-dark .mmm-da:hover,
.mmm-dark .mmm-drawer a:hover,
html[data-theme="dark"] .mmm-da:hover,
html[data-theme="dark"] .mmm-drawer a:hover {
    color: #ccc !important;
    background: transparent !important; /* No background change */
}
.mmm-dark .mmm-da:hover .mmm-da-ico,
html[data-theme="dark"] .mmm-da:hover .mmm-da-ico,
.mmm-dark .mmm-drawer .mmm-da:hover .mmm-da-ico,
html[data-theme="dark"] .mmm-drawer .mmm-da:hover .mmm-da-ico {
    opacity: 1 !important;
    stroke: #5FA886 !important;
    color: #5FA886 !important;
}
}

/* ═══════════════════════════════════════════════════════════════
   STRICT iOS ONLY HOVER KILLER
   ═══════════════════════════════════════════════════════════════ */

/* 1. איפוס רקע, טקסט ואנימציות אך ורק ב-iOS */
.is-ios-device .mmm-drawer a:hover,
.is-ios-device .mmm-drawer .mmm-da:hover,
.is-ios-device .mmm-drawer .mmm-msl:hover,
.is-ios-device .mmm-drawer [role="button"]:hover {
    background-color: transparent !important;
    color: var(--mmm-dtxt) !important;
    box-shadow: none !important;
    transform: none !important;
}

/* 2. איפוס האייקונים החופשיים ב-iOS */
.is-ios-device .mmm-drawer a:hover .mmm-da-ico,
.is-ios-device .mmm-drawer .mmm-da:hover .mmm-da-ico,
.is-ios-device .mmm-drawer .mmm-msl:hover .mmm-da-ico {
    opacity: 0.7 !important;
    color: #5FA886 !important;
}

/* 3. איפוס הקופסה הירוקה של האייקון ב-iOS */
.is-ios-device .mmm-drawer a:hover .mmm-ico,
.is-ios-device .mmm-drawer .mmm-msl:hover .mmm-ico {
    background: rgba(95,168,134,.08) !important;
    color: var(--mmm-green) !important;
}

/* ═════ תמיכת מצב כהה ל-iOS ═════ */
.is-ios-device .mmm-dark .mmm-drawer a:hover,
.is-ios-device .mmm-dark .mmm-drawer .mmm-da:hover,
.is-ios-device .mmm-dark .mmm-drawer .mmm-msl:hover,
html[data-theme="dark"].is-ios-device .mmm-drawer a:hover,
html[data-theme="dark"].is-ios-device .mmm-drawer .mmm-da:hover,
html[data-theme="dark"].is-ios-device .mmm-drawer .mmm-msl:hover {
    color: #fff !important;
    background-color: transparent !important;
}

.is-ios-device .mmm-dark .mmm-drawer a:hover .mmm-da-ico,
.is-ios-device .mmm-dark .mmm-drawer .mmm-msl:hover .mmm-da-ico,
html[data-theme="dark"].is-ios-device .mmm-drawer a:hover .mmm-da-ico,
html[data-theme="dark"].is-ios-device .mmm-drawer .mmm-msl:hover .mmm-da-ico {
    opacity: 0.85 !important;
    color: #5FA886 !important;
}

.is-ios-device .mmm-dark .mmm-drawer a:hover .mmm-ico,
.is-ios-device .mmm-dark .mmm-drawer .mmm-msl:hover .mmm-ico,
html[data-theme="dark"].is-ios-device .mmm-drawer a:hover .mmm-ico,
html[data-theme="dark"].is-ios-device .mmm-drawer .mmm-msl:hover .mmm-ico {
    background: rgba(111,191,154,.1) !important;
    color: #5FA886 !important;
}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important}}

/* ═══════════════════════════════════════════════════════════════
   CRITICAL OVERRIDE – Beats Elementor/theme CSS via high specificity
   Previously loaded inline in <body>, now in main CSS for consistency
   across all pages (not just where shortcode is rendered)
   ═══════════════════════════════════════════════════════════════ */

/* Reset font on all drawer children */
.mmm-drawer *,
.mmm-drawer *::before,
.mmm-drawer *::after {
    font-family:'Fredoka','Fredoka One','Heebo',sans-serif!important;
    box-sizing:border-box!important;
}

/* Drawer container */
.mmm-drawer {
    background:var(--mmm-dbg)!important;
    color:var(--mmm-dtxt)!important;
}

/* Header bar */
.mmm-drawer .mmm-dh {
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    background-color:var(--mmm-dhbg)!important;
    padding:16px 20px!important;
    border-bottom:1px solid rgba(255,255,255,.15)!important;
    flex-shrink:0!important;
}
.mmm-drawer .mmm-dh-t { color:#fff!important;font-size:1.05rem!important;font-weight:700!important; }
.mmm-drawer .mmm-dh-x {
    color:#fff!important;border:none!important;background:transparent!important;
    font-size:0!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    width:36px!important;height:36px!important;cursor:pointer!important;
}
.mmm-drawer .mmm-dh-x svg { display:block!important;visibility:visible!important; }

/* Level-1 drawer items */
.mmm-drawer .mmm-da,
.mmm-drawer a.mmm-da,
.mmm-drawer [role="button"].mmm-da {
    display:flex!important;align-items:center!important;gap:14px!important;
    width:100%!important;padding:15px 20px!important;
    font-size:1rem!important;font-weight:600!important;
    color:var(--mmm-dtxt)!important;
    background:transparent!important;border:none!important;
    text-align:right!important;direction:rtl!important;line-height:1.5!important;
    text-decoration:none!important;
    -webkit-tap-highlight-color:transparent!important;
    -webkit-touch-callout:none!important;
    user-select:none!important;
}
.mmm-drawer .mmm-di { border-bottom:1px solid var(--mmm-dbrd)!important; }

/* Chevron arrow – CSS-drawn, no font dependency */
.mmm-drawer .mmm-arr {
    display:inline-block!important;flex-shrink:0!important;
    width:8px!important;height:8px!important;
    border-right:2px solid #6b7f8e!important;
    border-bottom:2px solid #6b7f8e!important;
    transform:rotate(135deg)!important;
    font-size:0!important;color:transparent!important;
    vertical-align:middle!important;background:transparent!important;
}

/* Sub-panel back button - ALWAYS green background, NO hover effects */
.mmm-drawer .mmm-msb,
.mmm-drawer [role="button"].mmm-msb,
.mmm-drawer .mmm-msb:hover,
.mmm-drawer .mmm-msb:active,
.mmm-drawer .mmm-msb:focus,
.mmm-drawer [role="button"].mmm-msb:hover,
.mmm-drawer [role="button"].mmm-msb:active,
.mmm-drawer [role="button"].mmm-msb:focus,
body .mmm-drawer .mmm-msb,
body .mmm-drawer .mmm-msb:hover,
body .mmm-drawer .mmm-msb:active {
    display:flex!important;align-items:center!important;gap:10px!important;
    background-color:var(--mmm-dhbg)!important;
    background:var(--mmm-dhbg)!important;
    color:#fff!important;
    padding:16px 20px!important;width:100%!important;
    border:none!important;border-bottom:1px solid rgba(255,255,255,.15)!important;
    font-size:1rem!important;font-weight:700!important;
    text-align:right!important;direction:rtl!important;
    -webkit-tap-highlight-color:transparent!important;
}

/* Back arrow */
.mmm-drawer .mmm-arr-back {
    display:inline-block!important;flex-shrink:0!important;
    width:8px!important;height:8px!important;
    border-right:2px solid rgba(255,255,255,.7)!important;
    border-bottom:2px solid rgba(255,255,255,.7)!important;
    transform:rotate(315deg)!important;
    font-size:0!important;color:transparent!important;
    vertical-align:middle!important;background:transparent!important;
}

/* Sub-panel leaf items */
.mmm-drawer .mmm-msl,
.mmm-drawer a.mmm-msl {
    display:flex!important;align-items:center!important;gap:14px!important;
    padding:13px 20px!important;
    font-size:.95rem!important;font-weight:500!important;
    color:var(--mmm-dtxt)!important;
    border-bottom:1px solid var(--mmm-dbrd)!important;
    text-decoration:none!important;background:transparent!important;
    -webkit-tap-highlight-color:transparent!important;
    -webkit-touch-callout:none!important;
    user-select:none!important;
}

/* Section headers */
.mmm-drawer .mmm-mss {
    font-size:.78rem!important;font-weight:700!important;
    color:var(--mmm-green)!important;
    padding:14px 20px 6px!important;
    border-bottom:2px solid var(--mmm-green)!important;
    margin:0 20px 2px!important;
    display:block!important;
}

/* ═══════════════════════════════════════════════════════════════
   CRITICAL: Kill ALL background effects on drawer items
   User request: NO background change ever, on any device
   ═══════════════════════════════════════════════════════════════ */
.mmm-drawer .mmm-da,
.mmm-drawer a.mmm-da,
.mmm-drawer [role="button"].mmm-da,
.mmm-drawer .mmm-da:hover,
.mmm-drawer .mmm-da:focus,
.mmm-drawer .mmm-da:active,
.mmm-drawer a.mmm-da:hover,
.mmm-drawer a.mmm-da:focus,
.mmm-drawer a.mmm-da:active,
.mmm-drawer [role="button"].mmm-da:hover,
.mmm-drawer [role="button"].mmm-da:focus,
.mmm-drawer [role="button"].mmm-da:active,
body .mmm-drawer .mmm-da,
body .mmm-drawer .mmm-da:hover,
body .mmm-drawer .mmm-da:active {
    background: transparent !important;
    background-color: transparent !important;
}

/* Same for mobile sub-panel items */
.mmm-drawer .mmm-msl,
.mmm-drawer a.mmm-msl,
.mmm-drawer .mmm-msl:hover,
.mmm-drawer .mmm-msl:focus,
.mmm-drawer .mmm-msl:active,
.mmm-drawer a.mmm-msl:hover,
.mmm-drawer a.mmm-msl:focus,
.mmm-drawer a.mmm-msl:active,
body .mmm-drawer .mmm-msl,
body .mmm-drawer .mmm-msl:hover,
body .mmm-drawer .mmm-msl:active {
    background: transparent !important;
    background-color: transparent !important;
}

/* Dark mode - same rules */
.mmm-dark .mmm-drawer .mmm-da,
.mmm-dark .mmm-drawer .mmm-da:hover,
.mmm-dark .mmm-drawer .mmm-da:active,
.mmm-dark .mmm-drawer .mmm-msl,
.mmm-dark .mmm-drawer .mmm-msl:hover,
.mmm-dark .mmm-drawer .mmm-msl:active,
html[data-theme="dark"] .mmm-drawer .mmm-da,
html[data-theme="dark"] .mmm-drawer .mmm-da:hover,
html[data-theme="dark"] .mmm-drawer .mmm-da:active,
html[data-theme="dark"] .mmm-drawer .mmm-msl,
html[data-theme="dark"] .mmm-drawer .mmm-msl:hover,
html[data-theme="dark"] .mmm-drawer .mmm-msl:active {
    background: transparent !important;
    background-color: transparent !important;
}

/* Dark mode - back button KEEPS its background */
.mmm-dark .mmm-drawer .mmm-msb,
.mmm-dark .mmm-drawer .mmm-msb:hover,
.mmm-dark .mmm-drawer .mmm-msb:active,
html[data-theme="dark"] .mmm-drawer .mmm-msb,
html[data-theme="dark"] .mmm-drawer .mmm-msb:hover,
html[data-theme="dark"] .mmm-drawer .mmm-msb:active {
    background: var(--mmm-dhbg) !important;
    background-color: var(--mmm-dhbg) !important;
}

/* ═══════════════════════════════════════════════════════════════
   Mobile tap feedback: ICONS & IMAGES ONLY (subtle scale grow)
   ═══════════════════════════════════════════════════════════════ */

/* Add smooth transition to icons and images */
.mmm-drawer .mmm-ico,
.mmm-drawer .mmm-da-ico,
.mmm-drawer .mmm-msi,
.mmm-drawer .mmm-th {
    transition: transform 0.15s ease !important;
}

/* Scale on active (tap) - mobile */
.mmm-drawer .mmm-da:active .mmm-ico,
.mmm-drawer .mmm-msl:active .mmm-ico,
.mmm-drawer .mmm-da:active .mmm-da-ico,
.mmm-drawer .mmm-msl:active .mmm-da-ico,
.mmm-drawer .mmm-da:active .mmm-msi,
.mmm-drawer .mmm-msl:active .mmm-msi,
.mmm-drawer .mmm-da:active .mmm-th,
.mmm-drawer .mmm-msl:active .mmm-th {
    transform: scale(1.12) !important;
}