/* Custom Theme Overrides for Stadium Layout */

/* Ensure consistent full-width layout */
.main, .agp-main-content {
  max-width: none !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 40px 24px !important;
}

/* Stadium background consistency */
body {
  background: linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)), 
              url('images/c52fb507-5a12-40e0-b631-ba66d95e037c.png') center center/cover no-repeat fixed !important;
  min-height: 100vh;
  color: #fff;
}

/* Card harmonization */
.card, .tip-card, .latest-article, .sidebar-section, .latest-tip-card {
  background: rgba(255, 255, 255, 0.95) !important;
  color: #1a1a1a !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3) !important;
  margin-bottom: 24px !important;
  padding: 24px !important;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

/* Typography consistency */
h1, .main-title, #main-title {
  font-family: 'Poppins', sans-serif !important;
  font-size: 2.5rem !important;
  font-weight: 700 !important;
  color: #fff !important;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important;
  margin-bottom: 24px !important;
  text-align: center !important;
}

h2, #match-section-title {
  font-family: 'Poppins', sans-serif !important;
  font-size: 1.4rem !important;
  font-weight: 600 !important;
  color: #FFD600 !important;
  margin-bottom: 20px !important;
  text-align: center !important;
}

h3 {
  font-family: 'Poppins', sans-serif !important;
  font-size: 1.2rem !important;
  font-weight: 600 !important;
  color: #1a1a1a !important;
  margin-bottom: 12px !important;
}

/* Button consistency */
.btn-primary, .prediction-cta-btn, .load-more-btn, .read-tip-btn {
  background: linear-gradient(135deg, #FFD600, #FFA500) !important;
  color: #1a1a1a !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  border: none !important;
  padding: 12px 24px !important;
  font-size: 1rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 4px 15px rgba(255, 215, 0, 0.3) !important;
}

.btn-primary:hover, .prediction-cta-btn:hover, .load-more-btn:hover, .read-tip-btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(255, 215, 0, 0.5) !important;
  background: linear-gradient(135deg, #FFA500, #FFD600) !important;
}

/* Responsive behavior */
@media (max-width: 900px) {
  .main, .agp-main-content {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    padding: 24px 16px !important;
  }
  
  .sidebar, .agp-sidebar {
    order: -1 !important;
    margin-bottom: 24px !important;
  }
}

@media (max-width: 768px) {
  .main, .agp-main-content {
    padding: 16px 12px !important;
  }
  
  h1, .main-title, #main-title {
    font-size: 2rem !important;
  }
  
  .card, .tip-card, .sidebar-section {
    padding: 16px !important;
  }
}

/* Visual hierarchy improvements */
.sidebar-section h3 {
  color: #1a1a1a !important;
  font-size: 1.2rem !important;
  font-weight: 700 !important;
  margin-bottom: 16px !important;
  padding-bottom: 8px !important;
  border-bottom: 2px solid #FFD600 !important;
}

/* Color palette cleanup */
.sport-badge {
  background: linear-gradient(135deg, #32CD32, #FF6B35) !important;
  color: white !important;
}

.odds-text, .tip-odds {
  color: #32CD32 !important;
  font-weight: 600 !important;
}

/* Ensure proper spacing */
.tips-container, .latest-tips-grid {
  gap: 24px !important;
}

.latest-articles {
  gap: 24px !important;
  margin: 40px 0 !important;
}

/* Remove unnecessary margins that break continuity */
.tips-grid > * {
  margin: 0 !important;
}

.sidebar-section > * {
  margin-bottom: 12px !important;
}

.sidebar-section > *:last-child {
  margin-bottom: 0 !important;
}