/* =========================================================================
   RokLon Native — Smart menu = one fixed expanded top navbar on EVERY page.
   (The old slide-out drawer rules below are kept as harmless base styling;
   .rn-topbar overrides what matters. menu.js always adds .rn-topbar now.)
   ========================================================================= */

#roklon-smart-menu{font-family:Assistant,Heebo,sans-serif!important;direction:rtl!important;position:relative;z-index:2147483000}
#roklon-smart-menu .rn-tab{font:800 18px Assistant,Heebo,sans-serif!important;writing-mode:vertical-rl;min-height:130px;gap:10px;box-shadow:0 0 25px #28adff33,0 12px 30px #0005;transition:background .3s,right .45s}#roklon-smart-menu.rn-open .rn-tab{right:300px!important;background:#a70035!important;border-color:#ed3b6c!important}
#roklon-smart-menu .rn-panel{position:fixed!important;display:flex;flex-direction:column;right:12px;top:32%;width:270px;max-height:65vh;overflow:auto;padding:40px 18px 20px;box-sizing:border-box;background:linear-gradient(140deg,#19324aef,#020c22f5);border:1px solid #7cceff88;border-radius:22px;box-shadow:0 0 35px #1a9df52a,0 22px 65px #0008;backdrop-filter:blur(18px);z-index:2147482999;gap:10px;animation:rn-open .45s cubic-bezier(.2,.8,.25,1) both}#roklon-smart-menu .rn-panel[hidden]{display:none!important}
#roklon-smart-menu .rn-heading{font:9px Arial,sans-serif;letter-spacing:1.6px;color:#8cd3ff;text-align:center;margin-bottom:8px}#roklon-smart-menu .rn-close{position:absolute;top:6px;left:12px;background:none;border:0;color:#bde9ff;font-size:28px;cursor:pointer;padding:0 6px}
#roklon-smart-menu .rn-link{display:flex!important;align-items:center;justify-content:space-between;padding:13px 14px;border-radius:11px;border:1px solid #68bfe633;background:#ffffff05;color:#fff!important;font-size:19px;font-weight:800;text-decoration:none!important;transition:background .2s,border-color .2s,transform .2s}#roklon-smart-menu .rn-link small{font:10px Arial,sans-serif;color:#77cfff;letter-spacing:1px}#roklon-smart-menu .rn-link:hover{background:#a90034aa;border-color:#ee356a;transform:translateX(-3px)}#roklon-smart-menu .rn-brand{display:block;text-align:center}#roklon-smart-menu .rn-brand img{width:100%;height:110px;object-fit:contain;display:block}#roklon-smart-menu a:focus-visible,#roklon-smart-menu button:focus-visible{outline:3px solid #a3e3ff;outline-offset:2px}
@keyframes rn-open{from{opacity:0;transform:translateX(30px) scale(.98)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){#roklon-smart-menu *{animation:none!important;transition:none!important}}

/* =========================================================================
   TOP NAVBAR MODE — on every page.
   ========================================================================= */
#roklon-smart-menu.rn-topbar{position:static}
#roklon-smart-menu.rn-topbar .rn-panel{
    position:fixed!important; top:0; right:0; left:0; width:100%; min-height:60px;
    flex-direction:row; align-items:center; gap:6px;
    max-height:none; overflow-x:auto; overflow-y:visible; scrollbar-width:none;
    padding:9px clamp(16px,4vw,60px); box-sizing:border-box;
    background:linear-gradient(90deg,#030b18f2,#071a30f2);
    border:0; border-bottom:1px solid #7cceff40; border-radius:0;
    box-shadow:0 10px 30px #00000055; backdrop-filter:blur(14px);
    animation:none;
}
#roklon-smart-menu.rn-topbar .rn-panel::-webkit-scrollbar{display:none}
#roklon-smart-menu.rn-topbar .rn-panel[hidden]{display:flex!important}
#roklon-smart-menu.rn-topbar .rn-heading,
#roklon-smart-menu.rn-topbar .rn-close,
#roklon-smart-menu.rn-topbar .rn-tab{display:none!important}

#roklon-smart-menu.rn-topbar .rn-brand{order:-1;margin-inline-end:auto;flex:0 0 auto;text-align:start}
#roklon-smart-menu.rn-topbar .rn-brand img{width:auto;height:40px}

#roklon-smart-menu.rn-topbar .rn-link{
    flex:0 0 auto; white-space:nowrap; justify-content:center;
    padding:9px 15px; font-size:16px;
    background:none!important; border:1px solid transparent!important; border-radius:9px;
}
#roklon-smart-menu.rn-topbar .rn-link small{display:none}
#roklon-smart-menu.rn-topbar .rn-link:hover{
    background:#a90034aa!important; border-color:#ee356a!important; transform:none;
}

/* sit below the WP admin bar when it's present (logged-in only) */
body.admin-bar #roklon-smart-menu.rn-topbar .rn-panel{top:32px}
@media(max-width:782px){body.admin-bar #roklon-smart-menu.rn-topbar .rn-panel{top:46px}}

/* clear the fixed bar on every page; drop the redundant mini nav; and hide
   the home hero's own header (the top bar replaces it). */
body{padding-top:62px!important}
body.home{padding-top:88px!important;background-color:#deeaffcf!important} /* 60px bar + ~28px gap, in the hero's background color */
.roklon-inner-nav{display:none}
body.home .rk-header{display:none!important}

@media(max-width:767px){
    #roklon-smart-menu.rn-topbar .rn-brand img{height:32px}
    #roklon-smart-menu.rn-topbar .rn-link{font-size:14px;padding:8px 11px}
    body{padding-top:56px!important}
    body.home{padding-top:78px!important}
}

/* the cart icon (moved into the bar by cart.js) replaces the redundant
   "סל הקניות" text link. Delete this rule to show both. */
#roklon-smart-menu.rn-topbar .rn-link[href*="/cart"]{display:none}