/* ═══════════════════════════════════════════════════════
   EVENTS PAGE — Additional Styles
   Base styles are in glass-bento.css
   This file handles event-specific enhancements
   ═══════════════════════════════════════════════════════ */

/* Re-enable header & footer for events page */
.header {
  display: flex !important;
}

.footer {
  display: block !important;
}

/* Adjust bento wrapper to account for header */
.bento-wrapper {
  padding-top: 100px;
  min-height: 100vh;
  align-items: flex-start;
}

/* Event Card — Status Badge Overrides */
.event-card .badge.bg-success {
  background: rgba(25, 135, 84, 0.85) !important;
  backdrop-filter: blur(4px);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.event-card .badge.bg-dark {
  background: rgba(33, 37, 41, 0.7) !important;
  backdrop-filter: blur(4px);
  border: 1px solid rgba(255, 255, 255, 0.15);
}

.event-card .badge.bg-danger {
  background: rgba(220, 53, 69, 0.85) !important;
  backdrop-filter: blur(4px);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.event-card .badge.bg-primary {
  background: rgba(13, 110, 253, 0.85) !important;
  backdrop-filter: blur(4px);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.event-card .badge.bg-info {
  background: rgba(13, 202, 240, 0.85) !important;
  backdrop-filter: blur(4px);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.event-card .badge.bg-warning {
  background: rgba(255, 193, 7, 0.85) !important;
  backdrop-filter: blur(4px);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

/* Featured Event — Larger card enhancement */
.gallery-item.col-lg-8 .event-card {
  height: 380px;
}

.gallery-item.col-lg-8 .event-overlay h4 {
  font-size: 1.5rem;
}

/* CTA Button inside event card */
.event-overlay .btn-light {
  background: rgba(255, 255, 255, 0.95);
  border: none;
  color: #1a1a1a;
  font-size: 0.85rem;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.event-overlay .btn-light:hover {
  background: var(--accent-gold);
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(203, 174, 120, 0.5);
}

/* Countdown Widget Enhancement */
#countdownWidget .display-6 {
  font-size: 2rem;
  font-weight: 800;
  line-height: 1;
}

/* Empty State */
#eventsEmpty i {
  color: var(--accent-gold);
}

/* Loading Spinner */
#eventsLoading .spinner-border {
  width: 2.5rem;
  height: 2.5rem;
  border-width: 3px;
  color: var(--accent-gold) !important;
}

/* Newsletter form override for dark footer */
.footer .newsletter-form input {
  border-radius: 50px 0 0 50px;
  padding: 12px 24px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.05);
  color: #fff;
}

.footer .newsletter-form button {
  border-radius: 0 50px 50px 0;
  background: var(--accent-gold);
  color: #fff;
  padding: 12px 24px;
  font-weight: 600;
  border: none;
  transition: all 0.3s;
}

.footer .newsletter-form button:hover {
  background: #b59860;
}

/* Responsive — Mobile Fixes */
@media (max-width: 768px) {
  .bento-wrapper {
    padding-top: 80px;
  }

  .gallery-item.col-lg-8 .event-card {
    height: 280px;
  }

  .event-overlay h4 {
    font-size: 1rem;
  }

  .event-overlay .btn-light {
    display: none;
  }

  #countdownWidget .display-6 {
    font-size: 1.6rem;
  }
}