/* assets/css/navigation.css */

@media (max-width: 599px) {

  /* overlay panel */
  .meta-header-nav .wp-block-navigation__responsive-container.is-menu-open{
    background: var(--wp--preset--color--primary);
    /* z-index deluje samo, če ima element position (WP ga običajno že ima) */
    z-index: 99999;
  }

  /* padding inside overlay */
  .meta-header-nav
  .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__responsive-container-content{
    padding: 1.25rem;
  }

  /* ensure gap works */
  .meta-header-nav
  .wp-block-navigation__responsive-container-content
  .wp-block-navigation__container{
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }

  /* burger + close hit area */
  .meta-header-nav .wp-block-navigation__responsive-container-open,
  .meta-header-nav .wp-block-navigation__responsive-container-close{
    padding: .75rem;
  }
}