/* /real-estate/ manual overrides layered after the generated mirror CSS.
   Add per-widget fixes here so they survive re-scrapes. */

/* Hero container (b80c785): LIVE ships --margin-top:-95px so the hero
   slots under a header that reserves space in flow. Our SiteHeader is
   position:absolute (transparent overlay) and doesn't reserve space,
   so the negative margin pulls the hero's coordinate system 95px above
   viewport top — every absolute-positioned child (heading, sub-copy)
   renders 95px too high, causing the sub-copy to overlap heading text
   at wide viewports. Reset the margin so hero starts at the visual top. */
.wp-real-estate .elementor-2498 .elementor-element.elementor-element-b80c785 {
  --margin-top: 0px;
}

/* Hero sub-copy widget (b4cf3be): LIVE positions it via
   `left: 51%` + `right: 51%` and expects the browser to compute the
   width from the intrinsic text (~442px). Modern browsers with those
   two rules resolve width to 100% - 51% - 51% = 0, so the text stacks
   vertically. Force an explicit width matching LIVE's ~442px so the
   line stays a compact block in the empty pocket of the heading. */
.wp-real-estate .elementor-2498 .elementor-element.elementor-element-b4cf3be {
  width: 442px;
  right: auto;
}
