/* ==========================================================================
   MP Watermark — CSS-only overlay stamped on qualifying images site-wide.
   Display-only: never touches the original uploaded file on disk.
   JS (mp-watermark.js) wraps each qualifying <img> in a .mp-wm-wrap span;
   this file paints the logo into that wrapper's ::after pseudo-element,
   since <img> itself is a replaced element and can't render generated
   content directly.
   ========================================================================== */

.mp-wm-wrap {
    position: relative;
    display: inline-block;
    line-height: 0; /* avoid extra baseline gap around the wrapped image */
}

.mp-wm-wrap > img {
    display: block;
    width: 100%;
    height: 100%;
}

.mp-wm-wrap::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("../images/mp-watermark.png");
    background-size: 25% auto;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.28;
    mix-blend-mode: normal;
    pointer-events: none;
}

/* Don't stamp tiny UI chrome — icons, avatars, spinners — even if a template
   forgets to add an exclusion class. Belt-and-braces alongside the JS
   size check. */
.mp-wm-wrap.mp-wm-tiny::after {
    display: none;
}