/* Restore contrast on light first-sections that the global photo-hero rule painted white.
   Scope is page-id only. Photo/navy heroes elsewhere stay white-on-dark. */

/* Legal pages: white content wells, not photo heroes. */
.elementor-2042 > .elementor-element:first-child,
.elementor-2047 > .elementor-element:first-child,
.site-main.post-2042 .elementor > .elementor-element:first-child,
.site-main.post-2047 .elementor > .elementor-element:first-child {
  min-height: 0 !important;
  background: #ffffff !important;
  background-image: none !important;
}

.elementor-2042 > .elementor-element:first-child .elementor-heading-title,
.elementor-2042 > .elementor-element:first-child h1,
.elementor-2042 > .elementor-element:first-child h2,
.elementor-2042 > .elementor-element:first-child h3,
.elementor-2042 > .elementor-element:first-child h4,
.elementor-2042 > .elementor-element:first-child p,
.elementor-2042 > .elementor-element:first-child li,
.elementor-2042 > .elementor-element:first-child strong,
.elementor-2042 > .elementor-element:first-child b,
.elementor-2047 > .elementor-element:first-child .elementor-heading-title,
.elementor-2047 > .elementor-element:first-child h1,
.elementor-2047 > .elementor-element:first-child h2,
.elementor-2047 > .elementor-element:first-child h3,
.elementor-2047 > .elementor-element:first-child h4,
.elementor-2047 > .elementor-element:first-child p,
.elementor-2047 > .elementor-element:first-child li,
.elementor-2047 > .elementor-element:first-child strong,
.elementor-2047 > .elementor-element:first-child b,
.site-main.post-2042 .elementor-widget-text-editor,
.site-main.post-2042 .elementor-widget-text-editor h1,
.site-main.post-2042 .elementor-widget-text-editor h2,
.site-main.post-2042 .elementor-widget-text-editor p,
.site-main.post-2042 .elementor-widget-text-editor li,
.site-main.post-2042 .elementor-widget-text-editor strong,
.site-main.post-2042 .elementor-widget-text-editor b,
.site-main.post-2047 .elementor-widget-text-editor,
.site-main.post-2047 .elementor-widget-text-editor h1,
.site-main.post-2047 .elementor-widget-text-editor h2,
.site-main.post-2047 .elementor-widget-text-editor p,
.site-main.post-2047 .elementor-widget-text-editor li,
.site-main.post-2047 .elementor-widget-text-editor strong,
.site-main.post-2047 .elementor-widget-text-editor b,
#sms-chat-widget-a2p-compliance,
#sms-chat-widget-a2p-compliance h2,
#sms-chat-widget-a2p-compliance p,
#sms-chat-widget-terms,
#sms-chat-widget-terms h2,
#sms-chat-widget-terms p {
  color: #182332 !important;
  text-shadow: none !important;
}

/* Bathroom cost-guide first block is a photo-less "hero". Give it a darkened
   project image + overlay so the existing white title/subcopy stays readable. */
.elementor-3568 > .elementor-element:first-child {
  position: relative !important;
  isolation: isolate;
  min-height: 420px !important;
  background-color: #141820 !important;
  background-image: url("/wp-content/uploads/2026/04/IMG_5857.jpg") !important;
  background-size: cover !important;
  background-position: center !important;
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

.elementor-3568 > .elementor-element:first-child::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, rgba(12, 16, 28, .84) 0%, rgba(12, 16, 28, .74) 100%) !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

.elementor-3568 > .elementor-element:first-child > * {
  position: relative !important;
  z-index: 1 !important;
}

.elementor-3568 > .elementor-element:first-child .elementor-heading-title,
.elementor-3568 > .elementor-element:first-child h1,
.elementor-3568 > .elementor-element:first-child h2,
.elementor-3568 > .elementor-element:first-child p,
.elementor-3568 > .elementor-element:first-child strong,
.elementor-3568 > .elementor-element:first-child b {
  color: #ffffff !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, .72), 0 1px 2px rgba(0, 0, 0, .92) !important;
}

.elementor-3568 > .elementor-element:first-child .elementor-widget-image {
  display: none !important;
}

/* CTAs in these first sections stay white-on-red. */
.elementor-2042 > .elementor-element:first-child .elementor-button,
.elementor-2042 > .elementor-element:first-child a.elementor-button,
.elementor-2047 > .elementor-element:first-child .elementor-button,
.elementor-2047 > .elementor-element:first-child a.elementor-button,
.elementor-3568 > .elementor-element:first-child .elementor-button,
.elementor-3568 > .elementor-element:first-child a.elementor-button {
  color: #ffffff !important;
  background: #c9302c !important;
  border-color: #c9302c !important;
}