/* Main Gaming Site Stylesheet */
@import url("https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;600;700;900&family=Orbitron:wght@400;700;900&display=swap");

@import "variables.css";
@import "base.css";
@import "header.css";
@import "buttons.css";
@import "countdown.css";
@import "games.css";
@import "schedule.css";
@import "seating-map.css";
/* Added faq.css import for FAQ page styles */
@import "faq.css";
/* Added login.css import for login page styles */
@import "login.css";
@import "components.css";
@import "photo-gallery.css";
@import "event-info.css";
@import "home.css";
/* Page-specific overrides can go here */

/* Added Font Awesome icon styles for better integration */
.detail-icon {
  font-size: 3rem;
  color: var(--primary-color);
  margin-bottom: 1rem;
}

.foot_reseaux a {
  color: #fff;
  transition: color 0.3s ease;
}

.foot_reseaux a:hover {
  color: var(--primary-color);
}

.foot_reseaux i {
  transition: transform 0.3s ease;
}

.foot_reseaux a:hover i {
  transform: scale(1.1);
}

/* Updated detail image styles */
.detail-image {
  width: 120px;
  height: 120px;
  object-fit: contain;
  margin-bottom: 1rem;
  filter: drop-shadow(0 0 20px rgba(255, 0, 0, 0.5));
  transition: all 0.3s ease;
}

.event-detail-item:hover .detail-image {
  transform: scale(1.1) translateY(-5px);
  filter: drop-shadow(0 0 30px rgba(255, 0, 0, 0.8));
}

/* Improved responsive styles for event details section */
.event-details {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 2rem;
  margin-top: 2rem;
}

.event-detail-item {
  text-align: center;
  padding: 1rem;
}

@media (max-width: 768px) {
  .event-details {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
  }

  .detail-icon {
    font-size: 2.5rem;
  }
}

@media (max-width: 480px) {
  .event-details {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .detail-icon {
    font-size: 2rem;
  }
}