/* mirror-overrides.css
 * Fixes applied on top of the mirrored Webflow CSS. Loaded LAST so it wins.
 * These correct bugs that exist on the original site too.
 */

/* FIX 1 — Location header image collapses to a thin vertical sliver in Safari.
 * Cause: the image sits in a 1fr grid column, but its wrapper is sized from the
 * <img>'s intrinsic (portrait) aspect ratio instead of filling the column.
 * Chromium tolerates it; Safari collapses the wrapper to a sliver.
 * Fix: force the wrapper to fill its grid cell so width no longer depends on the
 * image's aspect ratio. The image already has object-fit:cover;width/height:100%. */
.urg_location-header_image-wrapper {
  width: 100%;
  height: 100%;
}

/* FIX 2 — On the legal pages, a link that prints a full URL
 * (https://www.emergencydentists.dental/...) doesn't wrap, causing ~60px of
 * horizontal scroll on mobile. Let long links break to the next line. */
.urg_location-header_contact-link {
  white-space: normal;   /* Webflow sets nowrap, which blocks wrapping entirely */
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* "Open in Maps" links appended under each listed address (maps-links.js) */
.maps-open-links {
  margin-top: 0.4rem;
  font-size: 0.8em;
  line-height: 1.6;
}
.maps-open-links a {
  color: var(--colors--urgent--cerise);
  text-decoration: underline;
}