/* static/store/css/store_pro.css */

:root{
  --pro-border: rgba(15,23,42,.10);
  --pro-border-2: rgba(15,23,42,.08);
  --pro-muted: rgba(15,23,42,.65);
}

.btn-round{ border-radius: 12px; }

.muted{ color: var(--pro-muted); }

/* Pills / chips */
.pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(15,23,42,.04);
  border: 1px solid var(--pro-border);
  font-weight: 800;
  font-size: 12px;
  color: rgba(15,23,42,.78);
  white-space: nowrap;
}
.pill-live{ background: rgba(34,197,94,.10); border-color: rgba(34,197,94,.22); }
.pill-warn{ background: rgba(245,158,11,.10); border-color: rgba(245,158,11,.22); }

/* Pro cards */
.pro-card,
.cart-card{
  border: 1px solid var(--pro-border);
  border-radius: 18px;
  overflow: hidden;
}

/* Card headers gradient */
.pro-top{
  background: linear-gradient(90deg,
    rgba(45,212,191,.16),
    rgba(59,130,246,.14),
    rgba(168,85,247,.12)
  );
  border-bottom: 1px solid var(--pro-border-2);
}

.cart-head{
  background: linear-gradient(90deg,
    rgba(45,212,191,.12),
    rgba(59,130,246,.10),
    rgba(168,85,247,.08)
  );
  border-bottom: 1px solid var(--pro-border-2);
}

/* Event detail tickets */
.ticket-row{
  border: 1px solid var(--pro-border-2);
  border-radius: 14px;
  padding: 12px;
}
.price{ font-weight: 900; font-size: 18px; }
.qty{ width: 92px; border-radius: 12px; }

/* Cart styles */
.pill-secure{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(15,23,42,.04);
  border: 1px solid var(--pro-border);
  font-weight: 800;
  font-size: 12px;
  color: rgba(15,23,42,.78);
  white-space: nowrap;
}
.qtybox{ max-width: 90px; }

.summary-box{
  border-radius: 16px;
  background: rgba(15,23,42,.04);
  border: 1px solid var(--pro-border);
  padding: 12px;
}
.line-muted{
  color: rgba(15,23,42,.60);
  font-size: 12px;
}

/* Sticky right column in event_detail */
.sticky-box{ position: sticky; top: 16px; }