/* ==========================================================================
   FORTIFIED V4 - ELEMENTOR RESET & ISOLATION
   ========================================================================== */
.elementor-section.elementor-section-boxed > .elementor-container,
.elementor-section.elementor-section-full_width > .elementor-container {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}
.elementor-column-gap-no > .elementor-column > .elementor-element-populated {
  padding: 0 !important;
  margin: 0 !important;
}
.elementor-widget-fortified_exact_section,
.elementor-widget-fortified_exact_section .elementor-widget-container {
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}
/* --------------------------------------------------------------------------
   Elementor's frontend.min.css is enqueued AFTER the theme stylesheet and
   contains:

       .elementor img { height: auto; max-width: 100%; border-radius: 0; ... }

   That selector is (0,1,1) - exactly as strong as the theme's own single-class
   image rules (.wc img, .hero-bg img, ...) - so it wins purely on load order
   and collapses every photograph back to its natural height. In a short, wide
   card that means only the top strip of a portrait photo is visible (sky or
   treetops), and the hero photo stops short of the bottom of the hero.

   The Gallery escaped it only because .gi tiles also carry aspect-ratio.

   Fixed by re-asserting the theme's own values one level more specific, so the
   theme wins regardless of load order. Same values as app.css - nothing new is
   introduced here and no !important is needed.
   -------------------------------------------------------------------------- */
.elementor .hero-bg img,
.elementor .wc img,
.elementor .gi img,
.elementor .layer-image img,
.elementor .svc-detail-img img,
.elementor .split .fig img,
.elementor .phead img.bg,
.elementor .cta img.bg {
  height: 100%;
}
.elementor .wc img { border-radius: 16px; }
.elementor .split .fig img { border-radius: 18px; }
.elementor .card img,
.elementor .card .cim { border-radius: 14px; }

/* Same collision for `.elementor a { box-shadow: none }` - it outranks the
   theme's .svc-card / .wc resting shadow, so the cards rendered flat on the
   live site while their :hover shadow (stronger selector) still worked. The
   hover values are untouched; only the resting state is restored. */
.elementor a.svc-card { box-shadow: var(--shadow-sm); }
.elementor a.wc { box-shadow: 0 1px 0 rgba(8, 25, 43, .04); }

body.elementor-editor-active #pre,
.elementor-editor-preview #pre {
  display: none !important;
}
body.elementor-editor-active [data-r],
.elementor-editor-preview [data-r] {
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
}