/* ======================================================================
   ناوبر چسبان پایین — فقط موبایل و تبلت (تا ۱۰۲۴px)
   ====================================================================== */

.kp-bnav{ display:none; }

@media (max-width:1024px){
  .kp-bnav{
    display:flex; align-items:stretch; justify-content:space-around;
    position:fixed; right:0; left:0; bottom:0; z-index:999;
    background:rgba(255,255,255,.92); backdrop-filter:saturate(180%) blur(14px);
    border-top:1px solid var(--border);
    box-shadow:0 -6px 24px -12px rgba(0,0,0,.18);
    padding:6px max(6px, env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left));
  }
  [data-theme="dark"] .kp-bnav, .dark-mode .kp-bnav{
    background:rgba(17,17,17,.92); border-top-color:rgba(255,255,255,.1);
  }
  body{ padding-bottom:64px; }
}

.kp-bnav__item{
  flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px;
  padding:7px 2px 6px; text-decoration:none; color:var(--ink-light);
  font-family:inherit; font-size:10.5px; font-weight:700; background:none; border:none; cursor:pointer;
  border-radius:10px; transition:color .15s ease, background .15s ease; -webkit-tap-highlight-color:transparent;
}
button.kp-bnav__item{ font-family:inherit; }
.kp-bnav__item i{ font-size:21px; line-height:1; }
.kp-bnav__item:active{ background:var(--bg-soft); }
.kp-bnav__item.is-active{ color:var(--accent); }

/* ---------- شیت «بیشتر» ---------- */
.kp-bnav-sheet-overlay{
  position:fixed; inset:0; z-index:1000; background:rgba(0,0,0,.45);
  display:none; align-items:flex-end; justify-content:center;
  opacity:0; transition:opacity .22s ease;
}
.kp-bnav-sheet-overlay.is-open{ display:flex; opacity:1; }

.kp-bnav-sheet{
  width:100%; max-width:560px; background:var(--bg-card, #fff);
  border-radius:18px 18px 0 0; padding:10px 18px calc(22px + env(safe-area-inset-bottom));
  transform:translateY(100%); transition:transform .28s cubic-bezier(.16,1,.3,1);
  box-shadow:0 -10px 34px -12px rgba(0,0,0,.3);
}
.kp-bnav-sheet-overlay.is-open .kp-bnav-sheet{ transform:translateY(0); }

.kp-bnav-sheet__handle{
  width:40px; height:4px; border-radius:99px; background:var(--border-strong);
  margin:4px auto 16px;
}

.kp-bnav-sheet__grid{
  display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:14px 8px;
}
@media (max-width:420px){ .kp-bnav-sheet__grid{ grid-template-columns:repeat(3, minmax(0,1fr)); } }

.kp-bnav-sheet__item{
  display:flex; flex-direction:column; align-items:center; gap:8px; text-decoration:none; color:var(--ink);
  font-size:12px; font-weight:700; text-align:center;
}
.kp-bnav-sheet__icon{
  width:50px; height:50px; border-radius:15px; background:var(--bg-soft);
  display:flex; align-items:center; justify-content:center; font-size:21px; color:var(--accent);
}
.kp-bnav-sheet__item span:not(.kp-bnav-sheet__icon){ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
