/* Utilities — shared helpers used by more than one module or section. */

/* ── .fill-image — crops an image to fill its column (object-fit: cover) ──
   For a Divi Image module alone in its column, or a bare <img>. The wrap needs
   `!important`: Divi sets fit-content on `.et_pb_image_wrap` at ≤980px. */
.fill-image,
.fill-image img {
  width          : 100%;
  height         : 100%;
  object-fit     : cover;
  object-position: center;
  max-width      : none;
}

.fill-image     { align-self: stretch; }
.fill-image img { display: block; }

.fill-image .et_pb_image_wrap,
.fill-image > a,
.fill-image > span,
.fill-image picture {
  display : block !important;
  width   : 100% !important;
  height  : 100%;
}

/* ── .photo-card — a card whose background is a photo ─────────────────────
   Large phones (480–767px) stretch these cards landscape while the phone
   photo stays portrait, so `cover` cut 29–55% off it. A square card tracks
   the crop across the whole band instead of drifting with the viewport.
   Goes in the module's CSS Class field. */

@media (min-width: 480px) and (max-width: 767px) {
  .photo-card {
    aspect-ratio : 1;
  }
}