/* =============================================================================
   MENU MOBILNE — zwijane submenu (fix zachowania rdzenia WP)
   -----------------------------------------------------------------------------
   PRZYCZYNA: w rdzeniu (navigation/view.js) getter isSubmenuOpen zwraca:
     Object.values(ctx.overlayOpenedBy||{}).filter(Boolean).length > 0 || state.isMenuOpen
   Przycisk podmenu ma data-wp-bind--aria-expanded="state.isSubmenuOpen", więc po
   otwarciu hamburgera KAŻDE submenu dostaje aria-expanded="true" i nie da się go
   zwinąć — a to właśnie ten atrybut steruje widocznością submenu ORAZ obrotem
   strzałki (navigation/style.css:
     .wp-block-navigation-submenu__toggle[aria-expanded="true"]
       + .wp-block-navigation__submenu-icon > svg { transform: rotate(180deg) }
   — przez co strzałka w overlayu była obrócona na stałe).

   ROZWIĄZANIE: własny stan w atrybucie data-dnt-sub na <li class="has-child">,
   przełączany przez dentart-mobile-submenu.js. Tu tylko warstwa wizualna —
   łącznie z wyzerowaniem obrotu svg z rdzenia i sterowaniem nim z data-dnt-sub.

   ZAKRES: do 991.98px — tam motyw zwija nawigację do hamburgera
   (base-block/style.css, sekcja „Mobile navigation breakpoint → 992px”).
   Reguuły układu w base-block kończą się na 781.98px, więc poniżej domykamy
   też zakres 782–992px.

   MARKUP (menu w .wp-block-navigation__overlay-container, tryb „otwieraj po
   kliknięciu”): <li.has-child> = <button.submenu__toggle> + <span.submenu-icon>
   + <ul.submenu-container>. Strzałka jest osobnym spanem, nie ikoną w przycisku.
   ============================================================================= */
@media (max-width: 991.98px) {

	/* Pozycja z dzieckiem: etykieta + strzałka w jednym wierszu (pełna
	   szerokość, żeby strzałka trzymała się prawej krawędzi niezależnie od
	   tego, czy submenu jest rozwinięte), submenu łamie wiersz pod spodem. */
	.wp-block-navigation__responsive-container.is-menu-open
		.wp-block-navigation-item.has-child {
		display: flex !important;
		flex-wrap: wrap !important;
		align-items: center !important;
		position: static !important;
		width: 100% !important;
	}

	/* Strzałka — dosunięta do prawej, w tej samej linii co etykieta.
	   Powiększony obszar dotknięcia, bo to ona (obok etykiety) przełącza submenu. */
	.wp-block-navigation__responsive-container.is-menu-open
		.wp-block-navigation-item.has-child
		> .wp-block-navigation__submenu-icon {
		display: flex !important;
		align-items: center !important;
		justify-content: center;
		flex: 0 0 auto !important;
		margin-left: auto !important;
		position: static !important;
		order: 1 !important;
		min-width: 44px;
		min-height: 44px;
		cursor: pointer;
	}

	/* Submenu: pełna szerokość, w normalnym przepływie (rozpycha listę). */
	.wp-block-navigation__responsive-container.is-menu-open
		.wp-block-navigation-item.has-child
		> .wp-block-navigation__submenu-container {
		flex-basis: 100% !important;
		width: 100% !important;
		order: 2 !important;
		position: static !important;
	}

	/* WŁAŚCIWY FIX: zwinięte submenu znika z układu.
	   display:none jest konieczne — rdzeń trzyma aria-expanded="true", więc
	   visibility/opacity zostają na „widoczne”, a bez display element dalej
	   zajmowałby miejsce w kolumnie menu. */
	.wp-block-navigation__responsive-container.is-menu-open
		.wp-block-navigation-item.has-child[data-dnt-sub="closed"]
		> .wp-block-navigation__submenu-container {
		display: none !important;
	}

	/* STRZAŁKA — kierunek.
	   Bazowy svg to szewron w dół („rozwiń”). Rdzeń obraca go o 180° przy
	   aria-expanded="true", a ten atrybut jest w overlayu na stałe prawdziwy —
	   dlatego zerujemy regułę rdzenia i obracamy wyłącznie według data-dnt-sub. */
	.wp-block-navigation__responsive-container.is-menu-open
		.wp-block-navigation-item.has-child
		> .wp-block-navigation__submenu-icon > svg {
		transform: none !important;
		transition: transform 0.2s ease;
	}

	.wp-block-navigation__responsive-container.is-menu-open
		.wp-block-navigation-item.has-child[data-dnt-sub="open"]
		> .wp-block-navigation__submenu-icon > svg {
		transform: rotate(180deg) !important;
	}
}