/**
 * Order flow polish: Cart → Checkout → Success
 * Scoped to body.gsts-orderflow-polish
 * Navy: #0f2b5b | Orange: #ff6b00 / var(--bs-primary)
 */

/* ===== 1) CART PAGE ===== */

/* A) Total: stronger amount, subtle label */
.gsts-orderflow-polish #cart-totals tr.fw-bold td:last-child,
.gsts-orderflow-polish .ti-cart-grandtotal .ti-total-amount {
  font-size: 1.12rem !important;
  font-weight: 800 !important;
}
.gsts-orderflow-polish #cart-totals tr.fw-bold td:first-child,
.gsts-orderflow-polish .ti-cart-grandtotal .ti-total-label {
  font-size: 0.88rem !important;
  opacity: 0.8 !important;
}

/* B) Cart items: 6–8px vertical spacing */
.gsts-orderflow-polish .cart-items li {
  margin-bottom: 7px !important;
}
.gsts-orderflow-polish .cart-items li:last-child {
  margin-bottom: 0 !important;
}

/* C) +/- quantity buttons: larger hit area, subtle bg, soft shadow */
.gsts-orderflow-polish .cart-items .btn.rounded-circle {
  min-width: 36px !important;
  width: 36px !important;
  height: 36px !important;
  padding: 0 !important;
  background: rgba(0, 0, 0, 0.05) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06) !important;
  border-color: rgba(0, 0, 0, 0.12) !important;
}

/* D) Primary CTA (مشاهده سفارش / checkout): navy, more padding, shadow, FA font */
.gsts-orderflow-polish .ti-checkout-btn.btn-primary {
  padding: 14px 20px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
  border-radius: 14px !important;
}
html[lang^="fa"] .gsts-orderflow-polish .ti-checkout-btn,
html[lang^="fa"] .gsts-orderflow-polish .ti-checkout-btn * {
  font-family: inherit !important;
}

/* ===== 2) CHECKOUT PAGE ===== */

/* A) Premium mini card: compact, neutral, context-focused (no decorative blue) */
.gsts-orderflow-polish .gsts-checkout-minicard.gsts-checkout-infocard.gsts-checkout-welcome {
  background: rgba(0, 0, 0, 0.02) !important;
  color: #1a1a1a !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-radius: 14px !important;
  padding: 10px 12px !important;
  margin-bottom: 12px !important;
  margin-inline: 16px !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  font-size: 14px !important;
  text-align: center !important;
}
.gsts-orderflow-polish .gsts-checkout-minicard.gsts-checkout-infocard.gsts-checkout-welcome::before {
  content: none !important;
}
/* A1) PRIMARY: context (سفارش داخل رستوران • میز 7) - dominant */
.gsts-orderflow-polish .gsts-checkout-minicard .gsts-checkout-context {
  display: block !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  white-space: nowrap !important;
}
/* A2) SECONDARY: welcome line, smaller and more subtle */
.gsts-orderflow-polish .gsts-checkout-minicard .gsts-checkout-welcome {
  display: block !important;
  margin-top: 2px !important;
  font-weight: 500 !important;
  font-size: 0.9rem !important;
  opacity: 0.7 !important;
}

/* B) Whitespace fix: livewire checkout uses row.pt-4 (24px) and row.py-4 (24px) above form */
.gsts-orderflow-polish .col-lg-10.mx-auto > div > .row.pt-4 {
  padding-top: 0.25rem !important;
}
.gsts-orderflow-polish .col-lg-10.mx-auto > div > .row.py-4 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.75rem !important;
}

/* C) Reduce vertical space between banner and content */
.gsts-orderflow-polish .gsts-checkout-welcome + .container {
  padding-top: 6px !important;
  margin-top: 0 !important;
}
.gsts-orderflow-polish #checkout-form .p-3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}
.gsts-orderflow-polish #checkout-form [data-dinein-edit-order-wrap] {
  margin-top: 4px !important;
}

/* D) Blank space fix: reduce spacing from row.g-3.mb-1 wrappers (tab-fields) on checkout only */
.gsts-checkout-page #checkout-form .row.g-3.mb-1 {
  margin-bottom: 0 !important;
}
.gsts-checkout-page #checkout-form [data-dinein-edit-order-wrap],
.gsts-checkout-page #checkout-form [data-dinein-confirm-hint] {
  margin-top: 0 !important;
}

/* E) Collapse Terms & Conditions block (hidden but still occupying space from row/col/p-3 wrappers) */
.gsts-checkout-page #checkout-fields-termsagreed-container {
  display: none !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}
.gsts-checkout-page #checkout-fields-termsagreed-container * {
  margin: 0 !important;
  padding: 0 !important;
}
/* Collapse the row that wraps the terms block (removes p-3/col/row vertical space) */
.gsts-checkout-page .row.g-3.mb-1:has(#checkout-fields-termsagreed-container) {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* A3) "اصلاح سفارش" panel: white card with orange outline, consistent 16px side spacing */
.gsts-orderflow-polish .gsts-checkout-editpanel {
  background: #fff !important;
  border: 1px solid #ff6b00 !important;
  border-radius: 12px !important;
  padding: 12px 16px !important;
  margin-inline: 16px !important;
  width: calc(100% - 32px) !important;
  margin-bottom: 12px !important;
  box-sizing: border-box !important;
}
.gsts-orderflow-polish .gsts-checkout-editpanel .btn-secondary {
  background: transparent !important;
  color: #ff6b00 !important;
  border: 1px solid #ff6b00 !important;
}
.gsts-orderflow-polish .gsts-checkout-editpanel .btn-secondary:hover {
  background: rgba(255, 107, 0, 0.08) !important;
}

/* A3b) Red warning box: softer, consistent 16px side spacing */
.gsts-orderflow-polish .gsts-checkout-warning {
  margin: 0 16px 12px 16px !important;
  padding: 12px 16px !important;
  border-radius: 12px !important;
  background: rgba(220, 53, 69, 0.07) !important;
  border: 1px solid rgba(220, 53, 69, 0.25) !important;
  color: #374151 !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  text-align: center !important;
  width: calc(100% - 32px) !important;
  box-sizing: border-box !important;
}
.gsts-orderflow-polish .gsts-checkout-warning .gsts-checkout-warning-title {
  display: block !important;
  font-weight: 700 !important;
  color: #991b1b !important;
  margin-bottom: 6px !important;
}
.gsts-orderflow-polish .gsts-checkout-warning .gsts-checkout-warning-body {
  display: block !important;
  opacity: 0.9 !important;
  white-space: pre-line !important;
}

/* A4) Hide footer menu links on checkout only */
.gsts-orderflow-polish .footer .py-5 > .container:first-child .row {
  display: none !important;
}

/* B) Checkout Place Order button (ثبت سفارش): NAVY, same as cart "مشاهده سفارش" */
#checkout-form .checkout-btn.btn-primary {
  background: #0f2b5b !important;
  color: #ffffff !important;
  border: 2px solid #0f2b5b !important;
  padding: 14px 20px !important;
  min-height: 52px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
  border-radius: 14px !important;
}
#checkout-form .checkout-btn.btn-primary:hover,
#checkout-form .checkout-btn.btn-primary:focus {
  filter: brightness(0.95) !important;
}
html[lang^="fa"] #checkout-form .checkout-btn,
html[lang^="fa"] #checkout-form .checkout-btn * {
  font-family: inherit !important;
}

/* ===== 3) SUCCESS PAGE ===== */

/* A) Confirmation card: subtle success green styling */
.gsts-orderflow-polish .gsts-success-card.dinein-success-card {
  background: rgba(34, 197, 94, 0.06) !important;
  border: 1px solid rgba(34, 197, 94, 0.25) !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1) !important;
}
.gsts-orderflow-polish .gsts-success-icon {
  width: 56px !important;
  height: 56px !important;
  border-radius: 50% !important;
  background: rgba(34, 197, 94, 0.12) !important;
  color: #22c55e !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 16px auto !important;
}
.gsts-orderflow-polish .gsts-success-icon svg {
  flex-shrink: 0;
}
.gsts-orderflow-polish .gsts-success-title {
  font-weight: 700 !important;
}
.gsts-orderflow-polish .dinein-success-card h3 {
  margin-bottom: 10px !important;
}

/* B) Main orange CTA */
.gsts-orderflow-polish .gsts-cta.gsts-cta-menu {
  padding: 14px 24px !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.14) !important;
  border-radius: 14px !important;
}
html[lang^="fa"] .gsts-orderflow-polish .gsts-cta,
html[lang^="fa"] .gsts-orderflow-polish .gsts-cta * {
  font-family: inherit !important;
}

/* ===== 4) GLOBAL CTA CONSISTENCY ===== */
.gsts-orderflow-polish .btn-primary.w-100.btn-lg {
  border-radius: 14px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
  padding: 14px 20px !important;
}