/* Cart / checkout / thank-you — Lura funnel typography (Plus Jakarta Sans + blue accent) */

@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap");

.fs-store-lura,
.fs-thankyou-page.fs-store-lura {
  --lura-blue: #0066ff;
  --lura-cyan: #00d2ff;
  --lura-blue-deep: #0052cc;
  --fs-lura-font: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif;
  --fs-lura-accent: var(--lura-blue);
  --fs-lura-accent-soft: rgba(0, 102, 255, 0.08);
  --fs-lura-accent-border: rgba(0, 102, 255, 0.22);
  --fs-lura-cta-from: var(--lura-blue);
  --fs-lura-cta-to: var(--lura-cyan);
  font-family: var(--fs-lura-font);
}

.fs-store-lura :where(h1, h2, h3, h4, h5, h6, p, li, label, button, input, select, textarea, a, span, small) {
  font-family: var(--fs-lura-font);
}

.fs-store-lura-title {
  margin: 0 0 0.35rem;
  font-size: clamp(1.375rem, 3.5vw, 1.75rem);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: var(--fs-text, #0f172a);
}

.fs-store-lura-sub {
  margin: 0 0 1.25rem;
  font-size: 0.9375rem;
  font-weight: 500;
  color: var(--fs-muted, #64748b);
}

.fs-store-lura-card {
  border-radius: 1rem !important;
  border-color: var(--fs-lura-accent-border) !important;
  box-shadow:
    0 1px 2px rgba(15, 23, 42, 0.04),
    0 10px 28px rgba(0, 102, 255, 0.07) !important;
  overflow: hidden;
}

.fs-store-lura-card .card-body {
  padding: 1.25rem 1.35rem !important;
}

.fs-store-lura-card .h6,
.fs-store-lura-card h2.h6 {
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--fs-lura-accent);
}

.fs-store-lura .form-label {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #334155;
}

.fs-store-lura .form-control,
.fs-store-lura .form-select {
  border-radius: 0.625rem;
  border-color: #dbeafe;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.fs-store-lura .form-control:focus,
.fs-store-lura .form-select:focus {
  border-color: var(--fs-lura-accent);
  box-shadow: 0 0 0 0.2rem rgba(0, 102, 255, 0.14);
}

.fs-store-lura .fs-btn-primary,
.fs-store-lura .btn.fs-btn-primary {
  background: linear-gradient(135deg, var(--fs-lura-cta-from), var(--fs-lura-cta-to));
  border: none;
  border-radius: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  box-shadow: 0 4px 14px rgba(0, 102, 255, 0.28);
}

.fs-store-lura .fs-btn-primary:hover,
.fs-store-lura .btn.fs-btn-primary:hover {
  background: linear-gradient(135deg, #1a75ff, #33daff);
  box-shadow: 0 6px 18px rgba(0, 102, 255, 0.34);
}

.fs-store-lura .font-amount.text-success {
  color: var(--fs-lura-accent-deep) !important;
  font-weight: 700;
}

.fs-store-lura .btn-outline-secondary {
  border-radius: 0.5rem;
  font-weight: 600;
}

/* Thank-you page Lura polish */
.fs-thankyou-page.fs-store-lura {
  --fs-royal: var(--lura-blue);
  --fs-royal-soft: #eff6ff;
  --fs-royal-border: #bfdbfe;
  --fs-green: #059669;
  font-family: var(--fs-lura-font);
}

.fs-thankyou-page.fs-store-lura .fs-thankyou-kicker {
  color: var(--lura-blue);
  letter-spacing: 0.12em;
}

.fs-thankyou-page.fs-store-lura .fs-thankyou-hero {
  border-color: var(--fs-lura-accent-border);
  background: linear-gradient(165deg, #ecfdf5 0%, #eff6ff 32%, rgba(0, 210, 255, 0.12) 68%, #ffffff 100%);
  box-shadow:
    0 1px 2px rgba(15, 23, 42, 0.04),
    0 12px 32px rgba(0, 102, 255, 0.12);
}

.fs-thankyou-page.fs-store-lura .fs-thankyou-hero::before {
  background: linear-gradient(90deg, #059669, #34d399, var(--lura-blue), var(--lura-cyan));
}

.fs-thankyou-page.fs-store-lura .fs-thankyou-hero-glow {
  background: radial-gradient(circle, rgba(0, 102, 255, 0.12) 0%, transparent 68%);
}

.fs-thankyou-page.fs-store-lura .fs-thankyou-hero-medal {
  background: var(--lura-blue);
  box-shadow: 0 8px 22px rgba(0, 102, 255, 0.3);
}

.fs-thankyou-page.fs-store-lura .fs-thankyou-hero-kicker {
  color: #047857;
}

.fs-thankyou-page.fs-store-lura .fs-thankyou-hero-title {
  font-weight: 800;
  letter-spacing: -0.03em;
  color: #0f172a;
}

.fs-thankyou-page.fs-store-lura .fs-thankyou-hero-sub {
  color: var(--lura-blue-deep);
}

.fs-thankyou-page.fs-store-lura .fs-thankyou-hero-order {
  border-color: var(--fs-lura-accent-border);
  box-shadow: 0 4px 14px rgba(0, 102, 255, 0.08);
}

.fs-thankyou-page.fs-store-lura .fs-thankyou-hero-order-label {
  color: var(--lura-blue);
}

.fs-thankyou-page.fs-store-lura .fs-thankyou-title {
  font-weight: 800;
  letter-spacing: -0.025em;
}

.fs-thankyou-page.fs-store-lura .fs-thankyou-delivery {
  color: var(--lura-blue-deep);
}

.fs-thankyou-page.fs-store-lura .fs-thankyou-steps-title,
.fs-thankyou-page.fs-store-lura .fs-thankyou-wa-channel-kicker,
.fs-thankyou-page.fs-store-lura .fs-thankyou-recos-title,
.fs-thankyou-page.fs-store-lura .fs-thankyou-hero-steps .fs-thankyou-steps-title {
  color: var(--lura-blue);
}

.fs-thankyou-page.fs-store-lura .fs-thankyou-header-cta {
  border-radius: 0.625rem;
  background: linear-gradient(135deg, var(--lura-blue), var(--lura-cyan));
  border: none;
  box-shadow: 0 4px 14px rgba(0, 102, 255, 0.24);
}

.fs-thankyou-page.fs-store-lura .fs-thankyou-header-cta:hover {
  background: linear-gradient(135deg, #1a75ff, #33daff);
  box-shadow: 0 6px 18px rgba(0, 102, 255, 0.3);
  color: #fff;
}

.fs-thankyou-page.fs-store-lura .fs-thankyou-cta {
  border-radius: 0.625rem;
  background: linear-gradient(135deg, var(--lura-blue), var(--lura-cyan));
  border: none;
  font-weight: 700;
  box-shadow: 0 4px 14px rgba(0, 102, 255, 0.28);
}

.fs-thankyou-page.fs-store-lura .fs-thankyou-cta:hover {
  background: linear-gradient(135deg, #1a75ff, #33daff);
  box-shadow: 0 6px 18px rgba(0, 102, 255, 0.34);
  color: #fff;
}

.fs-thankyou-page.fs-store-lura .fs-thankyou-note-quote::before {
  background: linear-gradient(90deg, #be185d, #f472b6, #be185d);
}

.fs-thankyou-page.fs-store-lura .fs-thankyou-quote-label {
  color: #be185d;
}

.fs-thankyou-page.fs-store-lura .fs-thankyou-quote-thanks {
  color: #9d174d !important;
}

.fs-thankyou-page.fs-store-lura .fs-thankyou-recos {
  border-color: var(--fs-lura-accent-border);
  box-shadow:
    0 1px 2px rgba(15, 23, 42, 0.04),
    0 10px 28px rgba(0, 102, 255, 0.08);
}

.fs-thankyou-page.fs-store-lura .fs-thankyou-recos::before {
  background: linear-gradient(90deg, var(--lura-blue), var(--lura-cyan), var(--lura-blue));
}

.fs-thankyou-page.fs-store-lura .fs-thankyou-reco-card {
  border-color: rgba(0, 102, 255, 0.18);
}

.fs-thankyou-page.fs-store-lura .fs-thankyou-reco-card:hover {
  border-color: var(--lura-blue);
  box-shadow: 0 6px 18px rgba(0, 102, 255, 0.16);
}

.fs-thankyou-page.fs-store-lura .fs-thankyou-reco-price {
  color: var(--lura-blue-deep);
}