/**
 * TM Custom - CSS pro vylepšení chování podmenu na mobilních zařízeních
 * Tento soubor přidává vizuální indikaci, že celá položka menu je klikatelná
 *
 * @package TM_Custom
 * @since 1.0.0
 */

/* Pouze pro mobilní zobrazení */
@media (max-width: 781.98px) {
    /* Vizuální indikace, že celá položka je klikatelná */
    .wp-block-navigation__responsive-container.is-menu-open .tm-clickable-parent > .wp-block-navigation-item__content {
        cursor: pointer !important;
        position: relative !important;
        z-index: 10 !important;
        transition: background-color 0.2s ease !important;
    }

    /* Zvýraznění položky při hover */
    .wp-block-navigation__responsive-container.is-menu-open .tm-clickable-parent:hover > .wp-block-navigation-item__content,
    .wp-block-navigation__responsive-container.is-menu-open .tm-clickable-parent:focus-within > .wp-block-navigation-item__content {
        background-color: rgba(0, 0, 0, 0.05) !important;
    }

    /* Zvýraznění šipky, aby bylo jasné, že celá položka otevírá podmenu */
    .wp-block-navigation__responsive-container.is-menu-open .tm-clickable-parent > .wp-block-navigation-item__content > .wp-block-navigation__submenu-icon {
        opacity: 0.8 !important;
        transition: opacity 0.2s ease, transform 0.2s ease !important;
        margin-left: 5px !important;
    }

    .wp-block-navigation__responsive-container.is-menu-open .tm-clickable-parent:hover > .wp-block-navigation-item__content > .wp-block-navigation__submenu-icon,
    .wp-block-navigation__responsive-container.is-menu-open .tm-clickable-parent:focus-within > .wp-block-navigation-item__content > .wp-block-navigation__submenu-icon {
        opacity: 1 !important;
        transform: scale(1.1) !important;
    }

    /* Zajištění, že šipka je viditelná a klikatelná */
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-icon {
        display: inline-block !important;
        pointer-events: auto !important;
    }

    /* Přidání vizuální indikace, že celá položka je klikatelná */
    .wp-block-navigation__responsive-container.is-menu-open .tm-clickable-parent > .wp-block-navigation-item__content::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: transparent;
        z-index: -1;
        transition: background-color 0.2s ease;
    }

    /* Zvýraznění položky při hover */
    .wp-block-navigation__responsive-container.is-menu-open .tm-clickable-parent:hover > .wp-block-navigation-item__content::after,
    .wp-block-navigation__responsive-container.is-menu-open .tm-clickable-parent:focus-within > .wp-block-navigation-item__content::after {
        background-color: rgba(0, 0, 0, 0.02);
    }

    /* Zajištění, že šipka je viditelná a klikatelná */
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-icon {
        display: inline-block !important;
        pointer-events: auto !important;
    }

    /* Zajištění, že šipka se otáčí při otevření podmenu - používá standardní WordPress chování */
    .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;
    }
}