/* ===== Off-canvas בסיסי (RTL/לוגי) ===== */

#sl-offcanvas-mask{
  position: fixed; inset: 0;
  background: rgba(0,0,0,.35);
  opacity: 0; visibility: hidden;
  z-index: 10040; transition: opacity .2s;
}
#sl-sb-ph{display:none !important;}

.sl-offcanvas{
  position: fixed; top:0; bottom:0;
  width: 86vw; max-width: 420px;
  background: #fff; color: #111;
  display: flex; flex-direction: column;
  z-index: 10050;
  inset-inline-end: 0; /* RTL/LTR מתאים את עצמו */
  --sl-offcanvas-shift: 100%;
  transform: translateX(var(--sl-offcanvas-shift));
  box-shadow: 0 0 30px rgba(0,0,0,.28);
  transition: transform .28s ease;
}
html[dir="rtl"] .sl-offcanvas{ --sl-offcanvas-shift: -100%; }

.sl-offcanvas header{
  display:flex; align-items:center; justify-content:space-between;
  gap: 10px; padding: 12px 14px; border-bottom:1px solid #eee;
}
.sl-offcanvas .sl-title{ font-weight:700; }
.sl-offcanvas .sl-close{ font:inherit; font-size:24px; line-height:1; border:0; background:transparent; cursor:pointer; }

.sl-panel-scroll{ overflow: auto; -webkit-overflow-scrolling: touch; padding: 12px; }

/* מצב פתוח */
html.sl-panel-open #sl-offcanvas-mask{ opacity:1; visibility:visible; }
html.sl-panel-open #sl-mobile-menu.open,
html.sl-panel-open #sl-mobile-filters.open{ transform: none; }
html.sl-panel-open, html.sl-panel-open body{ overflow:hidden !important; }

/* כפתורי צף */
/* מסך גדול – לא מציגים פאנלי מובייל/כפתורים */
@media (min-width:1025px){
  .sl-floating-btn, #sl-mobile-menu, #sl-mobile-filters, #sl-offcanvas-mask{ display:none !important; }
}

/* חנות – להסתיר סיידבר המקורי במובייל כדי שלא "ידחוף" את הגריד */
@media (max-width:1024px){
  .category-page-row > .col.large-3,
  .archive.woocommerce .shop-sidebar,
  .archive.woocommerce .widget-area{ display:none !important; }
}

/* ניווט בתפריט מובייל */
.sl-mobile-nav{ list-style:none; margin:0; padding:0; }
.sl-mobile-nav li{ border-bottom:1px solid #f0f0f0; }
.sl-mobile-nav a{ display:block; padding:12px 4px; text-decoration:none; color:#222; }
.sl-mobile-nav a:hover{ color:#0a58ca; }

/* Mobile header buttons */
.sl-header__mobile-actions{
  display:none;
  background:#fff;
  border-top:0;
  border-bottom:0;
  box-shadow:none;
  margin:0;
  padding:0;
}
.sl-mobile-header-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  border:0;
  border-radius:10px;
  background:#1f3b5a;
  color:#fff;
  padding:5px 10px;
  font-weight:600;
  font-size:.95rem;
  line-height:1.1;
  min-height:38px;
  box-shadow:0 3px 12px rgba(31,59,90,.16);
  transition:transform .15s ease, box-shadow .15s ease;
}
.sl-mobile-header-btn svg{inline-size:18px;block-size:18px;}
.sl-mobile-header-btn:active{transform:translateY(1px);box-shadow:0 2px 10px rgba(31,59,90,.15);}
@media (max-width:1024px){
  .sl-header__mobile-actions{
    display:flex;
    justify-content:center;
    gap:8px;
    padding:0 12px;
    margin:0 auto;
    width:100%;
    position:relative;
    z-index:5;
    margin-top:-6px;
  }
  .sl-header__mobile-actions .sl-mobile-header-btn{flex:1 1 0;}
  body.home .sl-header__mobile-actions .sl-filters-toggle{display:none;}
  body.home .sl-header__mobile-actions .sl-menu-toggle{flex:1 1 100%;}
}
@media (min-width:1025px){
  #sl-mobile-menu, #sl-mobile-filters, #sl-offcanvas-mask{display:none !important;}
  .sl-header__mobile-actions{display:none !important;}
}