/* Listing-page modern makeover – keeps Bootstrap & token variables intact */
:root{
  --norti-coral:#F37C6C;
  --norti-mint:#A9DAB0;
  --ink:#1F2937;
  --muted:#6B7280;
  --bg:#FAF2EB;
  --card:#ffffff;
  --border:#E5E7EB;
  --danger:#D14343;
  --ok:#1B7F5D;
}
html,body{background:var(--bg);color:var(--ink);}
/* container / cards */
.card-modern{background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:0 2px 10px rgba(0,0,0,.04)}
/* badges */
.badge-modern{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 10px;font-size:12px;border:1px solid var(--border);background:#fff}
.badge-ok{background:color-mix(in srgb,var(--norti-mint) 30%,#fff 70%);border:none}
.badge-warn{background:color-mix(in srgb,var(--norti-coral) 25%,#fff 75%);border:none}
/* purchase module */
.qty-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:#fff;font-size:16px;cursor:pointer}
.qty-input{width:60px;height:34px;text-align:center;border:1px solid var(--border);border-radius:8px}
.cta-buy{display:block;width:100%;padding:14px 16px;border:none;border-radius:10px;background:var(--norti-coral);color:#fff;font-weight:800;font-size:16px}
.cta-buy:disabled{opacity:.6;cursor:not-allowed}
/* sticky mobile bar */
#sticky-cta{position:sticky;bottom:0;z-index:1040;background:rgba(255,255,255,.96);backdrop-filter:saturate(180%) blur(6px);border-top:1px solid var(--border);display:none}
@media(max-width:992px){#sticky-cta{display:block}}
/* utility */
.dot{width:6px;height:6px;border-radius:50%}

/* Legacy transaction-status banner (matches master design) */
.ticket-pending-msg {
  background: #fffbe6 !important;
  border: 1px solid #ffe58f !important;
  border-left-width: 4px !important;
  color: #664d03 !important;
}
.ticket-pending-msg i { color: #d48806 !important; }

/* Master-style transaction banner (pale yellow) – must come last */
.ticket-pending-msg {
  background: #fffbe6;           /* light yellow */
  border: 1px solid #ffe58f;
  border-left-width: 4px;
  border-radius: 8px;
  padding: 12px 16px;
  color: #664d03;                /* dark amber text */
  font-size: .95rem;
  display: flex;
  align-items: center;
  gap: 8px;
}

.ticket-pending-msg i {
  color: #d48806;
  font-size: 1.1rem;
}