/* Styles for modified mega menu */

/* #site-header .bagels-has-mega-menu:first-child .dropdown-menu{
    opacity: 1;
    visibility: visible;
} */

.bagels-mega-menu .mi-mm-m-c-img{
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    border-radius: 16px;
}

@media (min-width: 992px) {
    .bagels-mega-menu .mi-mm-m-c-w-link{
        /* background-color: var(--bagels-neutral_50); */
        display: inline-block;
        border-radius: 16px;
        padding: 15px;
    }
    
    .bagels-mega-menu .mi-mm-m-c-w-link:hover{
        background-color: var(--bagels-neutral_100);
        /* background-color: var(--bagels-neutral_50); */
    }

    body.bagels-dark-theme .bagels-mega-menu .mi-mm-m-c-w-link{
        /* background-color: var(--bagels-neutral_800); */
    }
    
    body.bagels-dark-theme .bagels-mega-menu .mi-mm-m-c-w-link:hover{
        /* background-color: var(--bagels-neutral_700); */
        background-color: var(--bagels-neutral_800);
    }

    .bagels-mega-menu .mi-mm-m-c-w-link .mi-mm-m-c-descr{
        color: var(--bagels-dark);
        font-weight: 400;
    }

    .bagels-dark-theme .bagels-mega-menu .mi-mm-m-c-descr{
        color: var(--bagels-neutral_100);
    }
    
    .bagels-mega-menu .bagels-pseudo-theme-button .btb-cw.tb-dark .btb-i-img,
    .bagels-mega-menu .bagels-pseudo-theme-button .btb-cw.tb-bordered .btb-i-img,
    .bagels-mega-menu .bagels-pseudo-theme-button .btb-cw.tb-outline .btb-i-img {
        filter: invert(4%) sepia(2%) saturate(6786%) hue-rotate(202deg) brightness(97%) contrast(98%);
    }

    .bagels-mega-menu .btn-deactivate .mi-mm-m-c-btn{
        pointer-events: none;
    }

    .bagels-mega-menu .dim-main-link .mi-mm-m-c-m-m-l-title,
    .bagels-mega-menu .dim-main-link .mi-mm-m-c-m-mi-sm-mi-l-title{
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    .bagels-mega-menu .mi-mm-m-c-menu.has-sub-menu.incr-mmi-gaps:not(:last-child){
        margin-bottom: var(--spc-xl);
    }

    .bagels-mega-menu .mi-mm-m-c-title.bm-alt{
        margin-bottom: 24px;
    }

    .bagels-mega-menu .mi-mm-m-c-img{
        margin-bottom: 30px;
    }

    .bagels-mega-menu .dim-main-link .mi-mm-m-c-m-m-l-title{
        font-size: var(--fs-sm);
        font-weight: 400;
        color: var(--bagels-neutral_500);
    }
    
    .bagels-mega-menu .dim-main-link .mi-mm-m-c-m-m-link:hover .mi-mm-m-c-m-m-l-title,
    .bagels-mega-menu .mi-mm-m-c-m-mi-sm-mi-link{
        color: var(--bagels-neutral_700);
    }
    
    body.bagels-dark-theme .dim-main-link .mi-mm-m-c-m-m-l-title{
        color: var(--bagels-neutral_400);
    }
    
    body.bagels-dark-theme .dim-main-link .mi-mm-m-c-m-m-link:hover .mi-mm-m-c-m-m-l-title{
        color: var(--bagels-neutral_100);
    }
    
    .bagels-mega-menu .dim-main-link .mi-mm-m-c-m-mi-sm-mi-l-title{
        font-size: var(--fs-md);
        font-weight: 800;
    }
    
    body.bagels-dark-theme .bagels-mega-menu .dim-main-link .mi-mm-m-c-m-mi-sm-mi-l-title{
        color: var(--bagels-neutral_50);
    }
    
    .bagels-mega-menu .mi-mm-m-c-descr{
        -webkit-line-clamp: 11;
    }
}

@media (min-width: 1200px) {
    .bagels-mega-menu .mi-mm-m-c-w-link{
        padding: 20px;
    }
}

@media (max-width: 991px) {
    .bagels-mega-menu .mi-mm-m-c-img{
        display: none;
    }
}