/**
 * DWiA No White Margins/Strips
 * Removes all white margins and strips throughout the site
 * Ensures seamless section transitions
 *
 * @package DWiA Theme
 * @version 1.0.0
 */

/* =========================================
   BODY - REMOVE WHITE BACKGROUND
========================================== */
body {
  background-color: #dbd2c7 !important; /* Match first section background */
  margin: 0 !important;
  padding: 0 !important;
}

/* =========================================
   MAIN CONTAINER - NO MARGINS/PADDING
========================================== */
.dwia-main,
#main {
  margin: 0 !important;
  padding: 0 !important;
}

/* =========================================
   SECTIONS - REMOVE GAPS
========================================== */
section {
  margin: 0 !important;
}

/* Remove padding between main and footer */
.dwia-main::after {
  display: none !important;
}

/* =========================================
   FOOTER - CONNECT DIRECTLY TO GET IN TOUCH
========================================== */
.dwia-footer {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Remove any spacing before footer */
footer::before {
  display: none !important;
}

/* =========================================
   SPECIFIC SECTION ADJUSTMENTS
========================================== */

/* Hero Section - No top margin */
#hero,
.dwia-hero {
  margin-top: 0 !important;
  padding-top: 4rem; /* Maintain internal padding */
}

/* About Section - No gaps */
#about,
.dwia-about {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Gallery Section - No gaps */
#gallery {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Outcomes Section - No gaps */
#outcomes,
.dwia-outcomes {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Newsletter Section - No gaps */
#newsletter,
#stay-connected {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Get In Touch Section - Connect directly to footer */
#get-in-touch {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 4.5rem; /* Keep internal padding */
}

/* =========================================
   REMOVE WHITE STRIPS BETWEEN SECTIONS
========================================== */

/* Remove any ::before or ::after pseudo-elements that create white strips */
section::before,
section::after {
  background: transparent !important;
}

/* Container padding override - no side gaps */
.dwia-container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Section inner containers maintain their padding */
.section-inner,
.dwia-container > * {
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* =========================================
   ENSURE CONTINUOUS BACKGROUNDS
========================================== */

/* Make sure header doesn't create white strip */
.dwia-header {
  margin-bottom: 0 !important;
}

/* Remove WordPress admin bar spacing if present */
body.admin-bar .dwia-header {
  margin-top: 32px;
}

@media screen and (max-width: 782px) {
  body.admin-bar .dwia-header {
    margin-top: 46px;
  }
}

/* =========================================
   MOBILE EXCEPTIONS - PREVENT OVERLAPS
========================================== */

/* About section needs spacing on mobile to avoid covering hero buttons */
@media (max-width: 768px) {
  #about,
  .dwia-about {
    margin-top: 8rem !important; /* 128px - ensures carousel buttons fully visible */
  }
}

@media (max-width: 480px) {
  #about,
  .dwia-about {
    margin-top: 7rem !important; /* 112px - ensures carousel buttons fully visible */
  }
}