/**
 * TM Custom - CSS pro podmenu otevírající se směrem nahoru
 *
 * @package TM_Custom
 * @since 1.0.0
 */

/* Základní styly pro podmenu otevírající se nahoru */
.wp-block-navigation .is-style-submenu-up .wp-block-navigation__submenu-container,
.wp-block-navigation .is-style-submenu-up.wp-block-navigation-item .wp-block-navigation__submenu-container,
.wp-block-navigation.is-style-submenu-up .wp-block-navigation__submenu-container {
    top: auto !important;
    bottom: 100% !important;
    left: 0 !important;
    right: auto !important;
    transform-origin: bottom center !important;
}

/* Animace pro podmenu otevírající se nahoru */
.wp-block-navigation .is-style-submenu-up .wp-block-navigation__submenu-container,
.wp-block-navigation .is-style-submenu-up.wp-block-navigation-item .wp-block-navigation__submenu-container,
.wp-block-navigation.is-style-submenu-up .wp-block-navigation__submenu-container {
    animation: submenuUp 0.2s ease-out !important;
}

@keyframes submenuUp {
    0% {
        opacity: 0;
        transform: translateY(10px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Šipka pro podmenu otevírající se nahoru */
.wp-block-navigation .is-style-submenu-up > .wp-block-navigation-item__content > .wp-block-navigation__submenu-icon,
.wp-block-navigation .is-style-submenu-up.wp-block-navigation-item > .wp-block-navigation-item__content > .wp-block-navigation__submenu-icon,
.wp-block-navigation.is-style-submenu-up .wp-block-navigation-item > .wp-block-navigation-item__content > .wp-block-navigation__submenu-icon {
    transform: rotate(180deg) !important;
}

/* Zajištění, že podmenu je nad ostatními prvky */
.wp-block-navigation .is-style-submenu-up .wp-block-navigation__submenu-container,
.wp-block-navigation .is-style-submenu-up.wp-block-navigation-item .wp-block-navigation__submenu-container,
.wp-block-navigation.is-style-submenu-up .wp-block-navigation__submenu-container {
    z-index: 999 !important;
}

/* Zajištění, že podmenu má správný padding */
.wp-block-navigation .is-style-submenu-up .wp-block-navigation__submenu-container,
.wp-block-navigation .is-style-submenu-up.wp-block-navigation-item .wp-block-navigation__submenu-container,
.wp-block-navigation.is-style-submenu-up .wp-block-navigation__submenu-container {
    padding-top: 0 !important;
    padding-bottom: 10px !important;
}

/* Zajištění, že podmenu má správný margin */
.wp-block-navigation .is-style-submenu-up .wp-block-navigation__submenu-container,
.wp-block-navigation .is-style-submenu-up.wp-block-navigation-item .wp-block-navigation__submenu-container,
.wp-block-navigation.is-style-submenu-up .wp-block-navigation__submenu-container {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Zajištění, že podmenu má správný border-radius */
.wp-block-navigation .is-style-submenu-up .wp-block-navigation__submenu-container,
.wp-block-navigation .is-style-submenu-up.wp-block-navigation-item .wp-block-navigation__submenu-container,
.wp-block-navigation.is-style-submenu-up .wp-block-navigation__submenu-container {
    border-radius: 5px 5px 0 0 !important;
}

/* Zajištění, že podmenu má správný box-shadow */
.wp-block-navigation .is-style-submenu-up .wp-block-navigation__submenu-container,
.wp-block-navigation .is-style-submenu-up.wp-block-navigation-item .wp-block-navigation__submenu-container,
.wp-block-navigation.is-style-submenu-up .wp-block-navigation__submenu-container {
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1) !important;
}

/* Mobilní zobrazení - vypnutí stylu podmenu otevírajícího se nahoru */
@media (max-width: 781.98px) {
    .wp-block-navigation .is-style-submenu-up .wp-block-navigation__submenu-container,
    .wp-block-navigation .is-style-submenu-up.wp-block-navigation-item .wp-block-navigation__submenu-container,
    .wp-block-navigation.is-style-submenu-up .wp-block-navigation__submenu-container {
        top: 0 !important;
        bottom: auto !important;
        left: 0 !important;
        right: auto !important;
        position: relative !important;
        box-shadow: none !important;
        animation: none !important;
        border-radius: 0 !important;
        padding: 0 0 0 20px !important;
    }

    .wp-block-navigation .is-style-submenu-up > .wp-block-navigation-item__content > .wp-block-navigation__submenu-icon,
    .wp-block-navigation .is-style-submenu-up.wp-block-navigation-item > .wp-block-navigation-item__content > .wp-block-navigation__submenu-icon,
    .wp-block-navigation.is-style-submenu-up .wp-block-navigation-item > .wp-block-navigation-item__content > .wp-block-navigation__submenu-icon {
        transform: rotate(0deg) !important;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child.is-open.is-style-submenu-up > .wp-block-navigation-item__content > .wp-block-navigation__submenu-icon,
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child.is-open > .wp-block-navigation-item__content > .wp-block-navigation__submenu-icon {
        transform: rotate(180deg) !important;
    }
}
.gs-submenu-up .wp-block-navigation__submenu-container{
    background-color: #233f63!important;
    color: white!important;
    
}