/* BATES Laravel 0.15.16 – plynulý prechod z položky Služby do desktopového megamenu. */

@media (min-width: 901px) {
    /*
     * Pôvodný panel sa pri otvorení animoval z translateY(10px).
     * Počas prvých milisekúnd tak vznikla medzi odkazom a panelom mŕtva zóna.
     * Panel sa teraz otvára bez vertikálneho posunu.
     */
    .site-header-centered .nav-mega-menu {
        top: calc(100% - 3px) !important;
        transform: translate(-50%, 0) !important;
        transition: opacity .16s ease, visibility .16s ease !important;
    }

    .site-header-centered .nav-services:hover .nav-mega-menu,
    .site-header-centered .nav-services:focus-within .nav-mega-menu {
        transform: translate(-50%, 0) !important;
    }

    /*
     * Transparentný koridor je súčasťou odkazu Služby, a teda udržiava
     * :hover na rodičovi aj počas presunu kurzora do megamenu.
     * Megamenu má z-index 40, preto zostáva nad týmto koridorom klikateľné.
     */
    .site-header-centered .nav-side .nav-services > a {
        position: relative;
    }

    .site-header-centered .nav-side .nav-services > a::before {
        content: "";
        position: absolute;
        top: calc(100% - 2px);
        left: -18px;
        z-index: 39;
        width: calc(100% + 36px);
        height: 22px;
        background: transparent;
        pointer-events: auto;
    }
}