/* Reset all hardcoded section background colors and implement consistent alternating pattern */
main > section:not(.hero-section):not(.cta-section):not(.how-it-works-section):not(.benefits-section):not(.testimonial-section) {
  background-color: transparent !important;
}

/* Apply alternating background colors */
main > section:nth-of-type(odd):not(.hero-section):not(.cta-section):not(.how-it-works-section):not(.benefits-section):not(.testimonial-section) {
  background-color: var(--color-primary) !important;
  color: var(--color-light) !important;
}

main > section:nth-of-type(odd):not(.hero-section):not(.cta-section) h2,
main > section:nth-of-type(odd):not(.hero-section):not(.cta-section) h3,
main > section:nth-of-type(odd):not(.hero-section):not(.cta-section) .subtitle {
  color: var(--color-light) !important;
}

main > section:nth-of-type(even):not(.hero-section):not(.cta-section):not(.how-it-works-section):not(.benefits-section):not(.testimonial-section):not(.services-section) {
  background-color: var(--color-light) !important;
  color: var(--color-dark) !important;
}

/* Fix special sections to maintain their styling */
.hero-section {
  background-color: var(--color-primary) !important;
  color: var(--color-light) !important;
}

.how-it-works-section {
  background: linear-gradient(120deg, var(--color-primary) 0%, #1a2c4e 100%) !important;
  color: var(--color-light) !important;
}

.benefits-section {
  background-color: var(--color-gray-100) !important;
  position: relative;
}

.testimonial-section {
  background-color: var(--color-primary) !important;
  color: var(--color-light) !important;
}

.cta-section {
  background-color: var(--color-light) !important;
}

.cta-container {
  background-color: var(--color-primary) !important;
  color: var(--color-light) !important;
}

/* Style cards correctly in dark sections */
main > section:nth-of-type(odd) .card,
main > section:nth-of-type(odd) .benefit-card,
main > section:nth-of-type(odd) .pricing-card,
main > section:nth-of-type(odd) .expertise-card,
main > section:nth-of-type(odd) .contact-card,
main > section:nth-of-type(odd) .service-type-card,
main > section:nth-of-type(odd) .equipment-card,
main > section:nth-of-type(odd) .value-item,
main > section:nth-of-type(odd) .team-card,
main > section:nth-of-type(odd) .tech-card,
main > section:nth-of-type(odd) .contact-form-container,
main > section:nth-of-type(odd) .contact-socials,
main > section:nth-of-type(odd) .faq-item {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Fix text colors in dark sections */
main > section:nth-of-type(odd) .card-title,
main > section:nth-of-type(odd) .benefit-title,
main > section:nth-of-type(odd) .pricing-card h3,
main > section:nth-of-type(odd) .expertise-card h3,
main > section:nth-of-type(odd) .contact-card h3,
main > section:nth-of-type(odd) .service-type-card h3,
main > section:nth-of-type(odd) .equipment-card h3,
main > section:nth-of-type(odd) .value-item h3,
main > section:nth-of-type(odd) .team-card h3,
main > section:nth-of-type(odd) .faq-question,
main > section:nth-of-type(odd) .contact-form-container h2,
main > section:nth-of-type(odd) .contact-socials h3,
main > section:nth-of-type(odd) .form-group label {
  color: var(--color-light) !important;
}

main > section:nth-of-type(odd) .card-text,
main > section:nth-of-type(odd) .benefit-text,
main > section:nth-of-type(odd) .expertise-card p,
main > section:nth-of-type(odd) .contact-card p,
main > section:nth-of-type(odd) .service-type-card p,
main > section:nth-of-type(odd) .equipment-card p,
main > section:nth-of-type(odd) .value-item p,
main > section:nth-of-type(odd) .team-card p,
main > section:nth-of-type(odd) .faq-answer,
main > section:nth-of-type(odd) .form-subtitle,
main > section:nth-of-type(odd) .contact-socials p,
main > section:nth-of-type(odd) .feature-item span,
main > section:nth-of-type(odd) .story-content p,
main > section:nth-of-type(odd) .mission-statement p {
  color: var(--color-gray-300) !important;
}

/* Special handling for home page */
body#home main > section {
  background-color: transparent !important;
}

body#home .hero-section {
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-dark) 100%) !important;
  color: var(--color-light) !important;
}

body#home .benefits-section {
  background-color: #f9f7f2 !important;
}

body#home .services-section {
  background-color: var(--color-primary) !important;
  color: var(--color-light) !important;
}

/* Fix for Areas of Application section */
body#home .services-section .section-header h2,
body#home .services-section .section-header .subtitle,
body#home .services-section .expertise-card h3,
body#home .services-section .expertise-list li,
body#home .services-section .expertise-link {
  color: var(--color-light) !important;
}

body#home .services-section .expertise-card {
  background-color: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.1);
}

body#home .services-section .expertise-list li {
  color: var(--color-gray-300) !important;
}

body#home .services-section .expertise-link {
  border-top-color: rgba(255, 255, 255, 0.1);
}

body#home .stats-section {
  background-color: var(--color-light) !important;
  color: var(--color-dark) !important;
}

body#home .how-it-works-section {
  background: linear-gradient(120deg, var(--color-primary) 0%, #1a2c4e 100%) !important;
  color: var(--color-light) !important;
}

body#home .cta-section {
  background-color: #edf2f7 !important;
}
/* Add to section-colors.css */
.section-spacer {
  padding: 0 !important;
  margin: 0 !important;
}

.section-spacer.standard {
  height: 50px !important; /* Standard size */
}

.section-spacer.small {
  height: 25px !important; /* Small size */
}

.section-spacer.bg-dark {
  background-color: var(--color-primary) !important;
}

.section-spacer.bg-light {
  background-color: var(--color-light) !important;
}
/* Helper class for section spacing */
.section-spacer {
  height: 10px !important;
  padding: 0 !important;
  margin: 0 !important;
}

.section-spacer.bg-dark {
  background-color: var(--color-primary) !important;
}

.section-spacer.bg-light {
  background-color: var(--color-light) !important;
}

/* Ensure all section spacing is consistent */
section {
  padding: var(--space-16) 0 !important;
}

@media (min-width: 992px) {
  section:not(.hero-section) {
    padding: var(--space-24) 0 !important;
  }
}

@media (max-width: 768px) {
  section {
    padding: var(--space-12) 0 !important;
  }
}