/* Mega menu (desktop): the photo sits only in the right column under the icon, as in the design,
   and no longer spreads under the links. The photo comes from the ACF field (inline style on .fmm-wrap),
   so it is inherited down to the column instead of being set here. */
@media (min-width: 1300px) {
    .fmm-wrap {
        background-size: 0 0;
    }
    .fmm-img {
        position: relative;
        overflow: hidden;
        justify-content: flex-start;
        padding-top: 48px;
        background-image: inherit;
        background-size: 0 0;
    }
    .fmm-img::after {
        content: "";
        position: absolute;
        top: 262px;
        right: 0;
        bottom: 0;
        left: 0;
        background-image: inherit;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        pointer-events: none;
    }
    .fmm-img img,
    .fmm-img .mm-icon-text {
        position: relative;
        z-index: 1;
    }
}

/* Mega menu photos in full colour. The ACF images (plili/tsvai/mishnaat) are pre-darkened because the
   home-page tabs use the same files behind text, so the menu gets its own colour versions here.
   Match is on the ACF image already set on each menu item. */
@media (min-width: 1300px) {
    .fmm-wrap[style*="plili"] .fmm-img::after {
        background-image: url("../assets/mega/mega-criminal-police.webp");
    }
    .fmm-wrap[style*="tsvai"] .fmm-img::after {
        background-image: url("../assets/mega/mega-military.webp");
    }
    .fmm-wrap[style*="mishnaat"] .fmm-img::after {
        background-image: url("../assets/mega/mega-disciplinary.webp");
    }
}

/* Home page practice-area tabs: no background photo (all screen sizes). The photo is set inline from ACF. */
.tab-menu-sec {
    background-image: none !important;
}