/* ML Builder Pro - Frontend layout styles.
 * Applied to layouts rendered on the public site (and reused inside the editor
 * canvas preview). Per-element overrides are injected as scoped inline CSS by
 * the renderer; this file provides the structural defaults.
 */
.mlbp-canvas{width:100%}
.mlbp-canvas *{box-sizing:border-box}
.mlbp-builder-replacement-active .entry-content>.mlbp-canvas,
.mlbp-builder-replacement-active main .mlbp-canvas{margin-top:0;margin-bottom:0}
.mlbp-builder-output{width:100%}
.mlbp-builder-output-full-width{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.mlbp-builder-output-canvas{width:100%;min-height:100vh}
body.mlbp-canvas-template{margin:0;background:#fff}
body.mlbp-canvas-template.admin-bar{min-height:calc(100vh - 32px)}
.mlbp-canvas-template-main{width:100%;min-height:100vh;margin:0;padding:0;background:#fff}

body.mlbp-builder-replacement-active.mlbp-hide-site-header header.site-header,
body.mlbp-builder-replacement-active.mlbp-hide-site-header #masthead,
body.mlbp-builder-replacement-active.mlbp-hide-site-header .site-header,
body.mlbp-builder-replacement-active.mlbp-hide-site-header .main-header,
body.mlbp-builder-replacement-active.mlbp-hide-site-header .main-navigation,
body.mlbp-builder-replacement-active.mlbp-hide-site-header .site-navigation,
body.mlbp-builder-replacement-active.mlbp-hide-site-header .h-navigation,
body.mlbp-builder-replacement-active.mlbp-hide-site-header .h-navigation_outer,
body.mlbp-builder-replacement-active.mlbp-hide-site-header .h-menu,
body.mlbp-builder-replacement-active.mlbp-hide-site-header .navbar{display:none!important}

body.mlbp-builder-replacement-active.mlbp-hide-site-footer footer.site-footer,
body.mlbp-builder-replacement-active.mlbp-hide-site-footer #colophon,
body.mlbp-builder-replacement-active.mlbp-hide-site-footer .site-footer,
body.mlbp-builder-replacement-active.mlbp-hide-site-footer .footer,
body.mlbp-builder-replacement-active.mlbp-hide-site-footer .h-footer,
body.mlbp-builder-replacement-active.mlbp-hide-site-footer .footer-wrapper{display:none!important}

.mlbp-builder-clean-active.mlbp-hide-post-title main article>.entry-header,
.mlbp-builder-clean-active.mlbp-hide-post-title main article>.post-thumbnail,
.mlbp-builder-clean-active.mlbp-hide-post-title main article>.featured-image,
.mlbp-builder-clean-active.mlbp-hide-post-title main article>.wp-post-image,
.mlbp-builder-clean-active.mlbp-hide-post-title main article .entry-title,
.mlbp-builder-clean-active.mlbp-hide-post-title main article .page-title,
.mlbp-builder-clean-active.mlbp-hide-post-title main article .post-title,
.mlbp-builder-clean-active.mlbp-hide-post-title main .page-header,
.mlbp-builder-clean-active.mlbp-hide-post-title main .post-header,
.mlbp-builder-clean-active.mlbp-hide-post-title main .single-post-header,
.mlbp-builder-clean-active.mlbp-hide-post-title main article .hero-header,
.mlbp-builder-clean-active.mlbp-hide-post-title main article .featured-header,
.mlbp-builder-clean-active.mlbp-hide-post-title .page-title-section,
.mlbp-builder-clean-active.mlbp-hide-post-title .colibri-page-title,
.mlbp-builder-clean-active.mlbp-hide-post-title .h-page-title,
.mlbp-builder-clean-active.mlbp-hide-post-title .h-title,
.mlbp-builder-clean-active.mlbp-hide-post-title .page-heading,
.mlbp-builder-clean-active.mlbp-hide-post-title .page-hero,
.mlbp-builder-clean-active.mlbp-hide-post-title .entry-hero,
.mlbp-builder-clean-active.mlbp-hide-post-title .post-hero,
.mlbp-builder-clean-active.mlbp-hide-post-title .featured-hero,
.mlbp-builder-clean-active.mlbp-hide-post-title .featured-area,
.mlbp-builder-clean-active.mlbp-hide-post-title .page-cover,
.mlbp-builder-clean-active.mlbp-hide-post-title .post-cover,
.mlbp-builder-clean-active.mlbp-hide-post-title .header-hero:not(header):not(.site-header),
.mlbp-builder-clean-active.mlbp-hide-post-title .title-section,
.mlbp-builder-clean-active.mlbp-hide-post-title .page-header:not(.site-header){display:none!important}

.mlbp-suppress-post-clutter main article>.entry-footer,
.mlbp-suppress-post-clutter main article .entry-meta,
.mlbp-suppress-post-clutter main article .post-meta,
.mlbp-suppress-post-clutter main article .posted-on,
.mlbp-suppress-post-clutter main article .byline,
.mlbp-suppress-post-clutter main article .cat-links,
.mlbp-suppress-post-clutter main article .tags-links,
.mlbp-suppress-post-clutter main .post-navigation,
.mlbp-suppress-post-clutter main .navigation.post-navigation,
.mlbp-suppress-post-clutter main nav.post-navigation,
.mlbp-suppress-post-clutter main article .nav-links,
.mlbp-suppress-post-clutter main .posts-navigation{display:none!important}

.mlbp-builder-clean-active.mlbp-hide-comments main .comments-area,
.mlbp-builder-clean-active.mlbp-hide-comments main #comments,
.mlbp-builder-clean-active.mlbp-hide-comments main .comment-respond{display:none!important}

.mlbp-section{width:100%}
.mlbp-container{width:100%}
.mlbp-container-inner{max-width:1140px;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px}

.mlbp-row{display:flex;flex-wrap:wrap;gap:20px;align-items:stretch;width:100%}
.mlbp-column{flex:1 1 0;min-width:0;display:flex;flex-direction:column}

.mlbp-widget{width:100%}
.mlbp-widget+.mlbp-widget{margin-top:14px}

/* Widget base styles */
.mlbp-heading-el{margin:0;line-height:1.25;color:inherit}
.mlbp-text-el{line-height:1.65}
.mlbp-text-el p{margin:0 0 1em}
.mlbp-text-el p:first-child{margin-top:0}
.mlbp-text-el p:last-child{margin-bottom:0}
.mlbp-image-el{display:block;max-width:100%;height:auto}
.mlbp-button-el{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;
  border-radius:999px;background:#155e6f;color:#fff;font-weight:700;text-decoration:none;cursor:pointer;transition:background .15s ease}
.mlbp-button-el:hover{background:#114b5a;color:#fff}
.mlbp-html-el{width:100%}
.mlbp-shortcode-el{width:100%}
.mlbp-spacer-el{width:100%}
.mlbp-divider-el{width:100%;margin:0;border:0;border-top:1px solid #d9e2ec}
.mlbp-image-empty{padding:24px;text-align:center;color:#52606d;background:#f1f5f9;border:1px dashed #bfd6dc;border-radius:8px}

/* Responsive: stack columns on tablet/mobile */
@media (max-width:1024px){
  .mlbp-row{gap:16px}
}
@media (max-width:767px){
  .mlbp-row{flex-direction:column}
  .mlbp-column{flex:1 1 100%!important;max-width:100%!important}
  .mlbp-container-inner{padding-left:14px;padding-right:14px}
}