/* ירוק ירוק — mobile drawer (#yym, ≤1024px) + search panel (#yys) — see mobile-menu.php */
html.yy-locked{overflow:hidden}

/* ---------- drawer ---------- */
.yym{position:fixed;inset:0;z-index:100100;display:flex;flex-direction:column;direction:rtl;overflow-y:auto;overscroll-behavior:contain;
	background:radial-gradient(120% 60% at 100% 0,rgba(201,227,107,.10),transparent 60%),#0B3A1F;color:#fff;
	transform:translateX(100%);transition:transform .42s cubic-bezier(.22,.8,.2,1);padding-bottom:env(safe-area-inset-bottom);font-family:Rubik,system-ui,sans-serif}
.yym.is-open{transform:none}
.yym:focus{outline:none}
.yym-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.1)}
.yym-logo{display:block;line-height:0;color:#fff;font:800 22px Rubik,sans-serif;text-decoration:none}
.yym-logo img{height:40px;width:auto}
.yym-x{flex:0 0 46px;width:46px;height:46px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#fff;display:grid;place-items:center;cursor:pointer;transition:background-color .2s,transform .3s}
.yym-x:hover,.yym-x:focus-visible{background:rgba(255,255,255,.14);color:#fff;transform:rotate(90deg)}
.yym-x svg,.yys-x svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}

.yym-nav{display:flex;flex-direction:column;padding:4px 0 10px;flex:1 0 auto}
.yym-i{display:flex;align-items:center;gap:14px;padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.08);color:#fff!important;text-decoration:none;font:600 20px/1.2 Rubik,sans-serif;
	opacity:0;transform:translateX(28px);-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.yym.is-open .yym-i{animation:yym-in .5s cubic-bezier(.22,.8,.2,1) var(--d,0ms) forwards}
@keyframes yym-in{to{opacity:1;transform:none}}
.yym-i:active,.yym-i:focus-visible{background:rgba(255,255,255,.06);outline:none}
.yym-img{flex:0 0 46px;width:46px;height:46px;border-radius:50%;object-fit:cover;background:#F3F2EE;box-shadow:0 0 0 2px rgba(255,255,255,.08)}
.yym-img--icon{display:grid;place-items:center;background:#C9E36B}
.yym-img--icon svg{width:24px;height:24px;fill:none;stroke:#0B3A1F;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.yym-t{flex:1}
.yym-arr{flex:0 0 18px;width:18px;height:18px;fill:none;stroke:rgba(255,255,255,.38);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s,stroke .25s}
.yym-i.is-current .yym-t{color:#C9E36B}
.yym-i.is-current .yym-img{box-shadow:0 0 0 2px #C9E36B}
@media (hover:hover){.yym-i:hover{background:rgba(255,255,255,.05)}.yym-i:hover .yym-arr{stroke:#C9E36B;transform:translateX(-4px)}}

.yym-cta{display:grid;gap:10px;padding:16px 18px 22px;border-top:1px solid rgba(255,255,255,.1);opacity:0}
.yym.is-open .yym-cta{animation:yym-fade .5s ease .45s forwards}
@keyframes yym-fade{to{opacity:1}}
.yym-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.yym-btn{display:flex;align-items:center;justify-content:center;min-height:52px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.05);color:#fff!important;font:600 16px Rubik,sans-serif;text-decoration:none;touch-action:manipulation}
.yym-btn--main{background:#C9E36B;border-color:#C9E36B;color:#0B3A1F!important;font-weight:700;font-size:17px}
.yym-btn:active{transform:scale(.98)}

@media (min-width:1025px){.yym{display:none!important}}

/* ---------- search panel ---------- */
.yys{position:fixed;inset:0;z-index:100100;direction:rtl}
.yys-dim{position:absolute;inset:0;background:rgba(11,58,31,.42);opacity:0;transition:opacity .3s}
.yys-box{position:relative;z-index:1;display:flex;align-items:center;gap:10px;padding:14px 16px;background:#fff;box-shadow:0 18px 40px -20px rgba(11,58,31,.45);
	transform:translateY(-105%);transition:transform .36s cubic-bezier(.22,.8,.2,1)}
.yys.is-open .yys-box{transform:none}
.yys.is-open .yys-dim{opacity:1}
.yys-form{flex:1;display:flex;align-items:center;gap:6px;max-width:760px;margin:0 auto;padding:5px 5px 5px 8px;border-radius:999px;background:#E9F2DD}
.yys-ico{flex:0 0 20px;width:20px;height:20px;margin-inline-start:10px;fill:none;stroke:#104F2A;stroke-width:2.2;stroke-linecap:round}
.yys-form input[type=search]{flex:1;min-width:0;border:0!important;background:transparent!important;box-shadow:none!important;outline:none;padding:10px 8px!important;font:400 16px Rubik,sans-serif;color:#1D2B22}
.yys-go{flex:0 0 auto;border:0;border-radius:999px;background:#104F2A;color:#fff;font:600 15px Rubik,sans-serif;padding:11px 18px;cursor:pointer}
.yys-go:hover,.yys-go:focus{background:#66A11F;color:#fff}
.yys-x{flex:0 0 44px;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#E9F2DD;color:#104F2A;display:grid;place-items:center;cursor:pointer}
.yys-x:hover,.yys-x:focus{background:#104F2A;color:#fff}

@media (prefers-reduced-motion:reduce){
	.yym,.yys-box,.yys-dim{transition:none}
	.yym.is-open .yym-i,.yym.is-open .yym-cta{animation:none;opacity:1;transform:none}
}

/* the kit's global button styles (.elementor-kit-N button: padding 16/30, theme pink focus border) outrank the classes above */
#yym .yym-x,#yys .yys-x{padding:0!important;border-radius:50%!important;min-width:0;line-height:0}
#yym .yym-x{border:1px solid rgba(255,255,255,.2)!important;background:rgba(255,255,255,.06)!important;color:#fff!important}
#yym .yym-x:hover,#yym .yym-x:focus-visible{background:rgba(255,255,255,.14)!important}
#yys .yys-x{border:0!important;background:#E9F2DD!important;color:#104F2A!important}
#yys .yys-x:hover,#yys .yys-x:focus-visible{background:#104F2A!important;color:#fff!important}
#yys .yys-go{padding:11px 18px!important;border:0!important;border-radius:999px!important;background:#104F2A!important;color:#fff!important;font:600 15px Rubik,sans-serif!important}
#yys .yys-go:hover,#yys .yys-go:focus-visible{background:#66A11F!important}
#yym button:focus,#yys button:focus{outline:none}
#yym button:focus-visible,#yys button:focus-visible,#yym a:focus-visible{outline:2px solid #C9E36B;outline-offset:2px}
/* floating buttons (cookie, phone/WhatsApp, back-to-top) step aside while a panel is open */
html.yy-locked .ckc-fab,html.yy-locked #yyFab,html.yy-locked .yy-top{visibility:hidden}