/**
 * MUSA Global Menu Overlay & Blend Modes
 */

/* 1. The Cover Block Base styling */
.musa-menu-cover {
    position: relative;
    background-color: var(--wp--preset--color--global-ink) !important;
}

/* Ensure the background image occupies the full canvas and scales cleanly */
.musa-menu-cover img {
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
    mix-blend-mode: multiply; /* Crucial blend mode for duotone */
    filter: grayscale(100%) contrast(120%); /* Flattens image to work with color background */
    transition: all 0.3s ease-in-out;
}

/* 2. Universe Specific Color Map Override */
.universe-bogota .musa-menu-cover {
    background-color: var(--wp--preset--color--bog-soft-pink) !important;
}
.universe-bogota .musa-menu-cover img {
    mix-blend-mode: multiply;
}

.universe-cali .musa-menu-cover {
    background-color: var(--wp--preset--color--cali-soft-purple) !important;
}
.universe-cali .musa-menu-cover img {
    mix-blend-mode: multiply;
}

.universe-shared .musa-menu-cover {
    /* Uses Universal light warm neutral tone if defined, or defaults to grey */
    background-color: #E5E5E5 !important; 
}
.universe-shared .musa-menu-cover img {
    mix-blend-mode: multiply;
}