/* ==========================================================================
   ULISES MARKETING — PAGE STYLES
   Full-width page template and content wrapper adjustments.
   ========================================================================== */

/* CRITICAL: Do NOT use overflow-x:hidden here.
   Page content uses 100vw breakout CSS for full-width sections.
   overflow:hidden would clip those sections and break the layout. */
.um-page-content {
    width: 100%;
    position: relative;
}

/* The main wrapper must also allow breakout */
#um-main {
    overflow: visible;
    width: 100%;
    position: relative;
}

/* WordPress block alignment support */
.um-page-content .alignwide {
    max-width: var(--um-max-width);
    margin-left: auto;
    margin-right: auto;
}

.um-page-content .alignfull {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

/* Fix for pages with inline breakout CSS */
.um-page-content > div[style*="100vw"],
.um-page-content > div[id^="um-"] {
    max-width: 100vw;
}

/* WordPress generated content styling */
.um-page-content .wp-block-image {
    margin: 2rem 0;
}

.um-page-content .wp-block-image img {
    border-radius: var(--um-radius);
}

/* Ensure embedded content (videos, iframes) is responsive */
.um-page-content iframe {
    max-width: 100%;
}

/* ── Colibri Neutralizer ──
   Aggressively hide any Colibri-injected components that
   conflict with our custom header/footer islands. */
div[data-colibri-component="header"],
div[data-colibri-component="footer"],
.site-header.colibri-header,
.site-footer.colibri-footer,
#colibri-footer,
#colibri-header,
.colibri-footer,
.colibri-header {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}