/* نوا مارکت ۱۹.۹.۴ — لایه اصلاح: دکمه سبد هدر، شمارنده سبد کامل، داک ویجت‌های شناور */

/* ۱) دکمه سبد خرید در هدر: هاور هم‌خانواده با رنگ قالب (بدون brightness روی کل دکمه) */
.sf-head .sf-act.cart,
.sf-head .sf-act.cart .lbl,
.sf-head .sf-act.cart .sf-i,
.sf-head .sf-act.cart .n {
  transition: background-color .18s, background-image .18s, border-color .18s,
              box-shadow .18s, color .18s;
}
.sf-head .sf-act.cart {
  background-color: var(--v9-accent, var(--green));
  background-image: linear-gradient(135deg, var(--v9-accent), var(--v9-accent2));
  border-color: transparent;
  color: var(--v9-on, var(--pl-on-primary, #fff));
}
.sf-head .sf-act.cart:hover,
.sf-head .sf-act.cart:focus-visible,
.sf-head .sf-act.cart[aria-expanded="true"] {
  filter: none;
  transform: none;
  background-color: var(--green2, var(--v9-accent));
  background-image: linear-gradient(135deg, var(--green2, var(--v9-accent)), var(--v9-accent));
  border-color: transparent;
  color: var(--v9-on, var(--pl-on-primary, #fff));
  box-shadow: 0 12px 26px -14px color-mix(in oklch, var(--v9-accent), transparent 12%);
}
.sf-head .sf-act.cart:hover .lbl,
.sf-head .sf-act.cart:hover .sf-i,
.sf-head .sf-act.cart:hover svg,
.sf-head .sf-act.cart:focus-visible .lbl,
.sf-head .sf-act.cart:focus-visible .sf-i {
  color: var(--v9-on, var(--pl-on-primary, #fff));
  opacity: 1;
}

/* نشان تعداد: حلقه دور نشان هم‌رنگ دکمه می‌شود، نه هم‌رنگ پس‌زمینه صفحه */
.sf-head .sf-act.cart .n {
  background: var(--pl-danger, var(--red));
  color: var(--pl-on-danger, #fff);
  border-color: color-mix(in oklch, var(--v9-on, #fff), transparent 74%);
  box-shadow: 0 2px 7px -3px color-mix(in oklch, var(--ink), transparent 45%);
}
.sf-head .sf-act.cart:hover .n,
.sf-head .sf-act.cart:focus-visible .n {
  border-color: color-mix(in oklch, var(--v9-on, #fff), transparent 48%);
}

/* ۲) شمارنده سبد کامل */
.v9cart-bar .n,
.v9cart-count,
.v9cart-x {
  font-variant-numeric: tabular-nums;
  letter-spacing: 0;
}
.v9cart-x { font-style: normal; font-weight: 700 }
.v9cart-bar.is-pending .n {
  background: var(--gold, #d99a00);
  color: var(--pl-on-accent, #fff);
}
.v9cart-hint {
  display: none;
  flex: 1 1 100%;
  align-items: center;
  gap: 8px;
  margin-top: 6px;
  padding: 7px 10px;
  border-radius: var(--sf-r-sm, 10px);
  background: color-mix(in oklch, var(--gold, #d99a00), transparent 90%);
  color: var(--ink);
  font: 700 11.5px var(--font);
  font-size: calc(11.5px * var(--fz-small, 1));
}
.v9cart-bar.is-pending .v9cart-hint,
.v9cart-bar.is-stale .v9cart-hint { display: flex }
.v9cart-hint button {
  border: 1px solid var(--line);
  background: var(--surface);
  color: var(--v9-accent);
  border-radius: 9px;
  padding: .35em .7em;
  font: inherit;
  cursor: pointer;
}
.v9cart-hint button:hover { border-color: var(--v9-accent) }

/* ۳) داک ویجت‌های شناور: در دسکتاپ کنار هم، در موبایل زیر هم */
#nv-dock {
  position: fixed;
  z-index: 97;
  inset-inline-start: 16px;
  inset-inline-end: auto;
  left: auto;
  right: auto;
  bottom: calc(var(--sf-dock-b, calc(16px + env(safe-area-inset-bottom, 0px))) + var(--sf-dock-y, 0px));
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  gap: var(--sf-dock-gap, 10px);
  max-width: calc(100vw - 210px);
  pointer-events: none;
}
#nv-dock > * {
  position: relative !important;
  inset: auto !important;
  top: auto !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  inset-inline: auto !important;
  margin: 0 !important;
  width: auto;
  max-width: min(340px, 34vw) !important;
  z-index: auto !important;
  pointer-events: auto;
  flex: 0 1 auto;
}
#nv-dock:empty { display: none }

@media (max-width: 900px) {
  #nv-dock {
    inset-inline: 10px;
    max-width: none;
    flex-direction: column-reverse;
    align-items: stretch;
    gap: 8px;
  }
  #nv-dock > * {
    max-width: none !important;
    width: auto;
    flex: 0 0 auto;
  }
  #nv-dock > .cb-bar,
  #nv-dock > .rs-bar { padding: 9px 11px; border-radius: 14px }
  html body:has(#nv-dock > *) { padding-bottom: calc(var(--nv-chrome-h, var(--sf-bnav-h, 64px)) + var(--nv-dock-h, 0px) + var(--nv-fab-h, 56px) + 26px + env(safe-area-inset-bottom, 0px)) }
  html body.has-v9dock:has(#nv-dock > *) { padding-bottom: calc(var(--nv-chrome-h, var(--sf-v9dock-h, 84px)) + var(--nv-dock-h, 0px) + var(--nv-fab-h, 56px) + 26px + env(safe-area-inset-bottom, 0px)) }
}

@media print { #nv-dock { display: none !important } }