/* Navigation component styles extracted from components.css. */

:is(
	.sw-primary-nav,
	.sw-site-header .wp-block-navigation,
	.spielwelt-site-header .wp-block-navigation,
	header.wp-block-template-part .wp-block-navigation[aria-label="Navigation"]
) {
	--sw-nav-submenu-offset: 0.9rem;
	--sw-nav-transition: 180ms ease;
	--sw-nav-submenu-min-width: 15.625rem;
	--sw-nav-panel-radius: 1.375rem;
	--sw-nav-item-radius: 0.875rem;
	--sw-nav-trigger-inline-padding: 0.55rem;
	--sw-nav-trigger-block-padding: 0.35rem;
	color: var(--wp--preset--color--muted);
}

:is(
	.sw-primary-nav,
	.sw-site-header .wp-block-navigation,
	.spielwelt-site-header .wp-block-navigation,
	header.wp-block-template-part .wp-block-navigation[aria-label="Navigation"]
) .wp-block-navigation__container {
	align-items: center;
	gap: 1rem;
	font-family: "Nunito", var(--wp--preset--font-family--body);
}

:is(
	.sw-primary-nav,
	.sw-site-header .wp-block-navigation,
	.spielwelt-site-header .wp-block-navigation,
	header.wp-block-template-part .wp-block-navigation[aria-label="Navigation"]
) .wp-block-navigation-item {
	position: relative;
}

:is(
	.sw-primary-nav,
	.sw-site-header .wp-block-navigation,
	.spielwelt-site-header .wp-block-navigation,
	header.wp-block-template-part .wp-block-navigation[aria-label="Navigation"]
) .sw-nav-home-mobile {
	display: none;
}

/* Hide the native submenu controls once the JS enhancement has inserted the theme-owned trigger. */
:is(
	.sw-primary-nav,
	.sw-site-header .wp-block-navigation,
	.spielwelt-site-header .wp-block-navigation,
	header.wp-block-template-part .wp-block-navigation[aria-label="Navigation"]
) .sw-nav-original-link,
:is(
	.sw-primary-nav,
	.sw-site-header .wp-block-navigation,
	.spielwelt-site-header .wp-block-navigation,
	header.wp-block-template-part .wp-block-navigation[aria-label="Navigation"]
) .sw-nav-original-toggle {
	display: none !important;
}

:is(
	.sw-primary-nav,
	.sw-site-header .wp-block-navigation,
	.spielwelt-site-header .wp-block-navigation,
	header.wp-block-template-part .wp-block-navigation[aria-label="Navigation"]
) .sw-nav-trigger {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	padding: var(--sw-nav-trigger-block-padding) var(--sw-nav-trigger-inline-padding);
	border: 0;
	border-radius: 999px;
	background: transparent;
	color: var(--wp--preset--color--muted);
	font-family: "Nunito", var(--wp--preset--font-family--body);
	font-size: inherit;
	font-weight: 500;
	line-height: inherit;
	cursor: pointer;
	transition:
		background var(--sw-nav-transition),
		color var(--sw-nav-transition),
		transform var(--sw-nav-transition);
}

:is(
	.sw-primary-nav,
	.sw-site-header .wp-block-navigation,
	.spielwelt-site-header .wp-block-navigation,
	header.wp-block-template-part .wp-block-navigation[aria-label="Navigation"]
) .sw-nav-trigger:hover,
:is(
	.sw-primary-nav,
	.sw-site-header .wp-block-navigation,
	.spielwelt-site-header .wp-block-navigation,
	header.wp-block-template-part .wp-block-navigation[aria-label="Navigation"]
) .sw-nav-trigger:focus-visible {
	background: color-mix(in srgb, var(--wp--preset--color--brand-primary) 12%, white 88%);
	color: var(--wp--preset--color--brand-primary);
}

:is(
	.sw-primary-nav,
	.sw-site-header .wp-block-navigation,
	.spielwelt-site-header .wp-block-navigation,
	header.wp-block-template-part .wp-block-navigation[aria-label="Navigation"]
) .sw-nav-group.is-sw-open > .sw-nav-trigger {
	background: color-mix(in srgb, var(--wp--preset--color--brand-primary) 12%, white 88%);
	color: var(--wp--preset--color--brand-primary);
}

:is(
	.sw-primary-nav,
	.sw-site-header .wp-block-navigation,
	.spielwelt-site-header .wp-block-navigation,
	header.wp-block-template-part .wp-block-navigation[aria-label="Navigation"]
) .sw-nav-trigger-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1rem;
	font-size: 0.8em;
	transition: transform var(--sw-nav-transition);
}

:is(
	.sw-primary-nav,
	.sw-site-header .wp-block-navigation,
	.spielwelt-site-header .wp-block-navigation,
	header.wp-block-template-part .wp-block-navigation[aria-label="Navigation"]
) .sw-nav-group.is-sw-open > .sw-nav-trigger .sw-nav-trigger-icon {
	transform: rotate(180deg);
}

:is(
	.sw-primary-nav,
	.sw-site-header .wp-block-navigation,
	.spielwelt-site-header .wp-block-navigation,
	header.wp-block-template-part .wp-block-navigation[aria-label="Navigation"]
) .sw-nav-group > .wp-block-navigation__submenu-container {
	top: calc(100% + var(--sw-nav-submenu-offset));
	left: 0;
	min-width: var(--sw-nav-submenu-min-width);
	display: none;
	gap: 0.25rem;
	padding: 0.75rem;
	border: 1px solid rgba(49, 95, 67, 0.1);
	border-radius: var(--sw-nav-panel-radius);
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 248, 243, 0.96));
	box-shadow: 0 22px 44px rgba(31, 23, 13, 0.16);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(10px) scale(0.98);
	transition:
		opacity var(--sw-nav-transition),
		transform var(--sw-nav-transition),
		visibility var(--sw-nav-transition);
}

:is(
	.sw-primary-nav,
	.sw-site-header .wp-block-navigation,
	.spielwelt-site-header .wp-block-navigation,
	header.wp-block-template-part .wp-block-navigation[aria-label="Navigation"]
) .sw-nav-group > .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	display: block;
	padding: 0.85rem 1rem;
	border-radius: var(--sw-nav-item-radius);
	font-family: "Nunito", var(--wp--preset--font-family--body);
	font-weight: 400;
}

:is(
	.sw-primary-nav,
	.sw-site-header .wp-block-navigation,
	.spielwelt-site-header .wp-block-navigation,
	header.wp-block-template-part .wp-block-navigation[aria-label="Navigation"]
) .sw-nav-group > .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover,
:is(
	.sw-primary-nav,
	.sw-site-header .wp-block-navigation,
	.spielwelt-site-header .wp-block-navigation,
	header.wp-block-template-part .wp-block-navigation[aria-label="Navigation"]
) .sw-nav-group > .wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus-visible {
	background: rgba(240, 246, 241, 0.9);
	color: var(--wp--preset--color--brand-secondary);
}

:is(
	.sw-primary-nav,
	.sw-site-header .wp-block-navigation,
	.spielwelt-site-header .wp-block-navigation,
	header.wp-block-template-part .wp-block-navigation[aria-label="Navigation"]
) .sw-nav-group.is-sw-open > .wp-block-navigation__submenu-container {
	display: grid;
	height: auto;
	width: auto;
	overflow: visible;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateY(0) scale(1);
}

:is(
	.sw-primary-nav,
	.sw-site-header .wp-block-navigation,
	.spielwelt-site-header .wp-block-navigation,
	header.wp-block-template-part .wp-block-navigation[aria-label="Navigation"]
) {
	flex: 1 1 auto;
	align-items: center;
	min-width: 0;
	margin-left: auto;
}

:is(
	.sw-primary-nav,
	.sw-site-header .wp-block-navigation,
	.spielwelt-site-header .wp-block-navigation,
	header.wp-block-template-part .wp-block-navigation[aria-label="Navigation"]
) .wp-block-navigation__container,
:is(
	.sw-primary-nav,
	.sw-site-header .wp-block-navigation,
	.spielwelt-site-header .wp-block-navigation,
	header.wp-block-template-part .wp-block-navigation[aria-label="Navigation"]
) .wp-block-navigation-item__content,
:is(
	.sw-primary-nav,
	.sw-site-header .wp-block-navigation,
	.spielwelt-site-header .wp-block-navigation,
	header.wp-block-template-part .wp-block-navigation[aria-label="Navigation"]
) .sw-nav-trigger,
:is(
	.sw-primary-nav,
	.sw-site-header .wp-block-navigation,
	.spielwelt-site-header .wp-block-navigation,
	header.wp-block-template-part .wp-block-navigation[aria-label="Navigation"]
) .sw-nav-trigger-label,
:is(
	.sw-primary-nav,
	.sw-site-header .wp-block-navigation,
	.spielwelt-site-header .wp-block-navigation,
	header.wp-block-template-part .wp-block-navigation[aria-label="Navigation"]
) .wp-block-buttons,
:is(
	.sw-primary-nav,
	.sw-site-header .wp-block-navigation,
	.spielwelt-site-header .wp-block-navigation,
	header.wp-block-template-part .wp-block-navigation[aria-label="Navigation"]
) .wp-block-button,
:is(
	.sw-primary-nav,
	.sw-site-header .wp-block-navigation,
	.spielwelt-site-header .wp-block-navigation,
	header.wp-block-template-part .wp-block-navigation[aria-label="Navigation"]
) .wp-block-button__link {
	white-space: nowrap;
}

:is(
	.sw-primary-nav,
	.sw-site-header .wp-block-navigation,
	.spielwelt-site-header .wp-block-navigation,
	header.wp-block-template-part .wp-block-navigation[aria-label="Navigation"]
) .wp-block-buttons,
:is(
	.sw-primary-nav,
	.sw-site-header .wp-block-navigation,
	.spielwelt-site-header .wp-block-navigation,
	header.wp-block-template-part .wp-block-navigation[aria-label="Navigation"]
) .wp-block-button,
:is(
	.sw-primary-nav,
	.sw-site-header .wp-block-navigation,
	.spielwelt-site-header .wp-block-navigation,
	header.wp-block-template-part .wp-block-navigation[aria-label="Navigation"]
) .wp-block-button__link {
	flex-shrink: 0;
}

/* Header navigation switches early to burger mode to avoid logo/menu/CTA compression. */
@media (min-width: 961px) {
	:is(
		.sw-primary-nav,
		.sw-site-header .wp-block-navigation,
		.spielwelt-site-header .wp-block-navigation,
		header.wp-block-template-part .wp-block-navigation[aria-label="Navigation"]
	) .wp-block-navigation__responsive-container-open {
		display: none !important;
	}

	:is(
		.sw-primary-nav,
		.sw-site-header .wp-block-navigation,
		.spielwelt-site-header .wp-block-navigation,
		header.wp-block-template-part .wp-block-navigation[aria-label="Navigation"]
	) .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: block !important;
		position: relative;
		width: auto;
	}
}

@media (max-width: 960px) {
	:is(
		.sw-primary-nav,
		.sw-site-header .wp-block-navigation,
		.spielwelt-site-header .wp-block-navigation,
		header.wp-block-template-part .wp-block-navigation[aria-label="Navigation"]
	) {
		flex: 0 0 auto;
	}

	:is(
		.sw-primary-nav,
		.sw-site-header .wp-block-navigation,
		.spielwelt-site-header .wp-block-navigation,
		header.wp-block-template-part .wp-block-navigation[aria-label="Navigation"]
	) .wp-block-navigation__responsive-container-open {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		flex: 0 0 auto;
		margin-left: auto;
	}

	:is(
		.sw-primary-nav,
		.sw-site-header .wp-block-navigation,
		.spielwelt-site-header .wp-block-navigation,
		header.wp-block-template-part .wp-block-navigation[aria-label="Navigation"]
	) .wp-block-navigation__responsive-container:not(.is-menu-open):not(.hidden-by-default) {
		/* Core Navigation reverts to inline mode above 600px, so this override forces the safer burger swap earlier. */
		display: none !important;
	}

	:is(
		.sw-primary-nav,
		.sw-site-header .wp-block-navigation,
		.spielwelt-site-header .wp-block-navigation,
		header.wp-block-template-part .wp-block-navigation[aria-label="Navigation"]
	) .wp-block-navigation__responsive-container.is-menu-open {
		padding: 0;
		background: rgba(255, 255, 255, 0.985);
	}

	:is(
		.sw-primary-nav,
		.sw-site-header .wp-block-navigation,
		.spielwelt-site-header .wp-block-navigation,
		header.wp-block-template-part .wp-block-navigation[aria-label="Navigation"]
	) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog {
		position: relative;
		min-height: 100vh;
		padding: 1.1rem 1.75rem 2.5rem;
		background:
			radial-gradient(circle at 18% 10%, rgba(13, 111, 109, 0.06), transparent 22%),
			radial-gradient(circle at 82% 16%, rgba(180, 95, 66, 0.05), transparent 18%),
			linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(249, 251, 250, 0.99));
	}

	:is(
		.sw-primary-nav,
		.sw-site-header .wp-block-navigation,
		.spielwelt-site-header .wp-block-navigation,
		header.wp-block-template-part .wp-block-navigation[aria-label="Navigation"]
	) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close {
		position: absolute;
		top: 0.55rem;
		right: 0.55rem;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 3rem;
		height: 3rem;
		padding: 0;
		border: 0;
		border-radius: 999px;
		background: transparent;
		color: var(--wp--preset--color--muted);
	}

	:is(
		.sw-primary-nav,
		.sw-site-header .wp-block-navigation,
		.spielwelt-site-header .wp-block-navigation,
		header.wp-block-template-part .wp-block-navigation[aria-label="Navigation"]
	) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close:hover,
	:is(
		.sw-primary-nav,
		.sw-site-header .wp-block-navigation,
		.spielwelt-site-header .wp-block-navigation,
		header.wp-block-template-part .wp-block-navigation[aria-label="Navigation"]
	) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close:focus-visible {
		background: rgba(31, 36, 31, 0.06);
		color: var(--wp--preset--color--ink);
	}

	:is(
		.sw-primary-nav,
		.sw-site-header .wp-block-navigation,
		.spielwelt-site-header .wp-block-navigation,
		header.wp-block-template-part .wp-block-navigation[aria-label="Navigation"]
	) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
		display: grid;
		justify-items: center;
		align-content: start;
		row-gap: 1.1rem;
		padding-top: 3.5rem;
	}

	:is(
		.sw-primary-nav,
		.sw-site-header .wp-block-navigation,
		.spielwelt-site-header .wp-block-navigation,
		header.wp-block-template-part .wp-block-navigation[aria-label="Navigation"]
	) .wp-block-navigation__responsive-container.is-menu-open .sw-nav-home-mobile {
		display: block;
	}

	:is(
		.sw-primary-nav,
		.sw-site-header .wp-block-navigation,
		.spielwelt-site-header .wp-block-navigation,
		header.wp-block-template-part .wp-block-navigation[aria-label="Navigation"]
	) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
		display: grid;
		width: 100%;
		gap: 0.8rem;
		justify-items: stretch;
		align-items: stretch;
	}

	:is(
		.sw-primary-nav,
		.sw-site-header .wp-block-navigation,
		.spielwelt-site-header .wp-block-navigation,
		header.wp-block-template-part .wp-block-navigation[aria-label="Navigation"]
	) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item {
		display: block;
		width: 100%;
	}

	:is(
		.sw-primary-nav,
		.sw-site-header .wp-block-navigation,
		.spielwelt-site-header .wp-block-navigation,
		header.wp-block-template-part .wp-block-navigation[aria-label="Navigation"]
	) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item > .wp-block-navigation-item__content {
		display: block;
		width: 100%;
		padding: 0.8rem 1.1rem;
		border-radius: 1.1rem;
		font-size: clamp(1.5rem, 4.6vw, 1.8rem);
		font-weight: 500;
		line-height: 1.18;
		text-align: left;
		color: color-mix(in srgb, var(--wp--preset--color--ink) 72%, var(--wp--preset--color--muted) 28%);
	}

	:is(
		.sw-primary-nav,
		.sw-site-header .wp-block-navigation,
		.spielwelt-site-header .wp-block-navigation,
		header.wp-block-template-part .wp-block-navigation[aria-label="Navigation"]
	) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item > .wp-block-navigation-item__content:hover,
	:is(
		.sw-primary-nav,
		.sw-site-header .wp-block-navigation,
		.spielwelt-site-header .wp-block-navigation,
		header.wp-block-template-part .wp-block-navigation[aria-label="Navigation"]
	) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item > .wp-block-navigation-item__content:focus-visible {
		background: color-mix(in srgb, var(--wp--preset--color--brand-primary) 8%, white 92%);
		color: color-mix(in srgb, var(--wp--preset--color--ink) 78%, var(--wp--preset--color--muted) 22%);
	}

	:is(
		.sw-primary-nav,
		.sw-site-header .wp-block-navigation,
		.spielwelt-site-header .wp-block-navigation,
		header.wp-block-template-part .wp-block-navigation[aria-label="Navigation"]
	) .wp-block-navigation__responsive-container.is-menu-open .sw-nav-group {
		width: 100%;
	}

	:is(
		.sw-primary-nav,
		.sw-site-header .wp-block-navigation,
		.spielwelt-site-header .wp-block-navigation,
		header.wp-block-template-part .wp-block-navigation[aria-label="Navigation"]
	) .wp-block-navigation__responsive-container.is-menu-open .sw-nav-trigger {
		width: 100%;
		justify-content: space-between;
		gap: 0.5rem;
		padding: 0.8rem 1.1rem;
		border-radius: 1.1rem;
		font-size: clamp(1.5rem, 4.6vw, 1.8rem);
		font-weight: 500;
		line-height: 1.18;
		text-align: left;
	}

	:is(
		.sw-primary-nav,
		.sw-site-header .wp-block-navigation,
		.spielwelt-site-header .wp-block-navigation,
		header.wp-block-template-part .wp-block-navigation[aria-label="Navigation"]
	) .wp-block-navigation__responsive-container.is-menu-open .sw-nav-group > .wp-block-navigation__submenu-container {
		position: static;
		min-width: 0;
		width: 100%;
		margin: 0.1rem 0 0.65rem;
		padding: 0.25rem 0 0.35rem;
		border: 0;
		border-radius: 0;
		box-shadow: none;
		background: transparent;
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transform: none;
		display: none;
	}

	:is(
		.sw-primary-nav,
		.sw-site-header .wp-block-navigation,
		.spielwelt-site-header .wp-block-navigation,
		header.wp-block-template-part .wp-block-navigation[aria-label="Navigation"]
	) .wp-block-navigation__responsive-container.is-menu-open .sw-nav-group.is-sw-open > .wp-block-navigation__submenu-container {
		display: grid;
		gap: 0.35rem;
	}

	:is(
		.sw-primary-nav,
		.sw-site-header .wp-block-navigation,
		.spielwelt-site-header .wp-block-navigation,
		header.wp-block-template-part .wp-block-navigation[aria-label="Navigation"]
	) .wp-block-navigation__responsive-container.is-menu-open .sw-nav-group > .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
		padding: 0.8rem 1.1rem;
		color: var(--wp--preset--color--muted);
		text-align: left;
		font-size: clamp(1.02rem, 3.4vw, 1.2rem);
		font-weight: 400;
		line-height: 1.35;
	}

	:is(
		.sw-primary-nav,
		.sw-site-header .wp-block-navigation,
		.spielwelt-site-header .wp-block-navigation,
		header.wp-block-template-part .wp-block-navigation[aria-label="Navigation"]
	) .wp-block-navigation__responsive-container.is-menu-open .sw-nav-group > .wp-block-navigation__submenu-container .sw-nav-parent-link .wp-block-navigation-item__content {
		padding-top: 0.65rem;
		font-weight: 500;
		color: color-mix(in srgb, var(--wp--preset--color--ink) 78%, var(--wp--preset--color--muted) 22%);
	}

	:is(
		.sw-primary-nav,
		.sw-site-header .wp-block-navigation,
		.spielwelt-site-header .wp-block-navigation,
		header.wp-block-template-part .wp-block-navigation[aria-label="Navigation"]
	) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-buttons {
		margin-top: 0.85rem;
		justify-content: center;
	}

	:is(
		.sw-primary-nav,
		.sw-site-header .wp-block-navigation,
		.spielwelt-site-header .wp-block-navigation,
		header.wp-block-template-part .wp-block-navigation[aria-label="Navigation"]
	) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-button {
		width: auto;
	}

	:is(
		.sw-primary-nav,
		.sw-site-header .wp-block-navigation,
		.spielwelt-site-header .wp-block-navigation,
		header.wp-block-template-part .wp-block-navigation[aria-label="Navigation"]
	) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-button__link {
		min-width: 11.5rem;
		padding: 1rem 1.5rem;
		border-radius: 1.25rem;
		font-size: 1.2rem;
		font-weight: 800;
		line-height: 1.1;
	}
}