/* =========================================================
   Metal Dreams: Elementor compatibility layer
   Elementor adds wrappers, widget spacing, and image/link resets.
   These rules cancel them so the design in site.css renders exactly
   as built. Edit site.css for design changes, not this file.
   ========================================================= */

/* 1. Wrappers: no padding, gaps, or max-width from sections/columns/containers */
.elementor .md-root,
.elementor .md-root > .elementor-container,
.elementor .md-root > .e-con-inner{max-width:none!important;width:100%!important;padding:0!important;margin:0!important;gap:0!important}
.elementor .md-root.e-con,
.elementor .md-root .e-con{--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;--gap:0px;--row-gap:0px;--column-gap:0px;--content-width:100%;--width:100%}
.elementor .md-root .elementor-column > .elementor-widget-wrap,
.elementor .md-root .elementor-element-populated{padding:0!important}
.elementor .md-root .elementor-column{width:100%!important}

/* 2. Widget spacing: Elementor adds margin between widgets; sections already carry their own padding */
.elementor .elementor-widget[class*="elementor-widget-md-"],
.elementor .elementor-widget[class*="elementor-widget-md-"]:not(:last-child){margin:0!important;margin-block-end:0!important}
.elementor-widget[class*="elementor-widget-md-"] > .elementor-widget-container{padding:0;margin:0;border:0;background:none}
.e-con > .elementor-widget[class*="elementor-widget-md-"],
.e-con-inner > .elementor-widget[class*="elementor-widget-md-"]{width:100%;max-width:100%}

/* 3. Image resets: Elementor sets height:auto, radius 0, and box-shadow none on every img */
body .frame img{height:100%;max-width:100%;object-fit:cover;border:0;box-shadow:none}
body .frame--corner img,body .frame--corner::before{border-radius:var(--r-m)}
body .logo img{height:58px;width:auto;max-width:none;border-radius:0}
html.is-scrolled .header .logo img{height:48px}
body .footer .logo img{height:78px}
body .lightbox img{width:100%;max-height:80vh;height:auto;object-fit:contain;border-radius:var(--r-s)}
body .hero-media video{width:100%;height:100%;object-fit:cover;max-width:none}

/* 4. Link resets: keep the design's underlines and colors */
body .prose a{color:var(--brown);text-decoration:underline;text-underline-offset:3px}
body .footer-bottom a{text-decoration:underline;text-underline-offset:3px}
body .btn,body .link-arrow,body .b-more,body .svc,body .post,body .b-card,body .phone-block,body .areas a,body .dropdown a{text-decoration:none}
.elementor a.btn--primary{color:var(--accent-ink)}
.elementor a.btn--dark,.elementor a.btn--ghost{color:#fff}

/* 6. In the Elementor editor, show reveal-on-scroll content immediately */
.elementor-editor-active [data-reveal],
.elementor-editor-preview [data-reveal],
body.elementor-editor-active .hero [data-hero]{opacity:1!important;transform:none!important;animation:none!important}

/* 7. Empty-widget placeholder in the editor */
.md-empty{padding:40px;text-align:center;border:2px dashed var(--line);color:var(--muted);font-family:var(--font-body)}

/* 8. Footer social icons (shown only when URLs are set in the Customizer) */
.social{display:flex;gap:10px;margin-top:20px}
.social a{width:40px;height:40px;border-radius:50%;border:1px solid var(--line-dark);display:grid;place-items:center;color:#fff}
.social a:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.social svg{width:17px;height:17px}

/* 9. Sections an editor adds later (boxed by default in Elementor) behave like imported ones
      whenever they hold a Metal Dreams widget. */
.elementor-section:has(> .elementor-container > .elementor-column > .elementor-widget-wrap > [class*="elementor-widget-md-"]),
.elementor-section:has(> .elementor-container > .elementor-column > .elementor-widget-wrap > [class*="elementor-widget-md-"]) > .elementor-container{max-width:none!important;width:100%!important;padding:0!important;margin:0!important}
.elementor-section:has(> .elementor-container > .elementor-column > .elementor-widget-wrap > [class*="elementor-widget-md-"]) .elementor-column > .elementor-widget-wrap{padding:0!important}
.e-con:has(> [class*="elementor-widget-md-"]),
.e-con:has(> .e-con-inner > [class*="elementor-widget-md-"]){--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;--gap:0px;--content-width:100%;--width:100%;max-width:none;padding:0!important}
.e-con:has(> .e-con-inner > [class*="elementor-widget-md-"]) > .e-con-inner{max-width:none!important;padding:0!important;gap:0!important}