/* ══════════════════════════════════════════════
   MUTEKI GROUP — ELEMENTOR COMPATIBILITY
   Full-width layouts · Canvas mode · Editor
   ══════════════════════════════════════════════ */

/* ── Full-width Elementor sections ── */
.elementor-section.elementor-section-full_width {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

/* Ensure non-Elementor page content clears the fixed header.
   Elementor pages handle their own top offset in each section/widget. */
body:not(.elementor-page) #main-content {
  padding-top: 66px;
}

/* Canvas mode: no header/footer, full screen */
.elementor-template-canvas #main-content {
  padding-top: 0;
}

/* ── Elementor editor: prevent theme header overlap ── */
.elementor-editor-active .site-header {
  position: relative;
}

/* ── Remove gap between header and first Elementor section ── */
/* Strip default padding from first section/container so hero sits flush */
.elementor-page #main-content > .elementor > .elementor-element:first-child {
  margin-top: 0;
  padding-top: 0;
}
.elementor-page #main-content > .elementor > .elementor-element:first-child > .elementor-container {
  padding-top: 0;
}
.elementor-page #main-content > .elementor > .elementor-element:first-child .elementor-widget {
  margin-top: 0;
}

/* ── Full-width page template ── */
body.muteki-full-width #main-content {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}
body.muteki-full-width #main-content > .content-area {
  max-width: 100%;
  padding: 0;
}

/* ── Elementor widgets spacing reset ── */
.elementor-widget:not(:last-child) {
  margin-bottom: 0;
}

/* ── Override default Elementor button to match theme ── */
.elementor-button {
  font-family: 'DM Sans', sans-serif;
  font-weight: 700;
  border-radius: 11px;
  transition: all 0.22s cubic-bezier(0.16,1,0.3,1);
}

/* ── Match Elementor heading widget to theme typography ── */
.elementor-heading-title {
  font-family: 'Plus Jakarta Sans', sans-serif;
}

/* ── Elementor container full-width ── */
.elementor-section-boxed > .elementor-container {
  max-width: 1300px;
}

/* ── Responsive tweaks ── */
@media (max-width: 600px) {
  body:not(.elementor-page) #main-content {
    padding-top: 56px;
  }
}

/* ── Elementor Theme Builder header/footer ── */
.elementor-location-header {
  position: sticky;
  top: 0;
  z-index: 1000;
}
.elementor-location-footer {
  margin-top: auto;
}

/* ── Fix for Elementor Pro popup/dialog z-index ── */
.elementor-popup-modal {
  z-index: 10000 !important;
}