/* Memorial Mode Styles */

/* Black and white logo filter ONLY */
body.memorial .header-menu-logo img,
body.memorial .header-menu-logo a img,
body.memorial #loader-wrapper img,
body.memorial #loader-wrapper .loader-wrapper-in-img img {
    filter: grayscale(100%) brightness(0.9) !important;
    -webkit-filter: grayscale(100%) brightness(0.9) !important;
}

/* Left corner memorial ribbon */
.memorial-ribbon {
    position: fixed;
    top: 20px;
    left: 20px;
    width: 80px;
    height: auto;
    z-index: 9999;
    pointer-events: none;
}

.memorial-ribbon img {
    width: 100%;
    height: auto;
    display: block;
    filter: none !important;
    -webkit-filter: none !important;
}

/* Responsive adjustments for mobile devices */
@media only screen and (max-width: 767px) {
    .memorial-ribbon {
        width: 60px;
    }
}

@media only screen and (max-width: 480px) {
    .memorial-ribbon {
        width: 50px;
    }
}