/* =========================================================
   EARTH ENERGETICS CUSTOM PAGE RESET
   Use only on this Elementor page
   Outer wrapper required:
    ... 
========================================================= */


/* 1. Browser/body reset */
html,
body {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: 100% !important;
  overflow-x: hidden !important;
}


/* 2. Remove default spacing from common WordPress/theme wrappers */
body,
body.page,
body.elementor-page,
#page,
.site,
.site-content,
.site-main,
.content-area,
#content,
#primary,
main,
article,
.hentry,
.entry,
.entry-content,
.page-content,
.post-content,
.wp-site-blocks,
.is-layout-constrained,
.is-layout-flow {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}


/* 3. Remove default spacing from Elementor wrappers */
.elementor,
.elementor-page,
.elementor-section,
.elementor-top-section,
.elementor-inner-section,
.elementor-container,
.elementor-column,
.elementor-column-wrap,
.elementor-widget-wrap,
.elementor-widget,
.elementor-widget-container,
.elementor-inner,
.elementor-element,
.e-con,
.e-con-boxed,
.e-con-full,
.e-con-inner,
.e-con > .e-con-inner {
  margin: 0 !important;
  padding: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}


/* 4. Remove spacing from Elementor HTML widget specifically */
.elementor-widget-html,
.elementor-widget-html > .elementor-widget-container,
.elementor-widget-html .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}


/* 5. Your main custom wrapper */
.custom-full-section {
  margin: 0 !important;
  padding: 0 !important;
  width: 100vw !important;
  max-width: 100vw !important;
  min-height: 100vh !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
}


/* 6. Box sizing for everything inside your custom HTML */
.custom-full-section,
.custom-full-section *,
.custom-full-section *::before,
.custom-full-section *::after {
  box-sizing: border-box !important;
}


/* 7. Remove accidental spacing from first and last child */
.custom-full-section > *:first-child {
  margin-top: 0 !important;
}

.custom-full-section > *:last-child {
  margin-bottom: 0 !important;
}


/* 8. Remove default margins from text elements inside your custom section */
.custom-full-section h1,
.custom-full-section h2,
.custom-full-section h3,
.custom-full-section h4,
.custom-full-section h5,
.custom-full-section h6,
.custom-full-section p,
.custom-full-section figure,
.custom-full-section blockquote,
.custom-full-section ul,
.custom-full-section ol {
  margin-top: 0;
}


/* 9. Image/media reset */
.custom-full-section img,
.custom-full-section video,
.custom-full-section canvas,
.custom-full-section svg {
  max-width: 100%;
  display: block;
}


/* 10. Fix bottom white/cream space issue */
body.elementor-page {
  background: transparent !important;
}

.custom-full-section {
  display: flex !important;
  flex-direction: column !important;
}


/* If your main content area has this class, it will stretch properly */
.custom-full-section .main-content,
.custom-full-section main {
  flex: 1 0 auto !important;
}


/* Footer stays at bottom naturally */
.custom-full-section footer {
  flex-shrink: 0 !important;
}


/* 11. Remove extra gap sometimes added by Elementor sections */
.elementor-section-wrap,
.elementor-location-single,
.elementor-location-header,
.elementor-location-footer {
  margin: 0 !important;
  padding: 0 !important;
}


/* 12. Prevent horizontal scroll caused by 100vw + scrollbar */
body {
  overflow-x: clip !important;
}


/* 13. Optional: hide WordPress admin bar only while previewing logged-in view */
/* Remove this block if you want to keep admin bar visible while editing */
body.admin-bar #wpadminbar {
  display: none !important;
}

html {
  margin-top: 0 !important;
}

body.admin-bar {
  margin-top: 0 !important;
  padding-top: 0 !important;
}