/* Instagram Reel 遅延埋め込み — gallery / achievements 共通 */

.instagram-reel-card__media {
  cursor: pointer;
}

.instagram-reel-card__poster,
.instagram-reel-card__embed {
  position: absolute;
  inset: 0;
}

.instagram-reel-card__poster {
  z-index: 1;
}

.instagram-reel-card__embed {
  z-index: 2;
  display: none;
  overflow: hidden;
  background: #111;
}

.instagram-reel-card.is-embed-active .instagram-reel-card__embed {
  display: block;
}

.instagram-reel-card.is-embed-active .instagram-reel-card__poster {
  visibility: hidden;
  pointer-events: none;
}

.instagram-reel-card__embed blockquote.instagram-media {
  position: absolute;
  top: 0;
  left: 50%;
  margin: 0 !important;
  padding: 0 !important;
  min-width: 326px !important;
  max-width: 326px !important;
  width: 326px !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: translateX(-50%) scale(var(--embed-scale, 0.55));
  transform-origin: top center;
}

.instagram-reel-card__embed iframe {
  max-width: 100%;
}

/* 既存 hover CTA — poster 内で有効 */
.gallery-reel-card__media:hover .gallery-reel-card__cta,
.achievements-video-card__media:hover .achievements-video-card__cta {
  background: var(--color-orange);
  color: var(--color-black);
}

html.perf-touch .gallery-reel-card__media:hover .gallery-reel-card__cta,
html.perf-touch .achievements-video-card__media:hover .achievements-video-card__cta {
  background: rgba(0, 0, 0, 0.7);
  color: var(--color-white);
}

.instagram-reel-card.is-embed-active .gallery-reel-card__media:hover .gallery-reel-card__cta,
.instagram-reel-card.is-embed-active .achievements-video-card__media:hover .achievements-video-card__cta {
  background: rgba(0, 0, 0, 0.7);
  color: var(--color-white);
}