/**
 * آوینورا — نوار شناور «تکمیل خرید» (فاز ۰۸، batch2، خواسته‌ی ۸)
 *
 * عمداً به هیچ body.theme-neon-* وابسته نیست: این نوار روی ۱۴ صفحه با
 * تم‌های مختلف (home/catalog/product/account/orders/invoice/blog/...)
 * می‌نشیند، پس همه‌جا باید یک ظاهر یکسان و مستقل داشته باشد. فقط از
 * متغیرهای عمومی css/design-system.css استفاده می‌کند (که در همه‌ی
 * صفحات لود می‌شود) و برای هر متغیر یک fallback هم گذاشته شده، هم‌الگو
 * با css/theme-neon-cart.css.
 *
 * z-index: طبق PROMPT فاز ۰۸، مقادیر موجود در css/design-system.css
 * عبارت‌اند از 0, 1, 5, 100, 200 (این فکت در خودِ PROMPT آمده بود).
 * design-system.css در این پکیج ضمیمه نبود تا مستقیماً grep شود؛ آنچه
 * در فایل‌های همین پکیج قابل تأیید بود: `.navbar` در
 * css/theme-neon-cart.css با z-index:200 (سربرگ چسبان). عنصر z-index:100
 * را نتوانستم در فایل‌های ضمیمه پیدا کنم (به‌احتمال زیاد مودال/منوی
 * موبایل که فایلشان اینجا نبود) — در REPORT هم صادقانه نوشته شده. برای
 * اینکه این نوار مطمئناً زیر navbar (۲۰۰) و هر مودالی که احتمالاً ۱۰۰
 * دارد بماند، عدد میانی ۵۰ انتخاب شد (بین ۵ و ۱۰۰ طبق دستور PROMPT).
 */

.checkout-bar {
  position: fixed;
  inset-inline: 0;
  inset-block-end: 0;
  z-index: 50;
  display: flex;
  justify-content: center;
  background: rgba(8, 8, 12, 0.92);
  backdrop-filter: blur(14px) saturate(140%);
  -webkit-backdrop-filter: blur(14px) saturate(140%);
  border-block-start: 1px solid var(--border-soft, rgba(255, 255, 255, 0.12));
  box-shadow: 0 -12px 30px rgba(0, 0, 0, 0.35);
  padding-block-end: env(safe-area-inset-bottom, 0px);
  font-family: inherit;
}

.checkout-bar__inner {
  width: 100%;
  max-width: var(--container-max, 1200px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3, 0.75rem);
  flex-wrap: nowrap;
  padding-block: var(--space-3, 0.75rem);
  padding-inline: var(--space-4, 1rem);
  min-inline-size: 0;
}

.checkout-bar__info {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-inline-size: 0;
  overflow: hidden;
}

.checkout-bar__count {
  color: var(--muted, #a0a0ad);
  font-size: 0.72rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.checkout-bar__total {
  display: flex;
  align-items: baseline;
  gap: var(--space-2, 0.5rem);
  flex-wrap: wrap;
  min-inline-size: 0;
}

.checkout-bar__total-label {
  color: var(--muted, #a0a0ad);
  font-size: 0.78rem;
  white-space: nowrap;
}

.checkout-bar__total-amount {
  font-family: var(--font-num, inherit);
  color: var(--gold-light, #e8b44a);
  font-weight: 800;
  font-size: 0.98rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.checkout-bar__actions {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: var(--space-2, 0.5rem);
}

/* «تو دست‌وپا نباشد» (تأکید صریح کارفرما): ارتفاع کم و فشرده روی
   موبایل. حداقل ۴۴px ارتفاع لمسی استاندارد پروژه رعایت شده، ولی
   padding عمودی کلی نوار عمداً کم نگه داشته شده. */
.checkout-bar__btn {
  flex: 0 0 auto;
  min-inline-size: 120px;
  min-block-size: 44px;
  padding-inline: var(--space-4, 1rem);
  white-space: nowrap;
}

.checkout-bar__close {
  flex: 0 0 auto;
  inline-size: 32px;
  block-size: 32px;
  min-inline-size: 32px;
  border-radius: var(--radius-full, 999px);
  border: 1px solid var(--border-soft, rgba(255, 255, 255, 0.12));
  background: transparent;
  color: var(--muted, #a0a0ad);
  font-size: 1.1rem;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.15s ease, color 0.15s ease;
}
.checkout-bar__close:hover,
.checkout-bar__close:focus-visible {
  background: rgba(255, 255, 255, 0.08);
  color: var(--text, #f4f4f6);
}

/* جبران ارتفاع نوار روی body تا فوتر/آخرین محتوا زیرش گم نشود.
   همان الگوی قبلی css/theme-neon-cart.css:437 (که در فاز ۰۸ از آن
   فایل حذف شد چون دیگر در cart.html کاربردی نداشت)، اینجا به‌صورت
   عمومی و مستقل از تم بازتعریف شده. */
body.has-checkout-bar {
  padding-block-end: calc(64px + var(--space-4, 1rem) + env(safe-area-inset-bottom, 0px));
}

/* در عرض‌های خیلی کم، طبق PROMPT: اگر جا کم بود مبلغ کل حذف شود،
   نه دکمه. اول برچسب مبلغ را در ۳۸۰px پنهان می‌کنیم؛ در ۳۲۰px کل
   بلوک مبلغ (نه فقط برچسب) پنهان می‌شود تا مطمئناً سرریز افقی
   نداشته باشیم و دکمه‌ی اصلی همیشه کامل و لمس‌پذیر بماند. */
@media (max-width: 380px) {
  .checkout-bar__total-label {
    display: none;
  }
  .checkout-bar__btn {
    min-inline-size: 104px;
    padding-inline: var(--space-3, 0.75rem);
  }
}

@media (max-width: 340px) {
  .checkout-bar__total {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .checkout-bar__close {
    transition: none;
  }
}


/* AVINORA V4 glass checkout bar — adapted to 21st dock/toast language */
.checkout-bar{inset-inline:10px!important;inset-block-end:max(8px,env(safe-area-inset-bottom))!important;width:auto!important;border:1px solid color-mix(in srgb,var(--line,#e7e0e8) 88%,transparent)!important;border-radius:18px!important;background:color-mix(in srgb,var(--surface,#fff) 91%,transparent)!important;color:var(--text,#251e29)!important;box-shadow:0 18px 55px rgba(35,21,38,.18),inset 0 1px rgba(255,255,255,.8)!important;backdrop-filter:blur(22px) saturate(1.2)!important;-webkit-backdrop-filter:blur(22px) saturate(1.2)!important;padding:0!important;overflow:hidden}.checkout-bar__inner{width:min(1160px,100%)!important;margin:auto!important;padding:8px 10px!important;gap:9px!important}.checkout-bar__info{flex-direction:row!important;align-items:baseline!important;gap:8px!important}.checkout-bar__count,.checkout-bar__total-label{color:var(--muted,#796f7c)!important}.checkout-bar__total-amount{color:var(--brand,#b12d62)!important}.checkout-bar__btn{min-height:42px!important;border-radius:12px!important;box-shadow:0 7px 20px color-mix(in srgb,var(--brand,#b12d62) 24%,transparent)!important}.checkout-bar__close{width:36px!important;height:36px!important;min-width:36px!important;border-radius:11px!important;border-color:var(--line,#e7e0e8)!important;color:var(--muted,#796f7c)!important;background:var(--surface-2,#f6f1f4)!important}.checkout-bar__close:hover{background:color-mix(in srgb,var(--brand) 9%,var(--surface))!important;color:var(--brand)!important}body.has-checkout-bar{padding-block-end:84px!important}
html[data-avinora-theme=dark] .checkout-bar{background:rgba(31,26,35,.92)!important;border-color:#4b414e!important;color:#fff!important;box-shadow:0 18px 55px rgba(0,0,0,.34)!important}html[data-avinora-theme=dark] .checkout-bar__count,html[data-avinora-theme=dark] .checkout-bar__total-label{color:#c1b6c5!important}html[data-avinora-theme=dark] .checkout-bar__total-amount{color:#ff83b4!important}html[data-avinora-theme=dark] .checkout-bar__close{background:#403746!important;border-color:#514658!important;color:#d8cddb!important}
@media(max-width:520px){.checkout-bar{inset-inline:8px!important;bottom:74px!important;border-radius:16px!important}.checkout-bar__inner{padding:7px!important}.checkout-bar__info{display:none!important}.checkout-bar__actions{width:100%!important}.checkout-bar__btn{flex:1!important;justify-content:center!important;min-width:0!important}.checkout-bar__close{flex:none!important}body.has-checkout-bar{padding-block-end:150px!important}}