.spot-tickets-test{
  background:#111;
  border:1px solid #2a2a2a;
  padding:14px;
  border-radius:12px;
  color:#fff;
  max-width:600px;
}
.spot-tickets-test h3{margin:0 0 8px;}
.spot-tickets-test p{margin:0;opacity:.9;}





/* ===== Events Cards | v1.0.8 ===== */
.spot-events-wrapper{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
  gap:16px;
}
.spot-event-card{
  background:#111;
  border:1px solid #2a2a2a;
  padding:16px;
  border-radius:14px;
  color:#fff;
}
.spot-event-card h3{
  margin:0 0 10px;
}
.spot-event-card p{
  margin:4px 0;
  opacity:.9;
}
.spot-btn{
  display:inline-block;
  margin-top:12px;
  padding:10px 14px;
  border-radius:10px;
  background:#e0002a;
  color:#fff;
  font-weight:700;
  text-decoration:none;
}
.spot-btn:hover{
  opacity:.9;
}


/* ===== Booking View | v1.0.9 ===== */
.spot-booking-wrapper{
  background:#0f0f0f;
  border:1px solid #2a2a2a;
  padding:16px;
  border-radius:14px;
  color:#fff;
}
.spot-booking-header h2{margin:0 0 8px;}
.spot-booking-meta{display:flex;flex-wrap:wrap;gap:10px;opacity:.9;margin-bottom:14px}
.spot-types-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
  gap:14px;
  margin-top:12px;
}
.spot-type-card{
  background:#111;
  border:1px solid #2a2a2a;
  border-radius:14px;
  padding:14px;
}
.spot-type-title{font-weight:800;margin-bottom:6px}
.spot-type-price{opacity:.95;margin-bottom:6px}
.spot-type-remain{opacity:.85;margin-bottom:10px}
.spot-soldout{color:#ff6b6b;font-weight:800}
.spot-btn-disabled{
  opacity:.7;
  cursor:not-allowed;
  width:100%;
}
.spot-note{margin-top:14px;opacity:.75;font-size:13px}



/* ===== Booking Form UI | v1.1.1 ===== */
.spot-qty-row{display:flex;align-items:center;gap:10px;margin-top:10px}
.spot-qty-row input{width:90px;padding:8px;border-radius:10px;border:1px solid #333;background:#0f0f0f;color:#fff}

.spot-customer-box{
  margin-top:10px;
  background:#111;
  border:1px solid #2a2a2a;
  padding:14px;
  border-radius:14px;
  max-width:520px;
}
.spot-customer-box input{
  width:100%;
  padding:10px;
  border-radius:10px;
  border:1px solid #333;
  background:#0f0f0f;
  color:#fff;
  margin:6px 0;
}

/* ===== My Tickets | v1.1.2 ===== */
.spot-my-tickets{
  background:#111;
  padding:16px;
  border-radius:14px;
  border:1px solid #2a2a2a;
  color:#fff;
}
.spot-my-tickets ul{padding-left:18px}
.spot-my-tickets li{margin:6px 0}