/* ============================================================
   super-asulin — Liquid Glass / Glassmorphism layer
   נטען אחרי styles.css + woo.css. מוסיף שכבת זכוכית מטושטשת
   ל-header, כרטיסים, כפתורים, עגלה, ואזור "החשבון שלי".
   ============================================================ */

/* ---------- גופן: Heebo (עברית + אנגלית, נקי, מודרני, הייטקיסטי) ---------- */
:root{
  --font-display: "Heebo", system-ui, sans-serif;
  --font-body: "Heebo", system-ui, sans-serif;
}
body, button, input, select, textarea,
.pcard__name, .pcard__cat,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.sa-dept-n, .cbp-links a, .widget, .nav, .nav a{
  font-family: var(--font-body) !important;
  letter-spacing: 0 !important;
}
h1,h2,h3,h4,.eyebrow,.section-head h2,.sa-dept-title,.pcard__price,.sa-dept-title{
  font-family: var(--font-display) !important;
}
/* כפיית הגופן גם על תוכן Elementor (אחרת נשאר גופן ברירת-מחדל מרובע).
   ה-:not מחריג אייקונים כדי שלא יישברו. */
.elementor-widget-text-editor, .elementor-widget-text-editor *,
.elementor-widget-heading .elementor-heading-title,
.elementor-button, .elementor-widget-container,
.elementor *:not(i):not(svg):not([class*="icon"]):not([class*="eicon"]):not([class*="fa-"]){
  font-family: var(--font-body) !important;
}
.elementor h1, .elementor h2, .elementor h3, .elementor h4,
.elementor .elementor-heading-title{ font-family: var(--font-display) !important; }

:root{
  --glass-bg: rgba(255,255,255,.55);
  --glass-bg-strong: rgba(255,255,255,.72);
  --glass-bg-dark: rgba(17,38,27,.45);
  --glass-blur: 18px;
  --glass-border: 1px solid rgba(255,255,255,.55);
  --glass-border-soft: 1px solid rgba(255,255,255,.35);
  --glass-shadow: 0 8px 32px rgba(26,40,30,.14), inset 0 1px 0 rgba(255,255,255,.6);
  --glass-shadow-lg: 0 20px 60px rgba(26,40,30,.20), inset 0 1px 0 rgba(255,255,255,.7);
  --glass-sheen: linear-gradient(135deg, rgba(255,255,255,.5) 0%, rgba(255,255,255,.05) 40%, transparent 70%);
}

/* ---------- reusable glass utility ---------- */
.glassy{
  background: var(--glass-bg);
  -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(1.5);
  backdrop-filter: blur(var(--glass-blur)) saturate(1.5);
  border: var(--glass-border);
  box-shadow: var(--glass-shadow);
  border-radius: var(--r-lg);
  position: relative;
  overflow: hidden;
}
.glassy::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background: var(--glass-sheen);opacity:.6;mix-blend-mode:screen;
}

/* ---------- frosted header on scroll ---------- */
.site-header.scrolled .header-row,
.site-header.scrolled{
  background: var(--glass-bg-strong);
  -webkit-backdrop-filter: blur(16px) saturate(1.4);
  backdrop-filter: blur(16px) saturate(1.4);
  box-shadow: 0 6px 24px rgba(26,40,30,.10);
}
.site-header .header-actions .icon-btn{
  background: var(--glass-bg);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border: var(--glass-border-soft);
  transition: transform .2s var(--ease), box-shadow .2s;
}
.site-header .header-actions .icon-btn:hover{ transform: translateY(-2px); box-shadow: var(--glass-shadow); }

/* mega + category popups → glass */
.mega, .catpop{
  background: var(--glass-bg-strong) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.5);
  backdrop-filter: blur(20px) saturate(1.5);
  border: var(--glass-border-soft);
}

/* ---------- product cards → subtle glass ---------- */
.pcard{
  background: var(--glass-bg-strong);
  -webkit-backdrop-filter: blur(10px) saturate(1.3);
  backdrop-filter: blur(10px) saturate(1.3);
  border: var(--glass-border-soft);
  box-shadow: var(--glass-shadow);
}
.pcard:hover{ box-shadow: var(--glass-shadow-lg); }

/* ---------- buttons → liquid glass primary ---------- */
.btn-glass{
  background: var(--glass-bg);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border: var(--glass-border);
  box-shadow: var(--glass-shadow);
  color: var(--ink);
}

/* ============================================================
   QUANTITY STEPPER (כרטיס מוצר)  −  qty  +
   ============================================================ */
.sa-qty{
  display:inline-flex;align-items:center;gap:0;
  background: var(--glass-bg-strong);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border:1px solid var(--line);
  border-radius: var(--r-pill);
  overflow:hidden;height:40px;
}
.sa-qty button{
  width:38px;height:40px;border:0;background:transparent;cursor:pointer;
  font-size:20px;font-weight:700;color:var(--accent-deep);line-height:1;
  display:grid;place-items:center;transition:background .15s;
}
.sa-qty button:hover{ background: var(--emerald-tint); }
.sa-qty input{
  width:38px;height:40px;border:0;background:transparent;text-align:center;
  font-family:var(--font-display);font-weight:800;font-size:15px;color:var(--ink);
  -moz-appearance:textfield;
}
.sa-qty input::-webkit-outer-spin-button,
.sa-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
/* card foot layout: price on top, [− qty +][לסל] row below */
.pcard__foot{display:flex;flex-direction:column;align-items:stretch;gap:10px}
.pcard__action{display:flex;flex-direction:column;gap:8px;align-items:center;width:100%}
.sa-qty{flex:0 0 auto;align-self:center}
.pcard__addbtn{width:100%;justify-content:center}
/* native shop/category loop cards: keep action at the bottom */
.woocommerce ul.products li.product .sa-loop-action{margin-top:auto;padding-top:8px}
@media (max-width:480px){
  .sa-qty{height:36px}
  .sa-qty button{width:32px;height:36px;font-size:18px}
  .sa-qty input{width:30px;height:36px}
  .pcard__addbtn{height:36px;padding:0 12px;font-size:13px}
}
.pcard__addbtn{
  background:var(--cta);color:#fff;border:0;border-radius:var(--r-pill);
  height:40px;padding:0 18px;font-family:var(--font-display);font-weight:700;font-size:14px;
  cursor:pointer;transition:.2s var(--ease);white-space:nowrap;display:inline-flex;align-items:center;gap:6px;
}
.pcard__addbtn:hover{ background:var(--cta-deep); transform:translateY(-1px); }
.pcard__addbtn.loading{ opacity:.6; pointer-events:none; }
.pcard__addbtn.added{ background:var(--emerald); }
/* hide WooCommerce's auto "view cart" link on cards (drawer opens instead) */
.pcard .added_to_cart, .pcard__action .added_to_cart{ display:none !important; }

/* ============================================================
   SIDE CART DRAWER (כיווץ / הרחבה)
   ============================================================ */
/* מגירה צמודה לקצה השמאלי של המסך (פיזי — בלי תלות ב-RTL), נכנסת בהחלקה.
   שימוש בתכונות פיזיות בלבד (left/translateX) מונע את באג ה-RTL שגרם
   למגירה להיתקע באמצע העמוד. */
.sa-cart-drawer{
  position:fixed;top:0;left:0;right:auto;height:100vh;width:min(420px,92vw);z-index:1200;
  transform:translateX(-105%);transition:transform .42s var(--ease);
  display:flex;flex-direction:column;
  background: var(--glass-bg-strong);
  -webkit-backdrop-filter: blur(26px) saturate(1.6);
  backdrop-filter: blur(26px) saturate(1.6);
  border-right:1px solid rgba(255,255,255,.5);
  box-shadow: 14px 0 60px rgba(26,40,30,.28);
}
.sa-cart-drawer.open{ transform:translateX(0); }

/* מצב ממוזער — העגלה "יורדת" לפס תחתון בצד שמאל; לחיצה עליה מרחיבה חזרה. */
.sa-cart-drawer.minimized{
  top:auto;bottom:0;height:auto;transform:translateX(0);
  border-right:1px solid rgba(255,255,255,.5);border-top:1px solid rgba(255,255,255,.6);
  border-radius:18px 18px 0 0;
  box-shadow:0 -16px 50px rgba(26,40,30,.26);
  cursor:pointer;
}
.sa-cart-drawer.minimized .sa-cd-free,
.sa-cart-drawer.minimized .sa-cd-body,
.sa-cart-drawer.minimized .sa-cd-foot{ display:none; }
.sa-cart-drawer.minimized .sa-cd-head{ border-bottom:0; }
.sa-cart-drawer.minimized .sa-cd-min{ transform:rotate(180deg); }

.sa-cd-head{
  display:flex;align-items:center;gap:10px;padding:18px 20px;border-bottom:1px solid var(--line);
}
.sa-cd-head h3{ font-size:19px;flex:1; }
.sa-cd-min,.sa-cd-close{
  width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--surface);
  cursor:pointer;display:grid;place-items:center;font-size:16px;line-height:1;color:var(--ink-2);transition:.15s;
}
.sa-cd-min{ font-size:13px; }
.sa-cd-min:hover,.sa-cd-close:hover{ background:var(--emerald-tint);color:var(--accent-deep); }

/* כפתור עגלה צף — תמיד גלוי (כמו וואטסאפ), בפינה ימנית-תחתונה. נסתר כשהעגלה פתוחה. */
.sa-cart-fab{
  position:fixed;left:22px;right:auto;bottom:24px;z-index:1150;
  width:60px;height:60px;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--emerald),var(--emerald-800));color:#fff;
  border:1px solid rgba(255,255,255,.28);
  box-shadow:0 12px 30px rgba(47,143,91,.45), inset 0 1px 0 rgba(255,255,255,.35);
  transition:transform .2s var(--ease),box-shadow .2s,opacity .2s,visibility .2s;
}
.sa-cart-fab:hover{ transform:translateY(-3px) scale(1.06);color:#fff;box-shadow:0 16px 38px rgba(47,143,91,.5); }
.sa-cart-fab svg{ width:28px;height:28px; }
.sa-fab-count{
  position:absolute;top:-5px;right:-5px;left:auto;min-width:23px;height:23px;padding:0 6px;
  border-radius:99px;background:var(--honey);color:#3a2a10;font-family:var(--font-display);font-weight:900;font-size:12.5px;
  display:none;align-items:center;justify-content:center;box-shadow:0 3px 9px rgba(0,0,0,.22);border:2px solid #fff;
}
.sa-fab-count.show{ display:flex; }
body.sa-cart-active .sa-cart-fab{ opacity:0;visibility:hidden;pointer-events:none;transform:scale(.7); }
@media (max-width:560px){ .sa-cart-fab{ width:54px;height:54px;left:16px;bottom:18px; } .sa-cart-fab svg{ width:25px;height:25px; } }
.sa-cd-free{ padding:12px 20px;border-bottom:1px solid var(--line); }
.sa-cd-free .bar{ height:8px;border-radius:99px;background:var(--surface-2);overflow:hidden;margin-top:8px; }
.sa-cd-free .bar i{ display:block;height:100%;background:linear-gradient(90deg,var(--emerald),var(--honey));transition:width .5s var(--ease); }
.sa-cd-body{ flex:1;overflow-y:auto;padding:14px 20px;display:flex;flex-direction:column;gap:12px; }
.sa-cd-foot{ padding:18px 20px;border-top:1px solid var(--line);background:rgba(255,255,255,.4); }

/* cart line item inside drawer */
.sa-ci{ display:flex;gap:12px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:10px;box-shadow:var(--shadow-sm); }
.sa-ci img{ width:56px;height:56px;border-radius:12px;object-fit:contain;background:#fff;flex:none; }
.sa-ci .nm{ font-family:var(--font-display);font-weight:700;font-size:14px;line-height:1.3; }
.sa-ci .pr{ color:var(--accent-deep);font-weight:800;font-size:14px;margin-top:2px; }
.sa-ci .row{ flex:1; }
.sa-ci-note-toggle{ background:none;border:0;color:var(--ink-3);font-size:12.5px;cursor:pointer;margin-top:6px;display:inline-flex;align-items:center;gap:4px;padding:0; }
.sa-ci-note-toggle:hover{ color:var(--accent-deep); }
.sa-ci-note{ width:100%;margin-top:6px;border:1px dashed var(--line);border-radius:10px;padding:7px 9px;font-family:var(--font-body);font-size:13px;resize:vertical;min-height:38px;display:none;background:var(--surface-2); }
.sa-ci-note.show{ display:block; }

/* ============================================================
   PER-ITEM NOTE (cart page)
   ============================================================ */
.sa-cart-note-wrap{ margin-top:8px; }
.sa-cart-note-toggle{ background:none;border:0;color:var(--accent-deep);font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;font-weight:600;padding:0; }
.sa-cart-note-field{ width:100%;max-width:340px;margin-top:6px;border:1px solid var(--line);border-radius:10px;padding:8px 10px;font-family:var(--font-body);font-size:13.5px;display:none; }
.sa-cart-note-field.show{ display:block; }
.sa-cart-note-saved{ color:var(--emerald);font-size:12px;margin-inline-start:8px; }
.sa-item-note-display{ display:block;font-size:12.5px;color:var(--ink-2);font-style:italic;margin-top:4px; }

/* ============================================================
   "החשבון שלי" — Glassmorphism dashboard
   ============================================================ */
.woocommerce-account .woocommerce{ display:block; }
.woocommerce-account .woocommerce-MyAccount-navigation{
  width:260px;float:none;margin-inline-end:30px;
}
@media(min-width:900px){
  .woocommerce-account .woocommerce::after{content:"";display:table;clear:both}
  .woocommerce-account .woocommerce-MyAccount-navigation{float:right;}
  .woocommerce-account .woocommerce-MyAccount-content{ width:calc(100% - 300px);float:left; }
}
.woocommerce-account .woocommerce-MyAccount-navigation ul{
  background: var(--glass-bg-strong);
  -webkit-backdrop-filter: blur(18px) saturate(1.5);
  backdrop-filter: blur(18px) saturate(1.5);
  border: var(--glass-border-soft);
  box-shadow: var(--glass-shadow);
  border-radius: var(--r-lg);
  padding:12px;gap:4px;
}
.woocommerce-account .woocommerce-MyAccount-navigation li{ background:transparent;border-radius:var(--r); }
.woocommerce-account .woocommerce-MyAccount-navigation li a{
  display:flex;align-items:center;gap:11px;padding:13px 16px;color:var(--ink-2);
  font-family:var(--font-display);font-weight:600;border-radius:var(--r);transition:.18s var(--ease);
}
.woocommerce-account .woocommerce-MyAccount-navigation li a::before{
  content:"";width:22px;height:22px;flex:none;background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.7;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{ background:var(--emerald-tint);color:var(--accent-deep);transform:translateX(-3px); }
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{
  background:linear-gradient(135deg,var(--emerald),var(--emerald-800));color:#fff;box-shadow:0 8px 22px rgba(47,143,91,.35);
}
/* icon glyphs per tab (emoji fallback, lightweight) */
.woocommerce-MyAccount-navigation-link--dashboard a::before{ content:"🏠";background:none;width:auto;font-size:18px;opacity:1; }
.woocommerce-MyAccount-navigation-link--orders a::before{ content:"📦";background:none;width:auto;font-size:18px;opacity:1; }
.woocommerce-MyAccount-navigation-link--downloads a::before{ content:"⬇️";background:none;width:auto;font-size:18px;opacity:1; }
.woocommerce-MyAccount-navigation-link--edit-address a::before{ content:"📍";background:none;width:auto;font-size:18px;opacity:1; }
.woocommerce-MyAccount-navigation-link--edit-account a::before{ content:"👤";background:none;width:auto;font-size:18px;opacity:1; }
.woocommerce-MyAccount-navigation-link--customer-logout a::before{ content:"🚪";background:none;width:auto;font-size:18px;opacity:1; }

.woocommerce-account .woocommerce-MyAccount-content{
  background: var(--glass-bg-strong);
  -webkit-backdrop-filter: blur(18px) saturate(1.5);
  backdrop-filter: blur(18px) saturate(1.5);
  border: var(--glass-border-soft);
  box-shadow: var(--glass-shadow);
  border-radius: var(--r-lg);
  padding:30px;
}

/* dashboard quick tiles */
.sa-acc-tiles{ display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;margin:22px 0; }
.sa-acc-tile{
  display:flex;flex-direction:column;gap:8px;align-items:flex-start;
  background: var(--glass-bg);
  -webkit-backdrop-filter: blur(12px) saturate(1.4);
  backdrop-filter: blur(12px) saturate(1.4);
  border: var(--glass-border-soft);
  box-shadow: var(--glass-shadow);
  border-radius: var(--r-lg);padding:20px;color:var(--ink);transition:.22s var(--ease);
}
.sa-acc-tile:hover{ transform:translateY(-5px);box-shadow:var(--glass-shadow-lg); }
.sa-acc-tile .ic{ font-size:26px; }
.sa-acc-tile .t{ font-family:var(--font-display);font-weight:800;font-size:16px; }
.sa-acc-tile .d{ font-size:12.5px;color:var(--ink-2); }

/* orders table glass */
.woocommerce-account .woocommerce-orders-table,
.woocommerce-account table.shop_table{ background:transparent;border:0; }
.woocommerce-account .woocommerce-orders-table thead th{ border-bottom:2px solid var(--honey); }
.woocommerce-account .woocommerce-orders-table tbody tr,
.woocommerce-account .woocommerce-orders-table tr{ border-bottom:1px solid var(--line); }
.sa-reorder-btn,
.woocommerce-account .order-again .button{
  background:linear-gradient(135deg,var(--emerald),var(--emerald-800)) !important;color:#fff !important;
}

/* ---------- login / register form glass ---------- */
.woocommerce-account:not(.logged-in) .woocommerce > .u-columns,
.woocommerce form.login, .woocommerce form.register{
  background: var(--glass-bg-strong);
  -webkit-backdrop-filter: blur(18px) saturate(1.5);
  backdrop-filter: blur(18px) saturate(1.5);
  border: var(--glass-border-soft) !important;
  box-shadow: var(--glass-shadow);
  border-radius: var(--r-lg) !important;
  padding:28px !important;
}

/* ============================================================
   CHECKOUT — RTL fixes
   ============================================================ */
.woocommerce form .form-row,
.woocommerce-checkout .form-row{ text-align:right; }
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
#billing_phone, #billing_email, .woocommerce-checkout input[type="tel"]{
  direction:rtl !important;text-align:right !important;
}
.woocommerce form .form-row label{ text-align:right;display:block; }
.select2-container--default .select2-selection--single .select2-selection__rendered{ text-align:right;direction:rtl; }
.woocommerce-checkout #order_review,
.woocommerce-checkout #customer_details{ direction:rtl; }

/* free shipping bar on cart page */
.sa-freeship{
  background: var(--glass-bg-strong);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border: var(--glass-border-soft);
  box-shadow: var(--glass-shadow);
  border-radius: var(--r-lg);padding:16px 20px;margin-bottom:20px;
}
.sa-freeship p{ font-weight:600;margin-bottom:8px; }
.sa-freeship .bar{ height:10px;border-radius:99px;background:var(--surface-2);overflow:hidden; }
.sa-freeship .bar i{ display:block;height:100%;background:linear-gradient(90deg,var(--emerald),var(--honey));transition:width .5s var(--ease); }

/* scrim shared */
.sa-scrim{ position:fixed;inset:0;background:rgba(17,38,27,.4);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1100;opacity:0;visibility:hidden;transition:.3s; }
.sa-scrim.open{ opacity:1;visibility:visible; }

@media (max-width:560px){
  .sa-acc-tiles{ grid-template-columns:1fr 1fr; }
}

/* ============================================================
   CATEGORY BAR — sub-category hover popup
   ============================================================ */
.catbar-cell{ position:relative; }
.catbar-item .cbi-chev{
  width:6px;height:6px;border-inline-end:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:rotate(45deg);margin-inline-start:5px;opacity:.45;transition:transform .2s;
}
.catbar-cell.has-kids:hover .cbi-chev{ transform:rotate(-135deg); }
.catbar-pop{
  position:absolute;top:calc(100% + 9px);left:50%;
  width:max-content;min-width:300px;max-width:540px;z-index:200;
  background:rgba(255,255,255,.98);
  -webkit-backdrop-filter:blur(26px) saturate(1.7);backdrop-filter:blur(26px) saturate(1.7);
  border:var(--glass-border-soft);box-shadow:var(--glass-shadow-lg);border-radius:20px;
  padding:16px 17px 14px;opacity:0;visibility:hidden;
  transform:translateX(-50%) translateY(8px) scale(.97);transition:.2s var(--ease);
}
.catbar-cell.has-kids:hover > .catbar-pop,
.catbar-pop:hover{ opacity:1;visibility:visible;transform:translateX(-50%) translateY(0) scale(1); }
/* חץ מצביע קטן מעל הפופ-אפ */
.catbar-pop::before{
  content:"";position:absolute;top:-7px;left:50%;width:15px;height:15px;margin-inline-start:-7px;
  background:rgba(255,255,255,.98);border-inline-start:var(--glass-border-soft);border-top:var(--glass-border-soft);
  transform:rotate(45deg);border-top-left-radius:4px;
}
.cbp-head{ display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:11px;margin-bottom:10px;border-bottom:1.5px solid var(--emerald-tint); }
.cbp-head span{ font-family:var(--font-display);font-weight:800;font-size:16px;color:var(--ink); }
.cbp-all{
  font-size:12px;color:#fff;font-weight:700;white-space:nowrap;
  background:linear-gradient(135deg,var(--emerald),var(--emerald-800));
  padding:6px 12px;border-radius:99px;box-shadow:0 5px 14px rgba(47,143,91,.32);transition:.15s var(--ease);
}
.cbp-all:hover{ transform:translateY(-1px);color:#fff;box-shadow:0 8px 18px rgba(47,143,91,.4); }
.cbp-links{ display:grid;grid-template-columns:repeat(2,minmax(155px,1fr));gap:3px 10px;max-height:360px;overflow-y:auto;padding-inline-end:3px; }
.cbp-links a{ display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:12px;font-size:13.5px;font-weight:600;color:var(--ink-2);transition:.15s var(--ease); }
.cbp-links a:hover{ background:var(--emerald-tint);color:var(--accent-deep);transform:translateX(-3px); }
.cbp-dot{ width:7px;height:7px;border-radius:50%;background:var(--honey);flex:none;box-shadow:0 0 0 3px rgba(232,161,58,.16); }
.cbp-c{ margin-inline-start:auto;font-size:11px;font-weight:700;color:var(--ink-3);background:var(--surface-2);border-radius:99px;padding:2px 8px; }
@media (max-width:760px){ .catbar-pop{ display:none; } }
/* ביטול מוחלט של פופ-אפ תת-הקטגוריות בכל מכשיר מגע (גם טאבלט) — בנייד לוחצים
   על הקטגוריה ונכנסים לעמוד שלה עם המסנן. */
@media (hover:none){ .catbar-pop{ display:none !important; } }

/* ============================================================
   SHOP / CATEGORY — glass departments sidebar
   ============================================================ */
/* רשת: סרגל המחלקות בצד ימין (270px), המוצרים משמאל. הסרגל נגלל עם העמוד
   (position:static) — לא נשאר מקובע למעלה. */
.sa-shop-layout{ display:grid;grid-template-columns:270px minmax(0,1fr);gap:30px;align-items:start; }
.sa-shop-layout > .sa-shop-sidebar{ grid-column:1;grid-row:1; } /* ימין ב-RTL */
.sa-shop-layout > .sa-main{ grid-column:2;grid-row:1; }         /* שמאל ב-RTL */
/* צף ונגלל עם המשתמש: sticky מתחת ל-header הדביק (גובהו ~236px).
   עובד רק כי שינינו את html/body מ-overflow-x:hidden ל-clip (hidden שובר sticky). */
.sa-shop-sidebar{ position:sticky;top:244px;align-self:start;display:flex;flex-direction:column;gap:20px;max-height:calc(100vh - 264px);overflow-y:auto;scrollbar-width:thin; }
.sa-dept-widget,.sa-shop-widgets{
  background:var(--glass-bg-strong);
  -webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);
  border:var(--glass-border-soft);box-shadow:var(--glass-shadow);border-radius:var(--r-lg);padding:18px;
}
.sa-dept-title{ font-size:17px;margin-bottom:12px;padding-bottom:10px;border-bottom:2px solid var(--honey);display:inline-block; }
.sa-dept-list{ list-style:none;display:flex;flex-direction:column;gap:3px;margin:0;padding:0; }
.sa-dept-list a{ display:flex;align-items:center;gap:8px;padding:11px 13px;border-radius:12px;color:var(--ink-2);font-weight:600;font-size:14px;transition:.16s var(--ease); }
.sa-dept-list a:hover{ background:var(--emerald-tint);color:var(--accent-deep);transform:translateX(-3px); }
.sa-dept-list .sa-dept-c{ margin-inline-start:auto;font-size:11px;color:var(--ink-3);background:var(--surface-2);border-radius:99px;padding:1px 8px; }
.sa-dept-list .is-active > a{ background:linear-gradient(135deg,var(--emerald),var(--emerald-800));color:#fff;box-shadow:0 8px 20px rgba(47,143,91,.3); }
.sa-dept-list .is-active .sa-dept-c{ background:rgba(255,255,255,.25);color:#fff; }
.sa-shop-widgets .widget{ margin-bottom:16px; }
.sa-shop-widgets .widget:last-child{ margin-bottom:0; }
.sa-shop-widgets .widget-title,.sa-shop-widgets .widgettitle{ font-size:15px;margin-bottom:10px;font-family:var(--font-display);font-weight:800; }
/* BeRocket / WooCommerce filters → blend into glass panel */
.sa-shop-widgets .berocket_aapf_widget,.sa-shop-widgets .bapf_sfilter{ background:transparent !important;border:0 !important;padding:0 !important; }
.berocket_aapf_widget-title,.bapf_head{ font-family:var(--font-display) !important; }

/* ---- Glass treatment for ANY category/filter sidebar (BeRocket / widgets),
        גם כשהן מגיעות מתבנית Elementor/POZA ---- */
.widget_berocket_aapf_widget,.berocket_aapf_widget,.bapf_sfilter,
aside.widget-area .widget,#secondary .widget,.sidebar .widget,
.widget_product_categories,.woocommerce-widget-layered-nav{
  background:var(--glass-bg-strong) !important;
  -webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5);
  border:var(--glass-border-soft) !important;box-shadow:var(--glass-shadow) !important;
  border-radius:var(--r-lg) !important;padding:18px !important;margin-bottom:18px;
}
.widget_product_categories ul,.berocket_aapf_widget ul,.bapf_sfilter ul{ list-style:none;margin:0;padding:0; }
.widget_product_categories li,.berocket_aapf_widget li{ padding:6px 0;border-bottom:1px solid var(--line-2); }
.widget_product_categories a,.berocket_aapf_widget label{ color:var(--ink-2);transition:.15s; }
.widget_product_categories a:hover{ color:var(--accent-deep); }
.widget-title,.widgettitle,.berocket_aapf_widget-title{
  font-family:var(--font-display) !important;font-weight:800 !important;font-size:16px !important;
  padding-bottom:10px;margin-bottom:10px;border-bottom:2px solid var(--honey);display:inline-block;
}
@media (max-width:900px){
  .sa-shop-layout{ grid-template-columns:1fr; }
  /* grid-row:auto חיוני — אחרת הסרגל והמוצרים נופלים לאותה תא ומסתתרים זה מאחורי זה. */
  .sa-shop-layout > .sa-main,
  .sa-shop-layout > .sa-shop-sidebar{ grid-column:1; grid-row:auto; }
  .sa-shop-sidebar{ position:static;max-height:none;overflow:visible;order:-1;margin-bottom:6px; }

  /* מסנן תת-קטגוריות מתקפל (סגנון מובייל של אתרי סופר):
     לוחצים על הכותרת → נפתחת רשימה → מתחתיה המוצרים. סגור כברירת מחדל. */
  .sa-dept-widget{ padding:0;overflow:hidden; }
  .sa-dept-title{
    display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;
    margin:0;padding:15px 18px;border-bottom:0;cursor:pointer;font-size:16px;
    -webkit-tap-highlight-color:transparent;user-select:none;
  }
  .sa-dept-title::after{
    content:"";width:9px;height:9px;flex:none;
    border-inline-end:2px solid currentColor;border-bottom:2px solid currentColor;
    transform:rotate(45deg);transition:transform .25s var(--ease);
  }
  .sa-dept-widget.sa-open .sa-dept-title::after{ transform:rotate(-135deg); }
  .sa-dept-list{ display:none;flex-direction:column;gap:4px;padding:0 12px 14px; }
  .sa-dept-widget.sa-open .sa-dept-list{ display:flex; }
  .sa-dept-list a{ font-size:15px;padding:13px 14px; }
}

/* ============================================================
   SINGLE PRODUCT — glass summary
   ============================================================ */
/* scoped to .single-product so it never leaks onto Elementor archive/search
   wrappers (which carry a bare `.product` class inside `.woocommerce`). */
.single-product div.product{ display:flex;flex-wrap:wrap;gap:30px;align-items:flex-start; }
/* גלריה — רוחב קבוע (לא תופסת חצי מסך). תמונה בריבוע אחיד לכל מוצר. */
.single-product div.product > .images,
.single-product div.product .woocommerce-product-gallery{ flex:0 0 400px;max-width:400px;width:400px; }
.single-product div.product .woocommerce-product-gallery__wrapper{ margin:0; }
.single-product div.product .woocommerce-product-gallery__image{ margin:0 !important;width:100% !important; }
.single-product div.product .woocommerce-product-gallery__image a,
.single-product div.product div.images img{ }
.single-product div.product .woocommerce-product-gallery__image a{
  display:flex;align-items:center;justify-content:center;
  aspect-ratio:1/1;padding:20px;background:#fff;
  border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;
}
.single-product div.product .woocommerce-product-gallery img{
  width:auto !important;height:auto !important;
  max-width:100% !important;max-height:100% !important;
  object-fit:contain;border-radius:0;display:block;
}
.single-product div.product > .summary,
.single-product div.product .entry-summary{
  flex:1 1 360px;
  background:var(--glass-bg-strong);
  -webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5);
  border:var(--glass-border-soft);box-shadow:var(--glass-shadow);border-radius:var(--r-lg);padding:28px;margin:0;
}
/* סיכום צפוף — פחות רווח בין השם לפרטים */
.single-product div.product .summary .product_title{ margin:0 0 8px; }
.single-product div.product .summary .sa-spec__badges--summary{ margin:0 0 14px; }
.single-product div.product .summary .price{ margin:0 0 16px; }
.single-product div.product .summary form.cart{ margin:0 0 16px; }
.single-product div.product .summary .product_meta{ margin:8px 0 0;font-size:13px; }
.single-product div.product .sa-spec,
.single-product div.product .woocommerce-tabs,
.single-product div.product .related,
.single-product div.product .upsells{ flex:1 1 100%;width:100%;margin-top:34px; }
.single-product div.product form.cart .button{ height:auto;padding:14px 30px;font-size:16px; }
/* הסתרת כפתור "קנה עכשיו" של תוסף Quick Buy — משאירים רק "הוספה לסל". */
.wcqb_button,.wc_quick_buy_button,.quick_buy_button,.wcqb-quick-buy-button,
.wcqb_buy_now_button,.buy-now-button,a.buy_now_button{ display:none !important; }
@media (max-width:768px){
  .single-product div.product{ flex-direction:column;gap:18px; }
  .single-product div.product > .images,
  .single-product div.product .woocommerce-product-gallery{ flex-basis:100%;max-width:320px;width:100%;margin:0 auto; }
  .single-product div.product > .summary,
  .single-product div.product .entry-summary{ max-width:100%;flex-basis:100%; }
}

/* Elementor search / archive wrapper must stay full-width block layout
   (the products section should never collapse to content width). */
.elementor.elementor-location-archive{ display:block; width:100%; }

/* ============================================================
   CART & CHECKOUT — glass panels
   ============================================================ */
.woocommerce-cart .cart-collaterals .cart_totals,
.woocommerce-checkout #order_review,
.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2{
  background:var(--glass-bg-strong);
  -webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5);
  border:var(--glass-border-soft) !important;box-shadow:var(--glass-shadow);border-radius:var(--r-lg);padding:24px;
}
.woocommerce table.shop_table{ background:var(--glass-bg);border-radius:var(--r-lg);overflow:hidden; }

/* ============================================================
   RESPONSIVE — global polish for new components
   ============================================================ */
@media (max-width:560px){
  .sa-cart-drawer{ width:100vw; }
  .sa-qty{ align-self:center; }
  .pcard__addbtn{ width:100%; }
}

/* ============================================================
   HEADER SEARCH (FiboSearch / טופס)
   ============================================================ */
.sa-header-search{ flex:1 1 auto;max-width:440px;margin-inline:18px;min-width:0; }
.sa-hsearch-form{ display:flex;align-items:center;gap:9px;background:var(--surface);
  border:1px solid var(--line);border-radius:var(--r-pill);padding:9px 18px;box-shadow:var(--shadow-sm); }
.sa-hsearch-form svg{ width:18px;height:18px;color:var(--ink-3);flex:none; }
.sa-hsearch-form input{ flex:1;border:0;background:transparent;outline:0;font-family:var(--font-body);font-size:14.5px;color:var(--ink);min-width:0; }
/* FiboSearch widget — התאמה לעיצוב */
.sa-header-search .dgwt-wcas-search-wrapp{ max-width:100%;width:100%; }
.sa-header-search .dgwt-wcas-search-input{ border-radius:var(--r-pill) !important;border:1px solid var(--line) !important; }
@media (max-width:900px){
  /* גובה אוטומטי — אחרת שורת החיפוש "נכנסת מאחורי" הלוגו (height קבוע חתך אותה). */
  .header-row{ flex-wrap:wrap; height:auto !important; min-height:var(--header-h); padding:8px 0 10px; column-gap:10px; }
  .sa-header-search{ order:10;flex:0 0 100%;max-width:100%;margin:8px 0 0; }
  .sa-header-search .dgwt-wcas-search-wrapp{ width:100% !important;max-width:100% !important; }
}

/* ============================================================
   PRODUCT CARDS — אחידים (אותו גובה/מיקום, עם מחיר או בלי)
   ============================================================ */
/* רשת חנות/קטגוריה — צפופה ודינמית לפי רוחב המסך (גם בתוך Elementor) */
.woocommerce ul.products,
.elementor ul.products,
.elementor-widget-woocommerce-products ul.products,
.bapf_products_apply_filters ul.products{
  display:grid !important;grid-template-columns:repeat(auto-fill,minmax(185px,1fr)) !important;gap:16px !important;
}
@media (max-width:640px){
  .woocommerce ul.products,.elementor ul.products,.bapf_products_apply_filters ul.products{ grid-template-columns:repeat(2,1fr) !important;gap:12px !important; }
}

.woocommerce ul.products li.product,
.elementor ul.products li.product{
  display:flex !important;flex-direction:column;align-items:stretch !important;text-align:center;width:auto !important;margin:0 !important;float:none !important;
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:14px;box-shadow:var(--glass-shadow);
}
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
.elementor ul.products li.product a.woocommerce-LoopProduct-link{ display:flex !important;flex-direction:column;flex:1 1 auto;width:100% !important;align-self:stretch !important; }
/* תיבת תמונה אחידה — כל כרטיס באותו ריבוע, לא משנה גודל/יחס המקור */
.woocommerce ul.products li.product img,
.elementor ul.products li.product img{
  width:100% !important;height:170px !important;object-fit:contain !important;
  background:#fff;border-radius:var(--r);padding:6px;box-sizing:border-box;margin:0 0 12px !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.elementor ul.products li.product .woocommerce-loop-product__title{ min-height:42px;font-size:14.5px;font-weight:600;line-height:1.35;padding:0 !important; }
.woocommerce ul.products li.product .price,
.elementor ul.products li.product .price{ min-height:26px;margin:6px 0 !important;display:flex;align-items:center;justify-content:center; }
.woocommerce ul.products li.product .sa-loop-action,
.elementor ul.products li.product .sa-loop-action,
.woocommerce ul.products li.product .button{ margin-top:auto; }
/* כפתור הכמות (+/−) ממורכז מעל כפתור "לסל" ברוחב מלא — לא צמוד לימין. */
.sa-loop-action{ min-height:48px;display:flex;flex-direction:column;align-items:center;gap:8px; }
.sa-loop-action .sa-qty{ flex:0 0 auto;align-self:center; }
.sa-loop-action .pcard__addbtn{ width:100%; }
.sa-loop-action--view{ justify-content:center; }
.pcard__addbtn--view{ background:var(--surface-2);color:var(--ink);border:1px solid var(--line); }
.pcard__addbtn--view:hover{ background:var(--emerald-tint);color:var(--accent-deep); }

/* homepage .pcard — אותה אחידות */
.pcard{ display:flex;flex-direction:column;min-height:380px; }
.pcard__body{ display:flex;flex-direction:column;flex:1; }
.pcard__foot{ margin-top:auto; }
.pcard__price{ min-height:28px;display:flex;align-items:center;justify-content:space-between; }

/* ============================================================
   DEPARTMENTS SIDEBAR — עם תמונות
   ============================================================ */
.sa-dept-list a{ display:flex;align-items:center;gap:11px; }
.sa-dept-ic{ width:40px;height:40px;border-radius:12px;overflow:hidden;flex:none;display:grid;place-items:center;background:var(--surface-2); }
.sa-dept-ic img{ width:100%;height:100%;object-fit:cover; }
.sa-dept-ic--ph{ background:linear-gradient(145deg,var(--emerald),var(--emerald-800));color:#fff;font-family:var(--font-display);font-weight:900;font-size:18px; }
.sa-dept-list .is-active .sa-dept-ic--ph{ background:rgba(255,255,255,.22); }
.sa-dept-n{ flex:1;text-align:right; }

/* ============================================================
   ELEMENTOR ARCHIVE — סרגל סינון: דינמי (sticky) + זכוכית (אופציה ב׳)
   ============================================================ */
/* הסרגל נע עם הגלילה ונדבק יפה מתחת ל-header, במקום להישאר תקוע למעלה */
.elementor-element-ef5602c,
.elementor-widget-shortcode:has(.berocket_aapf_widget),
.elementor-widget-sidebar{
  position:sticky !important;top:100px;align-self:flex-start;
  background:var(--glass-bg-strong);
  -webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);
  border:var(--glass-border-soft);box-shadow:var(--glass-shadow);
  border-radius:var(--r-lg);padding:18px !important;
}
/* פריטי הסינון בתוך הסרגל */
.elementor-element-ef5602c .berocket_aapf_widget-title,
.elementor-element-ef5602c .widget-title,
.elementor-element-ef5602c h2,.elementor-element-ef5602c h3{
  font-family:var(--font-display) !important;font-weight:800 !important;font-size:16px !important;
  padding-bottom:10px;margin-bottom:10px;border-bottom:2px solid var(--honey);display:inline-block;
}
.elementor-element-ef5602c ul{ list-style:none !important;margin:0 !important;padding:0 !important; }
.elementor-element-ef5602c li{ padding:7px 0 !important;border-bottom:1px solid var(--line-2);list-style:none !important; }
.elementor-element-ef5602c li:last-child{ border-bottom:0; }
.elementor-element-ef5602c label,.elementor-element-ef5602c a{ font-size:14px;color:var(--ink-2);transition:.15s;cursor:pointer; }
.elementor-element-ef5602c label:hover,.elementor-element-ef5602c a:hover{ color:var(--accent-deep); }
/* בנייד — לא sticky, נע רגיל */
@media (max-width:900px){
  .elementor-element-ef5602c,.elementor-widget-shortcode:has(.berocket_aapf_widget){ position:static !important; }
}

/* ============================================================
   ELEMENTOR HERO OVERLAY — שכבה ניטרלית עדינה (במקום האדום/הירוק הכבד).
   בהירה ונקייה: התמונה נראית, עם הכהיה עדינה בתחתית לקריאוּת.
   ============================================================ */
.elementor-background-overlay{
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(16,26,21,.42)) !important;
}

/* ============================================================
   ABOUT PAGE (page-id-4938) — עיצוב בהיר, נקי ויוקרתי (Liquid Glass עדין)
   ============================================================ */
.page-id-4938{ background:linear-gradient(180deg,#ffffff,#f7f9f8 60%,#ffffff); }
/* כותרת ההירו — לוח זכוכית כהה יוקרתי עם טקסט לבן (אופציה A) */
.elementor-element-dc85652 .elementor-heading-title{
  display:inline-block;padding:18px 48px;border-radius:26px;color:#fff;
  background:linear-gradient(135deg, rgba(11,42,28,.58), rgba(20,60,40,.42));
  -webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);
  border:1px solid rgba(255,255,255,.3);box-shadow:0 18px 50px rgba(0,0,0,.32);
}
/* כותרת התוכן ("אודות סופר זול אסולין") — ממורכזת עם קו הדגשה ירוק */
.page-id-4938 .elementor-widget-heading:not(.elementor-element-dc85652){ text-align:center; }
.page-id-4938 .elementor-widget-heading:not(.elementor-element-dc85652) .elementor-heading-title{
  display:inline-block;font-size:30px;font-weight:800;color:#15321f;
  padding-bottom:12px;border-bottom:3px solid var(--emerald);
}
/* כותרות סעיפים — נגיעת ירוק עדינה בלבד */
.page-id-4938 .elementor-widget-text-editor h2,
.page-id-4938 .elementor-widget-text-editor h3,
.page-id-4938 .elementor-widget-text-editor strong{ color:var(--emerald); }
/* בלוקי טקסט — כרטיסים לבנים נקיים */
.page-id-4938 .elementor-widget-text-editor{
  background:#ffffff;border:1px solid #eef1ef;
  box-shadow:0 10px 30px rgba(20,40,28,.06);
  border-radius:18px;padding:24px 28px;margin-bottom:16px;
}
