/* Aauriva commerce flow: cart, checkout, payment status and order confirmation. */
:root {
  --aa-flow-ink: #183027;
  --aa-flow-muted: #607167;
  --aa-flow-gold: #b8862d;
  --aa-flow-gold-soft: #e3bf5f;
  --aa-flow-green: #103925;
  --aa-flow-cream: #f4efe4;
  --aa-flow-paper: #fffdf8;
  --aa-flow-line: rgba(16, 57, 37, .15);
}

/* Production checkout (the server-side Razorpay/COD flow uses these jr-* hooks). */
.jr-commerce {
  background: var(--aa-flow-cream);
  color: var(--aa-flow-ink);
  font-family: Roboto, Arial, sans-serif;
}
.jr-commerce-hero {
  min-height: 218px;
  padding: 42px 24px 38px;
  border-bottom: 1px solid var(--aa-flow-line);
  background: radial-gradient(circle at 12% 15%, rgba(227,191,95,.24), transparent 28rem), linear-gradient(135deg, #fffdf8, #f4efe4 72%);
}
.jr-commerce-hero p,
.jr-order-card > p,
.jr-checkout-heading p { color: var(--aa-flow-gold); }
.jr-commerce-hero h1,
.jr-order-card h2,
.jr-checkout-heading h2,
.jr-cart-empty h2,
.jr-checkout-success h2 { color: var(--aa-flow-ink); }
.jr-commerce-hero span { color: var(--aa-flow-muted); }
.jr-commerce-shell { width: min(1180px, calc(100% - 40px)); padding: 50px 0 84px; }
.jr-cart-list,
.jr-checkout-form-card,
.jr-order-card {
  border-color: var(--aa-flow-line);
  border-radius: 20px;
  background: rgba(255,253,248,.92);
  box-shadow: 0 22px 60px rgba(16,57,37,.08);
}
.jr-cart-list,
.jr-checkout-form-card { padding: 32px; }
.jr-cart-line { border-color: var(--aa-flow-line); }
.jr-cart-line img,
.jr-checkout-item img { background: #e6eee5; }
.jr-cart-line__copy small,
.jr-order-card > p,
.jr-checkout-heading p,
.jr-checkout-item em { color: var(--aa-flow-gold); }
.jr-cart-line__copy h2,
.jr-order-card h2,
.jr-checkout-heading h2 { color: var(--aa-flow-ink); }
.jr-cart-line__copy p,
.jr-cart-line__controls label,
.jr-order-card dt,
.jr-order-card > small,
.jr-checkout-form > small,
.jr-checkout-form label,
.jr-payment-choice legend,
.jr-checkout-item small,
.jr-payment-trust,
.jr-secure-note { color: var(--aa-flow-muted); }
.jr-cart-line__controls input,
.jr-cart-line__controls button,
.jr-checkout-form input,
.jr-checkout-select { border-color: var(--aa-flow-line); background: var(--aa-flow-paper); color: var(--aa-flow-ink); }
.jr-cart-line__controls button:hover { border-color: var(--aa-flow-gold); color: var(--aa-flow-green); }
.jr-order-card { top: 108px; }
.jr-order-card dl { border-color: var(--aa-flow-line); }
.jr-order-total strong { color: var(--aa-flow-green); }
.jr-commerce-primary { border-color: var(--aa-flow-green); background: var(--aa-flow-green); color: #fffdf8 !important; box-shadow: 0 14px 28px rgba(16,57,37,.16); }
.jr-commerce-primary:hover { background: #195a3a; }
.jr-commerce-secondary { border-color: var(--aa-flow-line); background: var(--aa-flow-paper); color: var(--aa-flow-ink) !important; }
.jr-commerce-alert { background: #e6eee5; color: var(--aa-flow-ink); }
.jr-commerce-alert--success { color: #276044; }
.jr-commerce-alert--danger { color: #8a4038; background: #fff0e8; }
.jr-cart-empty a { color: var(--aa-flow-gold); }
.jr-checkout-form input:focus,
.jr-checkout-select:focus { border-color: var(--aa-flow-gold); outline: 0; box-shadow: 0 0 0 4px rgba(184,134,45,.12); }
.jr-payment-choice label { border-color: var(--aa-flow-line); background: rgba(255,253,248,.8); }
.jr-payment-choice label:hover,
.jr-payment-choice label.is-selected,
.jr-payment-choice label:has(input:checked) { border-color: var(--aa-flow-gold); background: #f8f2e5; box-shadow: 0 10px 24px rgba(16,57,37,.07); }
.jr-payment-choice input { accent-color: var(--aa-flow-green); }
.jr-payment-choice label > span i,
.jr-payment-choice label.is-selected > i,
.jr-payment-choice label:has(input:checked) > i,
.jr-payment-trust i { color: var(--aa-flow-gold); }
.jr-payment-ready,
.jr-delivery-preview { border-color: var(--aa-flow-line); background: #e6eee5; }
.jr-payment-ready__mark { background: var(--aa-flow-green); }
.jr-payment-ready small,
.jr-delivery-preview small,
.jr-delivery-preview > i { color: var(--aa-flow-gold); }
.jr-payment-ready p,
.jr-delivery-preview address { color: var(--aa-flow-muted); }
.jr-checkout-item + .jr-checkout-item { border-color: var(--aa-flow-line); }
.jr-payment-choice__notice { border-color: rgba(184,134,45,.3); background: #fff8e8; color: #765521; }

/* Full cart route. The utility classes remain in the markup for accessibility and
   progressive enhancement; these hooks give the route its Aauriva palette. */
.aa-commerce-cart,
.aa-commerce-result { background: var(--aa-flow-cream) !important; color: var(--aa-flow-ink) !important; }
.aa-commerce-cart .bg-primary,
.aa-commerce-result .bg-primary { background-color: var(--aa-flow-green) !important; }
.aa-commerce-cart .text-primary,
.aa-commerce-result .text-primary { color: var(--aa-flow-green) !important; }
.aa-commerce-cart .text-on-surface,
.aa-commerce-result .text-on-surface,
.aa-commerce-cart .text-on-background,
.aa-commerce-result .text-on-background { color: var(--aa-flow-ink) !important; }
.aa-commerce-cart .text-on-surface-variant,
.aa-commerce-result .text-on-surface-variant { color: var(--aa-flow-muted) !important; }
.aa-commerce-cart .bg-surface-container-low,
.aa-commerce-result .bg-surface-container-low,
.aa-commerce-cart .bg-surface-container,
.aa-commerce-result .bg-surface-container { background-color: #e6eee5 !important; }
.aa-commerce-cart .border-outline-variant\/10,
.aa-commerce-result .border-outline-variant\/10,
.aa-commerce-cart .border-outline-variant\/20,
.aa-commerce-result .border-outline-variant\/20 { border-color: var(--aa-flow-line) !important; }
.aa-commerce-cart > header,
.aa-commerce-result > header {
  background: rgba(255,253,248,.9) !important;
  border-color: var(--aa-flow-line) !important;
  box-shadow: 0 8px 24px rgba(16,57,37,.06);
}
.aa-commerce-cart > main,
.aa-commerce-result > main { background: linear-gradient(145deg,#fffdf8 0%,#f4efe4 78%) !important; }
.aa-commerce-mini-header .aa-commerce-wordmark,
.aa-commerce-result .aa-commerce-wordmark { display: block; width: 134px; height: auto; }
.aa-commerce-mini-header a,
.aa-commerce-result header a { color: var(--aa-flow-muted) !important; }
.aa-commerce-mini-header .aa-commerce-secure,
.aa-commerce-result .aa-commerce-secure { color: var(--aa-flow-gold) !important; }
.aa-commerce-progress .aa-step-active { background: var(--aa-flow-green) !important; color: #fff !important; }
.aa-commerce-progress .aa-step-muted { background: #e5eadf !important; color: var(--aa-flow-muted) !important; }
.aa-commerce-progress .aa-step-label { color: var(--aa-flow-ink) !important; }
.aa-commerce-progress .aa-step-label-muted { color: rgba(96,113,103,.62) !important; }
.aa-commerce-cart .aa-cart-selection-card,
.aa-commerce-cart .aa-cart-summary {
  border-color: var(--aa-flow-line) !important;
  border-radius: 20px !important;
  background: rgba(255,253,248,.92) !important;
  box-shadow: 0 18px 48px rgba(16,57,37,.07) !important;
}
.aa-commerce-cart .aa-cart-selection-card h1,
.aa-commerce-cart .aa-cart-summary h2,
.aa-commerce-cart .aa-cart-item h3,
.aa-commerce-cart .aa-cart-summary .aa-cart-total-label { color: var(--aa-flow-ink) !important; }
.aa-commerce-cart .aa-cart-item { border-color: var(--aa-flow-line) !important; }
.aa-commerce-cart .aa-cart-media { background: #e6eee5 !important; border-radius: 12px !important; }
.aa-commerce-cart .aa-cart-item .aa-cart-price { color: var(--aa-flow-green) !important; }
.aa-commerce-cart .aa-cart-item .aa-cart-variant,
.aa-commerce-cart .aa-cart-summary .aa-cart-muted { color: var(--aa-flow-muted) !important; }
.aa-commerce-cart .aa-cart-quantity { background: #f7f5ee !important; border-color: var(--aa-flow-line) !important; }
.aa-commerce-cart .aa-cart-quantity button:hover,
.aa-commerce-cart .aa-cart-remove:hover { color: var(--aa-flow-gold) !important; }
.aa-commerce-cart .aa-cart-summary .aa-cart-total { color: var(--aa-flow-green) !important; }
.aa-commerce-cart .aa-cart-checkout {
  background: var(--aa-flow-green) !important;
  color: #fffdf8 !important;
  box-shadow: 0 14px 28px rgba(16,57,37,.15) !important;
}
.aa-commerce-cart .aa-cart-checkout:hover { background: #195a3a !important; }
.aa-commerce-cart .aa-cart-perk { border-color: rgba(16,57,37,.13) !important; background: #e6eee5 !important; }
.aa-commerce-cart .aa-cart-perk i { color: var(--aa-flow-gold) !important; }
.aa-commerce-cart .aa-cart-coupon input { border-color: var(--aa-flow-line) !important; color: var(--aa-flow-ink) !important; }

/* Payment status route uses utility markup, so keep the same visual language. */
.aa-commerce-result .aa-result-card { border-color: var(--aa-flow-line) !important; background: rgba(255,253,248,.92) !important; box-shadow: 0 18px 48px rgba(16,57,37,.07) !important; }
.aa-commerce-result .aa-result-accent { color: var(--aa-flow-gold) !important; }
.aa-commerce-result .aa-result-total { color: var(--aa-flow-green) !important; }
.aa-commerce-result .aa-result-action { background: var(--aa-flow-green) !important; color: #fffdf8 !important; }
.aa-commerce-result .aa-result-action-secondary { background: #e6eee5 !important; color: var(--aa-flow-ink) !important; }

@media (max-width: 850px) {
  .jr-commerce-shell { width: min(100% - 28px, 680px); padding: 36px 0 70px; }
  .jr-order-card { position: static; }
}
@media (max-width: 520px) {
  .jr-commerce-shell { width: min(100% - 24px, 680px); }
  .jr-cart-list, .jr-checkout-form-card, .jr-order-card { padding: 22px 18px; }
  .aa-commerce-mini-header .aa-commerce-wordmark,
  .aa-commerce-result .aa-commerce-wordmark { width: 112px; }
}