/* iKulecnik Apollo v2 – konstrukční pravidla po odstranění starého screen.css */

@media (min-width: 768px) {
    #header #navigation {
        overflow: visible !important;
    }

    #header #navigation .navigation-in {
        position: relative;
        display: flex !important;
        align-items: stretch;
        height: 52px !important;
    }

    #header #navigation .nav-submenu-box {
        position: relative;
        flex: 0 0 auto;
        height: 52px !important;
    }

    #header #navigation .categories-btn {
        display: flex;
        align-items: center;
        gap: 9px;
        padding: 0 18px !important;
        font-size: 13px;
        font-weight: 800;
        text-transform: uppercase;
        cursor: pointer;
    }

    #header #navigation .categories-btn img {
        width: 20px;
        height: 20px;
        margin: 0 !important;
        filter: brightness(0) invert(1);
    }

    #header #navigation .nav-submenu-wrap {
        position: absolute;
        top: 52px;
        left: 0;
        z-index: 1001;
        display: none;
        width: min(1185px, calc(100vw - 80px));
        max-height: calc(100vh - 190px);
        overflow: auto;
        padding: 18px 22px;
        background: #fff;
        border: 1px solid #dce4f2;
        border-radius: 0 0 18px 18px;
        box-shadow: 0 24px 50px rgba(5, 40, 119, 0.16);
    }

    #header #navigation .nav-submenu-box:hover .nav-submenu-wrap {
        display: block;
    }

    #header #navigation .top-navigation-menu {
        display: block !important;
        flex: 1 1 auto;
        width: auto !important;
        min-width: 0;
        height: 52px !important;
    }

    #header #navigation .top-navigation-bar-menu {
        display: flex !important;
        width: 100%;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden;
    }

    #header #navigation .top-navigation-bar-menu > li {
        flex: 1 1 auto;
        min-width: 0;
    }

    #header #navigation .top-navigation-bar-menu > li > a {
        justify-content: center;
        width: 100%;
    }

    #header #navigation .top-navigation-menu-trigger {
        top: 17px;
    }
}