/**
 * Sponsors Page Styles
 * Following the unified design system with alternating section backgrounds
 * 
 * @package CMSMGA
 * @version 6.0
 */

/* Main Sponsors Page Container */
.sponsors-page {
  width: 100%;
  min-height: 100vh;
  background: linear-gradient(135deg, 
    var(--color-primary-800),
    var(--color-primary-700)
  );
  position: relative;
  z-index: 1;
}

/* Main Content Area */
.sponsors-content {
  padding: 0;
  position: relative;
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

.sponsors-container {
  position: relative;
  z-index: 1;
}

/* Section-specific styling */
.current-sponsors-section,
.sponsorship-opportunities-section,
.sponsorship-benefits-section,
.sponsor-inquiry-section {
  padding: var(--space-24) 0;
  position: relative;
  overflow: hidden;
}

/* Override the container width for full-width sections */
.current-sponsors-section .cmsmga-section-container,
.sponsorship-opportunities-section .cmsmga-section-container,
.sponsorship-benefits-section .cmsmga-section-container,
.sponsor-inquiry-section .cmsmga-section-container {
  max-width: var(--container-max-width);
  margin: 0 auto;
  padding: 0 var(--space-6);
  position: relative;
  z-index: 3;
}

/* Current Sponsors Section - Featured prominently */
.current-sponsors-section {
  min-height: 60vh;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .current-sponsors-section,
  .sponsorship-opportunities-section,
  .sponsorship-benefits-section,
  .sponsor-inquiry-section {
    padding: var(--space-16) 0;
  }
  
  .current-sponsors-section .cmsmga-section-container,
  .sponsorship-opportunities-section .cmsmga-section-container,
  .sponsorship-benefits-section .cmsmga-section-container,
  .sponsor-inquiry-section .cmsmga-section-container {
    padding: 0 var(--space-4);
  }
}

@media (max-width: 480px) {
  .current-sponsors-section,
  .sponsorship-opportunities-section,
  .sponsorship-benefits-section,
  .sponsor-inquiry-section {
    padding: var(--space-12) 0;
  }
}