/* Recipe collection thumbnails only. Load after the existing site styles.
   The scoped !important declarations override the current inline preservePhoto
   styles without changing the source images, featured photo, or detail pages. */
#recipe-collection .vtc-card-photo {
  aspect-ratio: 1 / 1;
  overflow: hidden;
  flex: 0 0 auto;
  background: #fbf6e7;
}

#recipe-collection .vtc-card-photo > img {
  display: block;
  width: 100%;
  height: 100% !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  object-position: var(--recipe-photo-position, 50% 50%);
}

/* Keep the food in frame where the portrait has extra background above it. */
#recipe-collection .vtc-card-photo[href$="/kale-and-cheese-quesadilla/"],
#recipe-collection .vtc-card-photo[href$="/tuna-salad-wrap/"] {
  --recipe-photo-position: 50% 100%;
}

#recipe-collection .vtc-card-photo[href$="/breakfast-quesadilla/"] {
  --recipe-photo-position: 50% 45%;
}