/* Build 742: portrait covers fill the Capsule like a cinematic keepsake.
   The blue-green surface remains as the loading/fallback atmosphere, while
   the shared automatic or manual focal point controls the full-bleed crop. */
html body .app-shell .full-memory-capsule .memory-capsule-cover-slide.is-complete-portrait-cover,
html body main.app-shell .full-memory-capsule .memory-capsule-cover-slide.is-complete-portrait-cover {
  background:
    radial-gradient(circle at 50% 42%, rgba(30, 127, 120, 0.34), transparent 62%),
    linear-gradient(145deg, #073a48, #0a5f60) !important;
}

html body .app-shell .full-memory-capsule .memory-capsule-cover-slide.is-complete-portrait-cover > img[data-mymappi-smart-cover="true"],
html body main.app-shell .full-memory-capsule .memory-capsule-cover-slide.is-complete-portrait-cover > img[data-mymappi-smart-cover="true"] {
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: cover !important;
  object-position: var(--home-photo-position, center center) !important;
  transform: none !important;
}

/* Once the user deliberately frames a portrait cover, Relive must honor that
   crop exactly like Memory Lane and Recent Memories do. */
html body .app-shell .full-memory-capsule .memory-capsule-cover-slide.is-complete-portrait-cover.has-manual-cover-focus > img[data-mymappi-smart-cover="true"],
html body main.app-shell .full-memory-capsule .memory-capsule-cover-slide.is-complete-portrait-cover.has-manual-cover-focus > img[data-mymappi-smart-cover="true"] {
  object-fit: cover !important;
  object-position: var(--home-photo-position, center center) !important;
}

@media (prefers-reduced-motion: reduce) {
  html body .app-shell .full-memory-capsule .memory-capsule-cover-slide.is-complete-portrait-cover > img {
    transition: none !important;
  }
}