/*
 * nav-menu.css
 * styly pro hlavni menu (wp-block-navigation) inspirovane starou sablonou itvkostce
 * selektory pouzivej v TT5 sablone — prefixuj podle kontejneru kde menu vlozis
 * napr. .aoc-header .wp-block-navigation { ... }
 */

/* =====================================================
   DESKTOP (min-width: 782px)
   ===================================================== */

@media only screen and (min-width: 782px) {

    /* polozky horizontalne */
    .aoc-header .wp-block-navigation__container {
        display: flex;
        flex-direction: row;
        gap: 0;
    }

    .aoc-header .wp-block-navigation-item {
        list-style: none;
        display: inline-block;
        padding: 0 5px;
    }

    .aoc-header .wp-block-navigation-item:last-child {
        padding-right: 0;
    }

    /* odkaz — podtrzeni pri hoveru jako border-bottom */
    .aoc-header .wp-block-navigation-item__content {
        display: block;
        padding: 1px 0 3px;
        border-bottom: 2px solid transparent;
        text-decoration: none;
        transition: border-bottom-color 0.2s;
    }

    .aoc-header .wp-block-navigation-item__content:hover,
    .aoc-header .wp-block-navigation-item__content:focus {
        border-bottom-color: currentColor;
    }

}

/* =====================================================
   MOBILE (max-width: 781px)
   ===================================================== */

@media only screen and (max-width: 781px) {

    /* rozbalene menu — polozky pod sebou */
    .aoc-header .wp-block-navigation__container {
        display: flex;
        flex-direction: column;
    }

    .aoc-header .wp-block-navigation-item {
        margin: 0;
        padding: 0 10px;
    }

    /* odkaz — oddelovac mezi polozkami */
    .aoc-header .wp-block-navigation-item__content {
        display: block;
        padding: 4px;
        text-align: right;
        border-bottom: 1px solid;
        text-decoration: none;
        white-space: nowrap;
    }

    .aoc-header .wp-block-navigation-item:last-child .wp-block-navigation-item__content {
        border-bottom: 0;
        padding-bottom: 7px;
    }

}