/**
 * Mega menu – layout override nad site.bundle.css
 * Šířka dropdownu, menší náhledy kategorií, vnitřní padding (bez změny fontů).
 */

@media (min-width: 992px) {
    .topgreenmenu #navbarCollapseWrapper,
    .topgreenmenu #navbarCollapse,
    .topgreenmenu .navbar-collapse {
        overflow: visible !important;
    }

    .topgreenmenu .nav-item > .dropdown-menu.menu2 {
        max-width: calc(100vw - 24px);
        box-sizing: border-box;
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .topgreenmenu .dropdown-menu.menu2 > .row {
        margin-left: 0;
        margin-right: 0;
    }

    .topgreenmenu .dropdown-menu.menu2 #ed_content,
    .topgreenmenu .dropdown-menu.menu2 #shoes_content,
    .topgreenmenu .dropdown-menu.menu2 #clothes_content,
    .topgreenmenu .dropdown-menu.menu2 #acc_content,
    .topgreenmenu .dropdown-menu.menu2 #perf_content,
    .topgreenmenu .dropdown-menu.menu2 #biof_content {
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }
}

@media (min-width: 992px) and (max-width: 1399.98px) {
    .topgreenmenu .nav-item > .dropdown-menu.menu2 {
        overflow-x: auto;
    }

    .topgreenmenu .dropdown-menu.menu2 > .row {
        --bs-gutter-x: 0.75rem;
    }

    .topgreenmenu .dropdown-menu.menu2 .menu-card > .row.d-md-flex {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: flex-start !important;
        margin-top: 0.35rem !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .topgreenmenu .dropdown-menu.menu2 .menu-card .menu-img-col {
        flex: 0 0 34px !important;
        width: 34px !important;
        max-width: 34px !important;
        min-width: 34px !important;
        margin-top: 0.35rem !important;
        padding: 0 !important;
    }

    .topgreenmenu .dropdown-menu.menu2 .menu-card .menu-img-col + [class*="col-"] {
        flex: 1 1 auto !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        margin-top: 0.35rem !important;
        padding-left: 0.5rem !important;
        padding-right: 0 !important;
    }

    .topgreenmenu .dropdown-menu.menu2 .img-thumbnail2 {
        width: 32px !important;
        max-width: 32px !important;
        height: 32px !important;
        object-fit: cover;
        display: block !important;
        float: none !important;
        margin: 0 !important;
    }

    .topgreenmenu .dropdown-menu.menu2 #ed_vendors,
    .topgreenmenu .dropdown-menu.menu2 #shoes_vendors,
    .topgreenmenu .dropdown-menu.menu2 #clothes_vendors,
    .topgreenmenu .dropdown-menu.menu2 #acc_vendors,
    .topgreenmenu .dropdown-menu.menu2 #perf_vendors {
        padding-left: 0.75rem !important;
        padding-right: 0.25rem !important;
    }
}