/* Wyłącznie realizacje.html. Dekoracyjny znak nie zmienia plików fotografii
   i automatycznie obejmuje również nowo dodawane wpisy oraz galerie. */
#blog-grid .post-card .card-img,
#post-modal .pm-cover,
#post-modal .pm-gallery > .pm-gallery-item,
.media-viewer .realization-viewer-image,
#lightbox .realization-lightbox-image {
  position: relative;
  isolation: isolate;
}

#blog-grid .post-card .card-img::after,
#post-modal .pm-cover::after,
#post-modal .pm-gallery > .pm-gallery-item::after,
.media-viewer .realization-viewer-image::after,
#lightbox .realization-lightbox-image::after {
  content: "";
  position: absolute;
  right: 12px;
  top: 12px;
  width: 44px;
  aspect-ratio: 480 / 472;
  z-index: 1;
  background: url("../img/w/logo-white-160.webp") center / contain no-repeat;
  opacity: .52;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .45));
  pointer-events: none;
}

#post-modal .pm-cover::after,
.media-viewer .realization-viewer-image::after,
#lightbox .realization-lightbox-image::after {
  width: clamp(44px, 7vw, 70px);
  right: clamp(12px, 2vw, 20px);
  top: clamp(12px, 2vw, 20px);
}

#post-modal .pm-gallery > .pm-gallery-item {
  overflow: hidden;
  border-radius: 12px;
}

/* Logo pozostaje w rogu fotografii, nie w rogu pełnoekranowej warstwy. */
.media-viewer .realization-viewer-image {
  display: inline-flex;
  max-width: 100%;
  min-height: 0;
}
.media-viewer .realization-viewer-image > img {
  width: auto;
  height: auto;
}
#lightbox .realization-lightbox-image {
  display: inline-flex;
  max-width: min(96vw, calc(100vw - 4rem));
}
#lightbox .realization-lightbox-image > img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 92vh;
  max-height: min(92dvh, calc(100dvh - 4rem));
}