/* Overrides for Elementor base-stylesheet rules that beat the design's
   rules on specificity regardless of load order. Loaded after both
   maria-devito.css and Elementor's frontend CSS.

   1. `.elementor img{height:auto;max-width:100%}` (0,1,1) collapses every
      image the design sizes by height (full-bleed heroes, the portrait
      cut-out, circle/offset frames, card and gallery tiles). Re-declared
      here at higher specificity with values copied verbatim from
      maria-devito.css — keep in sync if those change. */
.elementor img.hero__media,
.elementor img.page-hero__media { height: 100%; max-width: 100%; }
.elementor .portrait-frame img.portrait-frame__img { height: 92%; max-width: none; }
.elementor .circle-photo img,
.elementor .offset-frame img,
.elementor .property-card__media img,
.elementor .gallery-item img,
.elementor .insta__tile img { height: 100%; }
.elementor .marquee__item img { max-height: 100%; }
.elementor .circle-photo img { border-radius: 50%; }

/* 2. `.elementor a{text-decoration:none}` is harmless (design does the
      same), but Elementor's kit can colour links — keep the design's. */
.elementor .site-footer a, .elementor .btn { text-decoration: none; }

/* 3. Pages without a hero widget (plain WP pages, search, 404): the
      header is absolute + ivory text, so give it a navy band to sit on. */
.md-plain { padding-top: 120px; background: var(--navy); }
.md-plain > section:first-child { margin-top: 0; }

/* 4. In the Elementor editor, widgets re-render after the reveal-on-scroll
      observer has run, so .reveal content would stay invisible. */
.elementor-editor-active .reveal { opacity: 1; transform: none; }

/* 5. Design sections stretch edge to edge; the Elementor containers that
      hold them are set to full width / zero padding / zero gap in each
      page's data, this keeps any container the client adds the same. */
.elementor .e-con.md-row { --padding-top: 0px; --padding-bottom: 0px; --padding-left: 0px; --padding-right: 0px; --gap: 0px; --row-gap: 0px; --column-gap: 0px; }
.elementor .e-con.md-row > .elementor-widget { width: 100%; }

/* 6. Elementor zeroes every figure margin inside widgets
      (`.elementor .elementor-widget:not(…):not(…) figure{margin:0}`,
      specificity 0,4,1), which drops the pull-quote's 16px top margin. */
.elementor .elementor-widget:not(.elementor-widget-text-editor):not(.elementor-widget-theme-post-content) figure.pull-quote { margin-top: 16px; }