/* Photo containers only: badges, logos, icons and third-party embeds are excluded.
   The overlay stays anchored to the visible frame when a photo is cropped/zoomed. */
@layer base {
  :where(div, figure, section):where(:has(
    > img[src^="/images/"]:not([src*="logo"]),
    > picture > img[src^="/images/"]:not([src*="logo"])
  )):not([data-watermark="off"]) {
    position: relative;
  }
}

:where(div, figure, section):has(
  > img[src^="/images/"]:not([src*="logo"]),
  > picture > img[src^="/images/"]:not([src*="logo"])
):not([data-watermark="off"])::after {
  content: "BLACKWAZE™";
  position: absolute;
  right: clamp(10px, 1.5vw, 22px);
  bottom: clamp(10px, 1.5vw, 22px);
  z-index: 2;
  pointer-events: none;
  user-select: none;
  color: rgb(255 255 255 / 78%);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(10px, 1.1vw, 15px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.09em;
  text-shadow: 0 1px 4px rgb(0 0 0 / 85%);
}
