/* =========================================================
   FILE: /css/legacy/fgh.popups.css
   FGH v2 — POPUP IMAGE WRAPPER
   Phase 6 — Legacy Alias Collapse (fgh-* removed)
   ========================================================= */

/* =========================================================
   POPUP LINK WRAPPER
   ---------------------------------------------------------
   Anchor provides click + hover only.
   Tailwind controls ALL geometry.
   ========================================================= */

a.media-popup-link {
  display: inline-block; /* shrink-wrap to image */
  position: relative;
  z-index: 50; /* high, but not insane */
  isolation: isolate; /* creates stacking context */
}

/* =========================================================
   IMAGE INSIDE WRAPPER
   ========================================================= */

/* popup thumbnails + inline media only
   (hero images manage their own geometry) */
a.media-popup-link > img:not(.image-hero-float) {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
}

/* =========================================================
   HOVER / FOCUS EFFECT
   ========================================================= */

a.media-popup-link:hover > img,
a.media-popup-link:focus-visible > img {
  transform: translateY(-2px);

  /* stronger version of same shadow */
  box-shadow:
    0 6px 12px rgba(0, 0, 0, 0.22),
    0 16px 28px rgba(0, 0, 0, 0.26);
}

a.media-popup-link:active > img {
  transform: translateY(0);
}