/* 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 / 10;
    border-radius: 16px;
}

@media (min-width: 992px) {
    .bagels-mega-menu .mi-mm-m-c-w-link,
    .bagels-mega-menu .mi-mm-m-c-w-l-text-block-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,
    .bagels-mega-menu .mi-mm-m-c-w-l-text-block-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,
    body.bagels-dark-theme .bagels-mega-menu .mi-mm-m-c-w-l-text-block-link {
        /* background-color: var(--bagels-neutral_800); */
    }

    body.bagels-dark-theme .bagels-mega-menu .mi-mm-m-c-w-link:hover,
    body.bagels-dark-theme
        .bagels-mega-menu
        .mi-mm-m-c-w-l-text-block-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,
    .bagels-mega-menu .mi-mm-m-c-w-l-text-block-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); */
        color: var(--bagels-dark);
    }

    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,
    .bagels-mega-menu .mi-mm-m-c-w-l-text-block-link {
        padding: 20px;
    }
}

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