/* OTM Elementor Compatibility */

/* ── Elementor Canvas — hide coded header/footer ── */
body.elementor-template-canvas .otm-site-header,
body.elementor-template-canvas .otm-site-footer { display: none !important; }

/* ── Elementor Pro header/footer overrides ── */
body.otm-has-elementor-header .otm-site-header { display: none; }
body.otm-has-elementor-footer .otm-site-footer { display: none; }

/* ── Remove default Elementor section padding when inside our wrappers ── */
.otm-section .elementor-section,
.otm-section .e-container { padding-top: 0 !important; padding-bottom: 0 !important; }

/* ── Elementor inner container max-width override ── */
.elementor-section.elementor-section-boxed > .elementor-container {
  max-width: var(--container-max);
}

/* ── Page builder body padding fixes ── */
body.elementor-editor-active .otm-promo-banner { display: none; }

/* ── Fix Elementor widget z-index near our header ── */
.elementor-editor-active .otm-site-header { z-index: 399; }

/* ── Elementor image widget in full-width columns ── */
.elementor-widget-image img { max-width: 100%; height: auto; }

/* ── Elementor editor: show grid lines for our sections ── */
body.elementor-editor-active [class^="otm-section"] { min-height: 40px; }

/* ── Prevent double scrollbars when Lenis is active inside Elementor ── */
body.elementor-editor-active { overflow: auto !important; }

/* ── WooCommerce + Elementor compatibility ── */
.woocommerce-page .otm-content-area { padding-top: 2rem; padding-bottom: 2rem; }