/*
Theme Name: Norules Master Theme - Child
Author: Jens Reichert
Author URI: https://www.norules-webdesign.de
Version: 1.0
Template: nrWpOOP
*/

/* Desktop-Menü: eleganter Chevron-Toggle neben dem Link */
.navigation .desktop li.menu-item-has-children {
	position: relative;
}

.navigation .desktop li.menu-item-has-children > a {
	display: inline-flex;
	align-items: center;
}

.navigation .desktop li.menu-item-has-children > .submenu-toggle {
	background: none;
	border: 0;
	padding: 0;
	margin-left: 8px;
	width: 1em;
	height: 1em;
	line-height: 1;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: inherit;
}

/* Chevron via borders */
.navigation .desktop li.menu-item-has-children > .submenu-toggle::before {
	content: '';
	display: block;
	width: 0.55em;
	height: 0.55em;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg);
	transition: transform 150ms ease;
}

.navigation .desktop li.menu-item-has-children.submenu-open > .submenu-toggle::before {
	transform: rotate(-135deg);
}

/* Optional: optisch zurückhaltender Fokusrahmen für bessere A11y */
.navigation .desktop li.menu-item-has-children > .submenu-toggle:focus {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

/* Screen-reader-only Utility (falls Toggle unsichtbar sein soll) */
.sr-only {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 1px, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}