/* ==========================================================
   Mobile menu (navigation overlay, < 600px)
   Left-aligned list, big tap targets, submenus as indented
   groups instead of floating desktop dropdown cards.
   ========================================================== */

/* Hamburger button */
.site-header .wp-block-navigation__responsive-container-open {
	width: 44px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--line);
	border-radius: 10px;
	background: var(--paper);
	color: var(--blue);
}
.site-header .wp-block-navigation__responsive-container-open svg { width: 26px; height: 26px; }

/* Overlay panel */
.site-header .wp-block-navigation__responsive-container.is-menu-open {
	background: #fff !important;
	color: var(--ink) !important;
	padding: 1rem 1.25rem 2rem !important;
}
.site-header .is-menu-open .wp-block-navigation__responsive-dialog { position: relative; }

/* "Meniu" heading row, close button sits on the same line */
.site-header .is-menu-open .wp-block-navigation__responsive-dialog::before {
	content: "Meniu";
	display: block;
	font-family: var(--wp--preset--font-family--literata);
	font-weight: 700;
	font-size: 1.3rem;
	line-height: 44px;
	color: var(--blue);
	padding-bottom: .6rem;
	border-bottom: 2px solid var(--gold);
}
.site-header .is-menu-open .wp-block-navigation__responsive-container-close {
	position: absolute;
	top: 0 !important;
	right: 0 !important;
	width: 44px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	background: var(--paper);
	color: var(--blue);
}
.site-header .is-menu-open .wp-block-navigation__responsive-container-close svg { width: 26px; height: 26px; }

/* List layout: full width, left aligned, no flex gaps */
.site-header .is-menu-open .wp-block-navigation__responsive-container-content {
	padding-top: .25rem !important;
	align-items: stretch !important;
}
.site-header .is-menu-open .wp-block-navigation__container,
.site-header .is-menu-open .wp-block-navigation__submenu-container {
	align-items: stretch !important;
	gap: 0 !important;
	width: 100%;
}
.site-header .is-menu-open .wp-block-navigation-item {
	align-items: stretch !important;
	width: 100%;
	text-align: left;
}

/* Top-level items */
.site-header .is-menu-open .wp-block-navigation__container > .wp-block-navigation-item {
	border-bottom: 1px solid var(--line);
}
.site-header .is-menu-open .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content {
	display: block;
	padding: .9rem .75rem !important;
	font-size: 1.15rem;
	font-weight: 600;
	color: var(--ink);
	border-bottom: 0;
	border-radius: 8px;
}

/* Submenus: indented group with a soft accent rail, no card */
.site-header .is-menu-open .wp-block-navigation__submenu-container {
	border: 0 !important;
	border-left: 2px solid var(--gold-soft) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	background: transparent !important;
	min-width: 0 !important;
	margin: -.35rem 0 .8rem .75rem !important;
	padding: 0 !important;
}
.site-header .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	display: block;
	padding: .6rem .9rem !important;
	font-size: 1.02rem;
	font-weight: 400;
	color: var(--muted);
	border-bottom: 0;
	border-radius: 0 8px 8px 0;
}
.site-header .is-menu-open .wp-block-navigation__submenu-icon { display: none; }

/* Current page: tinted row with accent bar instead of underline */
.site-header .is-menu-open .current-menu-item > .wp-block-navigation-item__content {
	background: var(--paper);
	color: var(--blue) !important;
	box-shadow: inset 4px 0 0 var(--gold);
}

/* Tap feedback */
.site-header .is-menu-open .wp-block-navigation-item__content:active { background: var(--paper); }

/* Softer focus ring inside the overlay (still visible for keyboard users) */
.site-header .is-menu-open .wp-block-navigation-item__content:focus-visible {
	outline: 2px solid var(--gold);
	outline-offset: -2px;
}
.site-header .is-menu-open .wp-block-navigation-item__content:focus:not(:focus-visible) { outline: none; }