/**
 * Layout stability (CLS) — reserved space for media, no layout-shifting overlays.
 *
 * @package Pink_Medical_Doctor
 */

/* Above-the-fold hero: never hide or animate the image wrapper */
.pmd-img-wrap--hero,
.pmd-img-wrap--hero img {
  opacity: 1;
  animation: none;
  background: none;
}

.pmd-img-wrap--hero {
  width: 100%;
  aspect-ratio: 3 / 2;
}

/* Below-fold image placeholders */
.pmd-img-wrap {
  position: relative;
  display: block;
  overflow: hidden;
  background: var(--pmd-bg-secondary, #fdf0f5);
}

.pmd-img-wrap:not(.pmd-img-wrap--hero) {
  min-height: 4rem;
}

.pmd-img-wrap:not(.pmd-about__frame) img {
  width: 100%;
  height: auto;
}

/* Card / section media slots */
.pmd-about__frame {
  aspect-ratio: 5 / 6;
  min-height: 17.5rem;
}

.pmd-about__photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pmd-journal-card__media,
.pmd-guide-preview__thumb,
.pmd-related-card__media,
.pmd-journal-node__thumb-wrap {
  aspect-ratio: 3 / 2;
  min-height: 8.5rem;
}

.pmd-journal-card__img,
.pmd-guide-preview__img,
.pmd-related-card__img,
.pmd-journal-node__thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pmd-svc-card {
  min-height: 10.5rem;
}

.pmd-svc-card--pregnancy .pmd-svc-card__visual {
  min-height: 6.5rem;
}

.pmd-single-post__thumb {
  aspect-ratio: 16 / 9;
  min-height: 11rem;
}

.pmd-single-post__thumb-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pmd-page-hero__media {
  aspect-ratio: 2 / 1;
  min-height: 10rem;
}

.pmd-page-hero__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pmd-doctor-profile__photo-wrap {
  aspect-ratio: 5 / 6;
  min-height: 16rem;
}

.pmd-footer__map {
  min-height: 220px;
  height: clamp(220px, 28vw, 320px);
}

.pmd-contact-strip__map {
  min-height: 140px;
  height: 140px;
}