/* Start custom CSS for html, class: .elementor-element-6ce25a8 *//* Hide the WordPress page title */
h1.entry-title {
  display: none !important;
}

/* ================================================
   STEP 1: NUCLEAR RESET — Every possible wrapper
   ================================================ */
html, body {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100vw !important;
  overflow-x: hidden !important;
}

/* ================================================
   STEP 2: THEME LAYOUT — Force full width
   This fixes the "boxed" theme wrapper that
   caps width and centers with auto margins
   ================================================ */
#page,
#wrapper,
.site,
.site-inner,
.site-container,
.site-boxed-container,
.boxed-wrapper,
.wrapper,
#outer-wrapper,
#content-wrapper,
.page-wrapper,
.main-wrapper,
.body-inner {
  max-width: 100% !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-shadow: none !important;   /* removes boxed shadow effect */
}

/* ================================================
   STEP 3: ALL CONTENT WRAPPERS
   ================================================ */
.site-main,
.page-content,
.entry-content,
#content,
#primary,
.content-area,
.site-content,
.main-content,
.post-2617,
.hentry,
article {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ================================================
   STEP 4: ELEMENTOR ROOT CONTAINERS
   ================================================ */
.elementor-section-wrap,
.elementor,
.elementor-inner {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* All section types */
.elementor-section,
.elementor-top-section,
.elementor-section.elementor-section-boxed,
.elementor-section.elementor-section-full_width,
.elementor-section.elementor-section-stretched {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  left: 0 !important;
  right: 0 !important;
  position: relative !important;
}

/* The actual inner container — THIS is often the culprit */
.elementor-section > .elementor-container,
.elementor-section.elementor-section-boxed > .elementor-container {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 auto !important;
}

/* ================================================
   STEP 5: ELEMENTOR 3.x (e-con system)
   ================================================ */
.e-con,
.e-child,
.e-con-inner {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
  --padding-top: 0px !important;
  --padding-bottom: 0px !important;
  --padding-left: 0px !important;
  --padding-right: 0px !important;
  --margin-top: 0px !important;
  --margin-bottom: 0px !important;
  --gap: 0px !important;
  --width: 100% !important;
}

/* ================================================
   STEP 6: THEME-SPECIFIC CONTAINERS
   (covers all major WP themes)
   ================================================ */

/* Astra */
.ast-container, .ast-row, .ast-site-content-wrap,
.ast-page-builder-template .ast-container { max-width: 100% !important; padding: 0 !important; }

/* GeneratePress */
.generate-container, .grid-container { max-width: 100% !important; padding: 0 !important; }

/* OceanWP */
.oceanwp-content-wrap, #wrap { max-width: 100% !important; padding: 0 !important; }

/* Kadence */
.kadence-container, .wp-site-blocks { max-width: 100% !important; padding: 0 !important; }

/* Hello Elementor (most common with Elementor) */
.header-footer-group, main#content { max-width: 100% !important; padding: 0 !important; }

/* Storefront / WooCommerce */
.col-full, .storefront-primary-navigation { max-width: 100% !important; padding: 0 !important; }

/* Twenty-Twenty / TT themes */
.wp-block-template-part, .wp-block-post-content,
.is-layout-constrained > *, .wp-block-group__inner-container {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* ================================================
   STEP 7: COLUMNS & WIDGETS — restore inner padding
   for readability (controlled breathing room)
   ================================================ */
.elementor-column-wrap,
.elementor-widget-wrap {
  padding: 0 !important;
}

/* Give text widgets readable internal padding */
.elementor-widget-text-editor .elementor-widget-container,
.elementor-widget-heading .elementor-widget-container {
  padding: 0 12px !important;
}

/* ================================================
   STEP 8: HIDE UNWANTED WP ELEMENTS
   ================================================ */
h1.entry-title,
.page-header,
.comments-area,
.post-tags,
.entry-footer,
.post-navigation,
.page-links {
  display: none !important;
}

/* ================================================
   STEP 9: READABILITY — Typography
   ================================================ */
body {
  font-size: 16px !important;
  line-height: 1.75 !important;
  -webkit-font-smoothing: antialiased !important;
}

.elementor-heading-title {
  line-height: 1.25 !important;
  letter-spacing: -0.015em !important;
}

p, .elementor-widget-text-editor p {
  font-size: 15.5px !important;
  line-height: 1.8 !important;
  margin-bottom: 1em !important;
}

/* ================================================
   STEP 10: BUTTONS
   ================================================ */
.elementor-button {
  padding: 13px 30px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
}

/* ================================================
   STEP 11: RESPONSIVE
   ================================================ */
@media (max-width: 1024px) {
  .elementor-widget-text-editor .elementor-widget-container,
  .elementor-widget-heading .elementor-widget-container {
    padding: 0 8px !important;
  }
}

@media (max-width: 767px) {
  body { font-size: 15px !important; }
  p { font-size: 15px !important; line-height: 1.7 !important; }
  .elementor-button { padding: 11px 22px !important; font-size: 14px !important; }
}/* End custom CSS */