/* NOTE Mourning Mode – zakres tylko podczas aktywnego harmonogramu. */
html.ntr-mm-active {
    -webkit-filter: grayscale(100%) !important;
    filter: grayscale(100%) !important;
}

/* Podczepiona do linku logotypu wstążka, bez modyfikowania samego pliku logo. */
.ntr-mm-logo-anchor {
    position: relative !important;
}
.ntr-mm-ribbon {
    position: absolute !important;
    display: block !important;
    box-sizing: border-box !important;
    left: 1% !important;
    top: 48% !important;
    width: clamp(17px, 21%, 37px) !important;
    height: auto !important;
    aspect-ratio: 3 / 4 !important;
    z-index: 20 !important;
    border: 0 !important;
    pointer-events: none !important;
    user-select: none !important;
    background: var(--ntr-mm-ribbon-url) center / contain no-repeat transparent !important;
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .20));
}
.ntr-mm-relative {
    position: relative !important;
}

/* Kontrast wstążki zgodnie z rzeczywistym trybem dark/light strony.
   Odwracamy tylko samą wstążkę, a nie cały logotyp ani nagłówek. */
html.ntr-mm-active.ntr-mm-dark .ntr-mm-ribbon,
html.ntr-mm-active[data-theme="dark"] .ntr-mm-ribbon,
html.ntr-mm-active[data-bs-theme="dark"] .ntr-mm-ribbon,
html.ntr-mm-active body.dark .ntr-mm-ribbon,
html.ntr-mm-active body.dark-mode .ntr-mm-ribbon {
    filter: invert(1) drop-shadow(0 1px 1px rgba(0, 0, 0, .75)) !important;
}