/* ═══════════════════════════════════════
   EVENTS LISTING — DARK THEME OVERRIDES
   Covers: /events, /events/past,
           /events/categories, event cards
   ═══════════════════════════════════════ */

/* ─── HERO SECTION ─── */
.events-hero {
  background: var(--t-bg-deep) !important;
}

.events-hero-overlay {
  background: linear-gradient(180deg, rgba(5,5,8,0.6) 0%, rgba(5,5,8,0.85) 100%) !important;
}

.events-hero-badge {
  background: rgba(230, 57, 70, 0.12) !important;
  border-color: rgba(230, 57, 70, 0.2) !important;
  color: var(--t-accent) !important;
}

.events-hero-search input {
  background: var(--t-bg-card) !important;
  border: 1px solid var(--t-border-mid) !important;
  color: var(--t-text-primary) !important;
}

.events-hero-search input::placeholder {
  color: var(--t-text-muted) !important;
}

.events-hero-search input:focus {
  border-color: var(--t-accent) !important;
  box-shadow: 0 0 0 3px rgba(230, 57, 70, 0.1) !important;
}

.events-hero-create .btn {
  background: var(--t-bg-card) !important;
  border-color: var(--t-border-mid) !important;
  color: var(--t-text-primary) !important;
}

.events-hero-create .btn:hover {
  border-color: var(--t-text-muted) !important;
  color: var(--t-text-hero) !important;
}

/* Past events hero */
.events-past-hero {
  background: var(--t-bg-deep) !important;
}

.events-past-hero .events-hero-overlay {
  background: linear-gradient(180deg, rgba(5,5,8,0.7) 0%, rgba(5,5,8,0.9) 100%) !important;
}

/* ─── CATEGORY CHIPS BAR ─── */
.events-browse {
  background: var(--t-bg-card) !important;
  border-bottom: 1px solid var(--t-border) !important;
}

.events-chip {
  background: var(--t-bg-surface) !important;
  color: var(--t-text-secondary) !important;
  border: 1px solid var(--t-border-mid) !important;
  font-family: var(--t-font-condensed);
  text-transform: uppercase;
  letter-spacing: 1px;
}

.events-chip:hover {
  border-color: var(--t-accent) !important;
  color: var(--t-text-hero) !important;
  background: rgba(230, 57, 70, 0.06) !important;
}

.events-chip.active {
  background: var(--t-accent) !important;
  border-color: var(--t-accent) !important;
  color: var(--t-bg-abyss) !important;
}

.events-chip i {
  color: var(--t-text-muted);
}

.events-chip.active i {
  color: var(--t-bg-abyss);
}

/* ─── FILTER BAR ─── */
.filter-results {
  color: var(--t-text-muted) !important;
}

.filter-results strong {
  color: var(--t-text-hero) !important;
}

.events-filter-controls select {
  background: var(--t-bg-card) !important;
  color: var(--t-text-secondary) !important;
  border: 1px solid var(--t-border-mid) !important;
  font-family: var(--t-font-condensed);
}

.events-filter-controls select:focus {
  border-color: var(--t-accent) !important;
  box-shadow: 0 0 0 2px rgba(230, 57, 70, 0.1) !important;
}

.events-filter-clear {
  color: var(--t-text-muted) !important;
}

.events-filter-clear:hover {
  color: var(--t-accent) !important;
  background: rgba(230, 57, 70, 0.06) !important;
}

/* ─── EVENT CARDS ─── */
.event-card {
  background: var(--t-bg-card) !important;
  border: 1px solid var(--t-border) !important;
  border-radius: 0 !important;
  overflow: hidden;
  transition: all 0.35s;
}

.event-card:hover {
  border-color: var(--t-border-mid) !important;
  box-shadow: 0 16px 48px rgba(0,0,0,0.4) !important;
  transform: translateY(-4px);
}

.event-card-image {
  position: relative;
}

.event-card-image img {
  filter: saturate(0.7);
  transition: filter 0.3s;
}

.event-card:hover .event-card-image img {
  filter: saturate(0.85);
}

/* Image placeholder/gradient fallback */
.event-card-placeholder {
  background: linear-gradient(135deg, var(--t-bg-surface) 0%, var(--t-bg-elevated) 100%) !important;
  color: var(--t-text-muted) !important;
}

/* Status badge */
.event-status-badge .badge {
  border-radius: 0 !important;
  font-family: var(--t-font-condensed);
  letter-spacing: 1px;
}

/* Date badge */
.event-date-badge {
  background: var(--t-bg-card) !important;
  border: 1px solid var(--t-border) !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.date-day {
  color: var(--t-text-hero) !important;
  font-family: var(--t-font-headline);
}

.date-month {
  color: var(--t-text-muted) !important;
  font-family: var(--t-font-condensed);
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* Card content */
.event-card-content {
  padding: 20px !important;
}

.event-title {
  font-family: var(--t-font-headline) !important;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.event-title a {
  color: var(--t-text-hero) !important;
  text-decoration: none;
}

.event-title a:hover {
  color: var(--t-accent) !important;
}

.event-date {
  color: var(--t-text-muted) !important;
  font-family: var(--t-font-condensed);
}

.event-date i {
  color: var(--t-amber) !important;
}

.event-location {
  color: var(--t-text-muted) !important;
  font-family: var(--t-font-condensed);
}

.event-location i {
  color: var(--t-text-dim) !important;
}

.event-organization {
  color: var(--t-text-dim) !important;
  font-family: var(--t-font-condensed);
}

.event-organization i {
  color: var(--t-text-dim) !important;
}

.event-description {
  color: var(--t-text-muted) !important;
  font-family: var(--t-font-body);
  font-weight: 300;
}

/* Competition badges */
.competition-badge {
  background: var(--t-bg-surface) !important;
  color: var(--t-text-secondary) !important;
  border: 1px solid var(--t-border-mid) !important;
  border-radius: 0 !important;
  font-family: var(--t-font-condensed);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 11px !important;
}

.competition-badge i {
  color: var(--t-teal) !important;
}

.more-badge {
  background: var(--t-accent) !important;
  color: var(--t-bg-abyss) !important;
  border-radius: 0 !important;
}

/* Pricing */
.ticket-pricing {
  color: var(--t-green) !important;
  font-family: var(--t-font-condensed);
}

/* Card footer */
.event-card-footer {
  border-top: 1px solid var(--t-border) !important;
  padding: 16px 20px !important;
}

.btn-get-tickets {
  background: var(--t-accent) !important;
  border-color: var(--t-accent) !important;
  color: var(--t-bg-abyss) !important;
  border-radius: 0 !important;
  font-family: var(--t-font-headline);
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.btn-get-tickets:hover {
  background: var(--t-accent-bright) !important;
  border-color: var(--t-accent-bright) !important;
  box-shadow: 0 8px 24px rgba(230, 57, 70, 0.2) !important;
}

.btn-view-details {
  background: transparent !important;
  border: 1px solid var(--t-border-mid) !important;
  color: var(--t-text-secondary) !important;
  border-radius: 0 !important;
  font-family: var(--t-font-condensed);
  text-transform: uppercase;
  letter-spacing: 1px;
}

.btn-view-details:hover {
  border-color: var(--t-text-muted) !important;
  color: var(--t-text-hero) !important;
}

/* ─── PAGINATION ─── */
.events-pagination a,
.events-pagination span {
  background: var(--t-bg-card) !important;
  color: var(--t-text-secondary) !important;
  border: 1px solid var(--t-border) !important;
  border-radius: 0 !important;
  font-family: var(--t-font-condensed);
}

.events-pagination a:hover {
  background: var(--t-bg-surface) !important;
  color: var(--t-text-hero) !important;
  border-color: var(--t-border-mid) !important;
}

.events-pagination .active {
  background: var(--t-accent) !important;
  color: var(--t-bg-abyss) !important;
  border-color: var(--t-accent) !important;
}

.events-pagination .disabled {
  background: var(--t-bg-deep) !important;
  color: var(--t-text-dim) !important;
  border-color: var(--t-border) !important;
}

/* ─── EMPTY STATE ─── */
.events-empty-state {
  background: var(--t-bg-card) !important;
  border: 1px dashed var(--t-border-mid) !important;
  border-radius: 0 !important;
}

.events-empty-state i {
  color: var(--t-text-dim) !important;
}

.events-empty-state h3 {
  color: var(--t-text-secondary) !important;
  font-family: var(--t-font-headline);
}

.events-empty-state p {
  color: var(--t-text-muted) !important;
}

/* ─── CATEGORIES PAGE ─── */
.modern-card {
  background: var(--t-bg-card) !important;
  border: 1px solid var(--t-border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: hidden;
  transition: all 0.3s;
}

.modern-card:hover {
  border-color: var(--t-border-mid) !important;
  box-shadow: 0 12px 32px rgba(0,0,0,0.3) !important;
  transform: translateY(-3px);
}

.card-content {
  background: var(--t-bg-card) !important;
}

.card-content .card-title {
  color: var(--t-text-hero) !important;
  font-family: var(--t-font-headline);
  text-transform: uppercase;
  letter-spacing: 1px;
}

.card-content .card-description {
  color: var(--t-text-secondary) !important;
}

.card-content .card-badges .badge {
  background: var(--t-bg-surface) !important;
  color: var(--t-text-secondary) !important;
  border: 1px solid var(--t-border-mid);
  border-radius: 0 !important;
}

.modern-card .card-footer {
  background: var(--t-bg-card) !important;
  border-top: 1px solid var(--t-border) !important;
}

/* Coming soon card */
.coming-soon-card {
  background: var(--t-bg-card) !important;
  border: 1px solid var(--t-border) !important;
  border-radius: 0 !important;
}

.coming-soon-card h4,
.coming-soon-card h5 {
  color: var(--t-text-hero) !important;
}

.coming-soon-card p {
  color: var(--t-text-muted) !important;
}

/* CTA section on categories page */
.categories-cta,
.bg-dark {
  background: var(--t-bg-card) !important;
}

/* ─── MANAGEMENT BUTTONS (promoter edit/delete on cards) ─── */
.btn-outline-danger {
  color: var(--t-accent) !important;
  border-color: var(--t-accent) !important;
  border-radius: 0 !important;
}

.btn-outline-danger:hover {
  background: var(--t-accent) !important;
  color: var(--t-bg-abyss) !important;
}

.btn-outline-warning {
  color: var(--t-amber) !important;
  border-color: var(--t-amber) !important;
  border-radius: 0 !important;
}

.btn-outline-warning:hover {
  background: var(--t-amber) !important;
  color: var(--t-bg-abyss) !important;
}