/* 
 * ACMEWERX Website Spacing Refinements
 * This CSS file adds subtle spacing improvements for better user experience
 */

/* Global section spacing - modest adjustment */
.section-container {
  padding: 3rem 0;
  position: relative;
}

/* Hero section specific spacing */
.hero-section {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

/* Clients section spacing */
.clients-section {
  padding-top: 1rem;
  padding-bottom: 2rem;
}

/* Features section spacing */
.features-section {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

/* Subtle margin for section headers */
h2.h2, h3.h3 {
  margin-bottom: 1rem;
}

/* Add minimal space after section descriptions */
.text-lg.text-slate-400, .text-lg.text-slate-300 {
  margin-bottom: 1.5rem;
}

/* Proper spacing for feature buttons */
.features-section button {
  margin-bottom: 0.5rem;
}

/* Add subtle breathing room to highlighted boxes */
.relative.h-full.bg-slate-800.rounded-3xl {
  padding: 1.5rem;
}

/* Better spacing for footer */
footer {
  margin-top: 2rem;
  padding-top: 1.5rem;
}

/* Modest spacing for client logos */
.animate-infinite-scroll [class*="li"] {
  margin: 0 1rem;
}

/* Better mobile spacing */
@media (max-width: 768px) {
  .section-container {
      padding: 2rem 0;
  }
  
  .hero-section {
      padding-top: 4rem;
      padding-bottom: 2rem;
  }
  
  .features-section {
      padding-top: 2.5rem;
      padding-bottom: 2.5rem;
  }
}

/* Better spacing for feature items */
.flex.items-center.text-sm.font-medium.text-slate-50 {
  margin-bottom: 0.5rem;
}

/* Subtle "Harder.Better.Faster.Stronger.Smarter" section spacing */
h2.h2.bg-clip-text.text-transparent {
  margin-top: 2rem;
  margin-bottom: 1rem;
}

/* Subtle spacing for the "Learn More" button */
a.btn.text-slate-900 {
  display: inline-block;
  margin-top: 1rem;
}

/* Prevent too much spacing in lists */
ul.text-slate-400 li {
  margin-bottom: 0.75rem;
}