/* ==========================================================================
   Brosh Pool — mobile navigation (hamburger overlay) skin.
   Pure CSS. Styles ONLY the open mobile overlay (.is-menu-open) — the desktop
   horizontal nav is untouched. No links/pages/logic changed. RTL, app-like.
   ========================================================================== */
.wp-block-navigation__responsive-container.is-menu-open{
  --nv-navy:#06313c; --nv-ink:#0e3944; --nv-muted:#5f8390; --nv-line:#e2eef3;
  --nv-blue:#1e88c4; --nv-blueGrad:linear-gradient(135deg,#2bb3d9,#1483c0);
  --nv-bg:#f4fafd;
  background:var(--nv-bg)!important; direction:rtl;
  animation:broshNavIn .26s ease both; }
@keyframes broshNavIn{ from{ opacity:0; transform:translateY(-8px);} to{ opacity:1; transform:none;} }
@media (prefers-reduced-motion:reduce){
  .wp-block-navigation__responsive-container.is-menu-open{ animation:none; } }

/* close button (X) — top start, round, tidy, easy tap */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close{
  position:absolute!important; top:14px!important; inset-inline-start:16px!important; z-index:5;
  width:42px!important; height:42px!important; border-radius:50%!important;
  border:1px solid var(--nv-line)!important; background:#fff!important; color:var(--nv-navy)!important;
  font-size:20px; line-height:1; display:flex!important; align-items:center; justify-content:center;
  cursor:pointer; box-shadow:0 6px 16px -10px rgba(6,49,60,.5);
  transition:transform .12s ease, background .15s ease; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close:hover{ background:#eef7fc!important; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close:active{ transform:scale(.92); }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close svg{ width:22px!important; height:22px!important; fill:currentColor!important; }

/* content wrapper — room below the close button, scrolls on long menus */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{
  padding:64px 16px 26px!important; overflow-y:auto!important; box-sizing:border-box; width:100%; }

/* the list → a column of nav cards */
.is-menu-open ul.wp-block-navigation__container{
  list-style:none!important; margin:0!important; padding:0!important; max-width:520px; margin-inline:auto!important;
  display:flex!important; flex-direction:column!important; gap:9px!important; align-items:stretch!important; }

/* top header area (injected via ::before on the list) */
.is-menu-open ul.wp-block-navigation__container::before{
  content:"בריכת ברוש 🌊\A תפריט ניווט"; white-space:pre-line; display:block;
  text-align:right; padding:14px 16px 12px; margin-bottom:6px; border-radius:16px;
  background:linear-gradient(180deg,#ffffff,#eaf6fc); border:1px solid var(--nv-line);
  box-shadow:0 8px 18px -14px rgba(6,49,60,.5);
  color:var(--nv-navy); font-weight:900; font-size:20px; line-height:1.5; }

/* each nav item = clean card row (full container prefix to beat the theme's own nav rules) */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item{
  margin:0!important; background:#fff!important; border:1px solid var(--nv-line)!important;
  border-radius:14px!important; box-shadow:0 6px 14px -12px rgba(6,49,60,.4)!important;
  transition:transform .12s ease, background .15s ease; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:active{ transform:scale(.985); background:#f0f8fc!important; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item > a,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item > .wp-block-navigation-item__content{
  display:flex!important; align-items:center!important; gap:12px!important;
  padding:13px 15px!important; text-decoration:none!important; color:var(--nv-navy)!important;
  font-weight:800!important; font-size:19px!important; line-height:1.2!important; background:transparent!important; }
/* dropdown submenu arrow, if any — keep subtle */
.is-menu-open .wp-block-navigation-item .wp-block-navigation-submenu__toggle{ color:var(--nv-muted)!important; }

/* tidy icon before items — assigned by DESTINATION (href), so it's correct even with the
   nested submenus (בריכת ברוש / חשבון are dropdown parents). Base rule only sizes; the icon
   appears only where a content rule below matches, so items without one stay clean. */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item > a::before,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item > .wp-block-navigation-item__content::before{
  font-size:20px; width:26px; text-align:center; flex:0 0 auto; }
/* home = first top-level item */
.wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container > .wp-block-navigation-item:first-child > a::before{ content:"🏠"; }
/* בריכת ברוש — the top-level /about/ parent */
.wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container > .wp-block-navigation-item.has-child > a[href*="/about" i]::before{ content:"🌊"; }
/* מידע על הבריכה — the /about/ link inside a submenu */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container a[href*="/about" i]::before{ content:"ℹ️"; }
/* תפריט בריכת ברוש (slug תפריט… → %d7%aa%d7%a4%d7%a8) */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item > a[href*="%d7%aa%d7%a4%d7%a8" i]::before{ content:"🍔"; }
/* מדריך שימוש */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item > a[href*="/guide" i]::before{ content:"📖"; }
/* חשבון — the top-level /פורטל-לקוח/ parent (slug פורטל… → %d7%a4%d7%95%d7%a8%d7%98) */
.wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container > .wp-block-navigation-item.has-child > a[href*="%d7%a4%d7%95%d7%a8%d7%98" i]::before{ content:"👤"; }
/* פורטל לקוח — inside a submenu */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container a[href*="%d7%a4%d7%95%d7%a8%d7%98" i]::before{ content:"🎫"; }
/* החשבון שלי */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item > a[href*="/my-account" i]::before{ content:"🪪"; }
/* עגלה keeps the theme's own cart glyph + the qty badge — no extra emoji (avoids doubling) */

/* highlight the key action: תפריט בריכת ברוש */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:has(> a[href*="%d7%aa%d7%a4%d7%a8" i]){
  background:linear-gradient(180deg,#eaf6fc,#dcf0fa)!important; border-color:#9fd4ec!important; box-shadow:0 8px 18px -12px rgba(30,136,196,.5)!important; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item > a[href*="%d7%aa%d7%a4%d7%a8" i]{ color:var(--nv-blue)!important; font-weight:900!important; }

/* cart quantity badge (injected by brosh-nav.js when the cart isn't empty) */
.is-menu-open .brosh-cart-badge{
  margin-inline-start:auto!important; min-width:22px; height:22px; padding:0 6px; border-radius:999px;
  background:var(--nv-blueGrad); color:#fff; font-size:12.5px; font-weight:900;
  display:inline-flex; align-items:center; justify-content:center; line-height:1; }