/* ==========================================================================
   Mouldshop Image Link (TASK-0113) - Paragraph/Mouldshop_ImageLink/Default.cshtml

   One image; the whole image is the link. No text, no hover zoom. Hover is a
   subtle opacity step only; keyboard focus gets a visible ring. Registered in
   MouldshopHead.cshtml.

   ASPECT: auto keeps the image's own shape (no frame at all). 16-9 / 4-3 / 1-1
   give the figure a fixed aspect-ratio and the image fills it, cropped (cover)
   or letterboxed (contain) by ImageFit. Fit has no effect on auto, by design.

   NO COLOUR OF ITS OWN (DEC-0063): the focus ring is currentColor, so it follows
   the row's scheme; a contain letterbox shows the row's own background.
   ========================================================================== */
.ms-imagelink {
  margin: 0;
  width: 100%;
}
.ms-imagelink__link {
  display: block;
  color: inherit;
  transition: opacity .2s ease;
}
.ms-imagelink__link:hover { opacity: .88; }
.ms-imagelink__link:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}
.ms-imagelink__img {
  display: block;
  width: 100%;
  height: auto;
}

/* Fixed aspects: the frame is the figure; the image fills it. */
.ms-imagelink--ar-16-9 { aspect-ratio: 16 / 9; }
.ms-imagelink--ar-4-3  { aspect-ratio: 4 / 3; }
.ms-imagelink--ar-1-1  { aspect-ratio: 1 / 1; }
.ms-imagelink:not(.ms-imagelink--ar-auto) .ms-imagelink__link,
.ms-imagelink:not(.ms-imagelink--ar-auto) .ms-imagelink__img {
  width: 100%;
  height: 100%;
}
.ms-imagelink--fit-cover:not(.ms-imagelink--ar-auto) .ms-imagelink__img   { object-fit: cover; }
.ms-imagelink--fit-contain:not(.ms-imagelink--ar-auto) .ms-imagelink__img { object-fit: contain; }

@media (prefers-reduced-motion: reduce) {
  .ms-imagelink__link { transition: none; }
}