/* Custom Heading Styles */
.section-title h2,
#agenda h2,
#gallery h2,
#contact h2 {
  font-family: var(--script-font);
  font-size: 3rem;
  letter-spacing: 2px;
  font-weight: 400;
  margin-bottom: 1rem;
  text-transform: none;
}

/* Specific heading adjustments */
#contact .section-title h2 + p {
  font-family: var(--script-font);
  font-size: 2.5rem;
  letter-spacing: 2px;
  margin-top: 1rem;
}

/* Section Spacing */
section,
.section {
  padding: 60px 0;  /* Reduced padding */
  position: relative;
  margin: 0; /* Remove any margins */
}

/* Hero section specific spacing */
#hero {
  padding: 140px 0 100px;  /* Extra top padding for header offset */
}

/* Add space between sections */
#about,
#agenda,
#gallery,
#contact {
  margin: 0;  /* Remove space between sections */
  padding: 60px 0;  /* Consistent padding */
}

/* Section container spacing */
.container {
  padding: 0 30px;  /* Add horizontal breathing room */
}

/* Section title spacing */
.section-title {
  margin-bottom: 60px;  /* Space after section titles */
}

/* Content spacing within sections */
.content {
  margin: 40px 0;  /* Vertical space around content */
}

/* Gallery specific spacing */
.portfolio .portfolio-item {
  margin-bottom: 30px;
}

/* Contact section spacing */
.contact .info-item {
  padding: 30px;
  margin-bottom: 30px;
}

/* Responsive spacing adjustments */
@media (max-width: 768px) {
  section,
  .section {
    padding: 60px 0;  /* Reduced padding on mobile */
  }
  
  #hero {
    padding: 100px 0 60px;  /* Adjusted hero padding on mobile */
  }
  
  .section-title {
    margin-bottom: 40px;  /* Reduced title spacing on mobile */
  }
  
  .content {
    margin: 30px 0;  /* Reduced content spacing on mobile */
  }
  
  .container {
    padding: 0 20px;  /* Reduced padding on mobile */
  }
}