/* Mirror fixes — patches for visual issues discovered during Stage 2 verification.
   Each rule documents what it fixes and why. */

/* Blog post hero — restore the AdobeStock hero image visibility.
   The live site's ::before pseudo-element applies a near-black gradient overlay
   (linear-gradient(transparent → #100A02)) on top of the hero bg-image, hiding it
   almost entirely. Replace with a light dark overlay so the image is visible
   while keeping enough contrast for the title to remain readable. */
.elementor-450 .elementor-element.elementor-element-59c0d25::before,
.elementor-450 .elementor-element.elementor-element-59c0d25 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before,
.inner-banner-main::before {
  background-image: linear-gradient(180deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.5) 100%) !important;
}

/* Blog post hero title — was illegible white-on-light text. Force light cream text
   that reads well on top of the now-darkened hero image. */
.elementor-element.elementor-element-c5e46ae .elementor-heading-title,
.inner-banner-main .elementor-heading-title {
  color: #fffaf0 !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);
}

/* Blog post eyebrow label (e.g. "DENTAL IMPLANTS") — same fix, lighter weight */
.elementor-element.elementor-element-e8f8f1c .elementor-heading-title,
.inner-banner-main .elementor-element[data-widget_type="heading.default"]:first-of-type .elementor-heading-title {
  color: #fffaf0 !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}