/*
RDMI - cross-page UI fixes.
Loaded on every page, after the theme CSS, so these override the Elementor
defaults without touching the exported theme files.
*/

/* The header "Book Now" / "IMAGE PORTAL" buttons keep the theme's 15px/45px
   padding while their header column shrinks to ~131px below the desktop
   breakpoint. The buttons then render 146px wide, spill out of their column
   and push the whole document ~5px past the viewport (horizontal scrollbar on
   every page at tablet widths). Cap them to the column and trim the padding
   only in the band where the column is actually tight. */
@media (max-width: 992px) {
  .book-now-row .elementor-button-wrapper,
  .elementor-widget-container.book-now-row .elementor-button-wrapper {
    max-width: 100%;
  }
  .book-now-row .elementor-button,
  .elementor-widget-container.book-now-row .elementor-button {
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .book-now-row .elementor-button,
  .elementor-widget-container.book-now-row .elementor-button {
    padding-left: 14px;
    padding-right: 14px;
    font-size: 13px;
    white-space: nowrap;
  }
}

/* ---------------------------------------------------------------------------
   `box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5)` is used on 25 elements across
   the site - a hard 50%-black glow radiating in every direction. On the white
   cards it reads as dirt; on the transparent layout wrappers and heading pills
   it draws a square halo around nothing at all.

   The selectors below carry an extra `.elementor-element` so they match the
   specificity of Elementor's own `.elementor-NNN .elementor-element.elementor-
   element-XXX` rules; this file loads after them, so a tie is enough to win.
   --------------------------------------------------------------------------- */

/* 1. Real white cards - keep the elevation, soften and drop it downward. */
.elementor-element.elementor-element-272272f.elementor-element > .elementor-widget-container,
.elementor-element.elementor-element-292e4c2.elementor-element > .elementor-widget-container,
.elementor-element.elementor-element-59e76f4.elementor-element > .elementor-widget-container,
.elementor-element.elementor-element-a2e5f94.elementor-element > .elementor-widget-container,
.elementor-element.elementor-element-cdd65b3.elementor-element > .elementor-widget-container,
.elementor-element.elementor-element-d9472bb.elementor-element > .elementor-widget-container {
  box-shadow: 0 8px 22px rgba(13, 42, 63, 0.08);
}

/* 2. Photos - soften the glow and round the corners on the <img> itself, which
      is where Elementor set the original shadow.

      Deliberately nothing on the wrapper: these are offset compositions. The
      "About our Diagnostic Center" pair pulls the second photo up 300px with a
      negative margin and right-aligns it with `text-align`, so its wrapper is
      intentionally shorter than the image. Adding `overflow:hidden` there clips
      the photo to a sliver, and `display:block` on the image cancels the
      text-align and drops it back to the left, on top of the first photo. */
.elementor-element.elementor-element-41c9765.elementor-element img,
.elementor-element.elementor-element-42ff5d0.elementor-element img,
.elementor-element.elementor-element-841f853.elementor-element img,
.elementor-element.elementor-element-b1cab2f.elementor-element img,
.elementor-element.elementor-element-dcd8baa.elementor-element img,
.elementor-element.elementor-element-f267703.elementor-element img {
  border-radius: 18px;
  box-shadow: 0 12px 30px rgba(13, 42, 63, 0.13);
}

/* 3. Eyebrow headings shaped as pills but never given a fill - so the halo was
      the only thing drawing them. Give them a real tinted pill instead. */
.elementor-element.elementor-element-15efc2a.elementor-element > .elementor-widget-container,
.elementor-element.elementor-element-721b0b8.elementor-element > .elementor-widget-container,
.elementor-element.elementor-element-cdc9bf8.elementor-element > .elementor-widget-container,
.elementor-element.elementor-element-ecb7e3e.elementor-element > .elementor-widget-container {
  display: inline-block;
  padding: 6px 20px;
  background: #f2f8fd;
  border: 1px solid #dbe8f3;
  box-shadow: none;
}

/* 4. Transparent layout wrappers and the sticky header - nothing to cast a
      shadow, so remove it (the header keeps a soft downward one). */
.elementor-element.elementor-element-4b3c8b0.elementor-element,
.elementor-element.elementor-element-9dc63d3.elementor-element,
.elementor-element.elementor-element-b949c83.elementor-element,
.elementor-element.elementor-element-c44345d.elementor-element {
  box-shadow: none;
}
.elementor-element.elementor-element-6f70d66.elementor-element {
  box-shadow: 0 2px 14px rgba(13, 42, 63, 0.1);
}