/* WC Mobile Bottom Nav — full CSS */

/* ===== Root Vars ===== */
:root{
  --mb-nav-h:64px;
  --wc:#96588a;
  --text:#1f2937; --muted:#6b7280; --bg:#fff; --b:#e5e7eb;
  --sheet-bottom:calc(var(--mb-nav-h) + env(safe-area-inset-bottom,0px));
}

/* فاصله محتوا از نوار پایین */
body{ padding-bottom:var(--mb-nav-h); }
@supports(padding-bottom: env(safe-area-inset-bottom)){
  body{ padding-bottom:calc(var(--mb-nav-h) + env(safe-area-inset-bottom)); }
}

/* ===== Bottom Nav ===== */
.mb-nav{
  position:fixed; left:0; right:0; bottom:0; z-index:1002;
  display:grid; grid-template-columns:repeat(4,1fr);
  height:var(--mb-nav-h); background:var(--bg); border-top:1px solid var(--b);
  padding-bottom:env(safe-area-inset-bottom,0);
}
.mb-nav__item{
  position:relative; -webkit-tap-highlight-color:transparent;
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px;
  text-decoration:none; border:none; background:transparent; cursor:pointer;
  color:#4b5563; font-size:11px; line-height:1; padding:6px 4px; transition:color .2s ease;border: none !important;
}
.mb-nav__item[data-key="categories"]{ background:transparent !important; }
.mb-nav__item:active,.mb-nav__item:focus{ background:transparent; }
.mb-ico{ display:inline-flex; align-items:center; justify-content:center; }
.ico-img{ width:24px; height:24px; display:block; }
.ico-img--active{ display:none; }

/* خط بالایی 5-7px */
.mb-nav__item::before{
  content:""; position:absolute; left:16%; right:16%; top:0; height:7px;
  background:transparent; border-radius:0 0 20px 20px; transform:scaleX(0);
  transform-origin:center; transition:transform .2s, background-color .2s;
}
.mb-nav__item.is-active{ color:var(--accent,var(--wc)); }
.mb-nav__item.is-active::before{ background:var(--accent,var(--wc)); transform:scaleX(1); }
.mb-nav__item.is-active .ico-img--default{ display:none; }
.mb-nav__item.is-active .ico-img--active{ display:block; }

@media(hover:hover) and (pointer:fine){
  .mb-nav__item:hover{ color:var(--accent,var(--wc)); }
  .mb-nav__item:hover::before{ background:var(--accent,var(--wc)); transform:scaleX(1); }
  .mb-nav__item:hover .ico-img--default{ display:none; }
  .mb-nav__item:hover .ico-img--active{ display:block; }
}

.mb-nav__item:focus{ outline:none; }
.mb-nav__item:focus-visible{ outline:2px solid var(--accent,var(--wc)); outline-offset:2px; }

@media(min-width:992px){ .mb-nav{ display:none; } }

/* ===== Panel ===== */
.cat-panel{ position:fixed; inset:0; z-index:1000; visibility:hidden; }
.cat-panel.is-open{ visibility:visible; }

.cat-panel__overlay{
  position:absolute; top:0; left:0; right:0; bottom:var(--sheet-bottom);
  background:rgba(0,0,0,.4); opacity:0; transition:opacity .2s;
}
.cat-panel.is-open .cat-panel__overlay{ opacity:1; }

.cat-panel__sheet{
  position:absolute; left:0; right:0; bottom:var(--sheet-bottom);
  background:#fff; border-radius:16px 16px 0 0;
  height:80vh; max-height:88vh; display:flex; flex-direction:column; overflow:hidden;
  box-shadow:0 -10px 30px rgba(0,0,0,.15);
  transform:translateY(100%); transition:transform .25s ease;
}
.cat-panel.is-open .cat-panel__sheet{ transform:translateY(0); }

/* Header */
.cat-panel__header{
  display:flex; align-items:center; justify-content:space-between;
  padding:12px 14px; border-bottom:1px solid var(--b);
}
.cat-panel__titlewrap{ display:flex; flex-direction:column; gap:4px; }
.cat-panel__title{ margin:0; font-size:16px; font-weight:700; color:var(--text); }
.cat-panel__subtitle{ font-size:13px; color:#6b7280; line-height:1.5; }
.cat-panel__close{
  width:36px; height:36px; border:none; border-radius:8px; background:#f3f4f6; cursor:pointer;
  font-size:22px; line-height:1; color:#111827;
}
.cat-panel__close:hover{ background:#e5e7eb; }

/* Grid */
.cat-panel__grid{ display:grid; grid-template-columns:30% 70%; height:100%; min-height:0; }
@media(max-width:360px){ .cat-panel__grid{ grid-template-columns:44% 56%; } }

/* Right column (icons only) */
.cat-panel__right{ overflow:auto; background:#fff; }
.cat-list{ list-style:none; margin:0; padding:8px; display:flex; flex-direction:column; gap:0px; }
.cat-btn{
  width:100%; display:flex; align-items:center; justify-content:center; gap:0;
  min-height:52px; padding:0; background:#fff; border:none ;  cursor:pointer;
}
.cat-btn > span{ display:none !important; }
.cat-btn .cat-ico{ width:90px; height:90px; display:inline-block; }
.cat-btn .cat-ico--active{ display:none; }
.cat-btn[aria-selected="true"] .cat-ico--default{ display:none; }
.cat-btn[aria-selected="true"] .cat-ico--active{ display:inline-block; }
.cat-btn[aria-selected="true"]{ background:#ffffff; color:#ffffff; }

/* Left column (subcategories) */
.cat-panel__left{ overflow:auto; }
.sub-header{ padding:10px 12px; border-bottom:1px solid var(--b); background:#fff; position:sticky; top:0; z-index:1; }
.cat-panel .cat-panel__left .sub-header{ display:none !important; } /* مخفی کنید */
.sub-list{ list-style:none; margin:0; padding:10px; display:grid; grid-template-columns:1fr; gap:8px; }
.sub-item a{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:1px; border-bottom:.5px solid #A5B9FF; text-decoration:none; color:var(--text); background:#fff;
}
.sub-item a:hover{ border-color:#1C61E7; box-shadow:0 1px 0 rgba(0,0,0,.03); }

/* آیکن فلش: با CSS variables از PHP */
.sub-list .sub-item a svg{ display:none !important; }
.sub-list .sub-item a{ position:relative; padding-inline-end:10px; }
.sub-list .sub-item a::after{
  content:""; position:absolute; inset-inline-end:8px; top:50%; transform:translateY(-50%);
  width:18px; height:18px; opacity:.75;
  background-repeat:no-repeat; background-position:center; background-size:contain;
  background-image: var(--sub-ico);
}
.sub-list .sub-item a:hover::after{ opacity:1; background-image: var(--sub-ico-active); }

/* پنل زیر نوار پایین ننشیند */
.mb-nav{ z-index:1002; }
.cat-panel{ z-index:1000; }
.cat-panel__overlay{ bottom:var(--sheet-bottom) !important; }
.cat-panel__sheet{   bottom:var(--sheet-bottom) !important; }

/* لاک اسکرول هنگام باز بودن پنل */
.no-scroll{ overflow:hidden; touch-action:none; }

/* SR-only */
.sr-only{ position:absolute !important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; 


}

/* دسکتاپ: نوار و پنل کلاً مخفی + حذف فاصله‌ی پایین بدنه */
@media (min-width: 992px) {
  body { padding-bottom: 0 !important; }
  .mb-nav,
  .cat-panel { display: none !important; }
}
img.ico-img.ico-img--default {
    border-radius: 0px !important;
}

@media (max-width: 992px) {
.elementor-kit-7 button, .elementor-kit-7 input[type="button"], .elementor-kit-7 input[type="submit"], .elementor-kit-7 .elementor-button {
    background-color: #ffffff;
    border-width: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    color: #242424;
}


}