/**
 * Fixed Header & Navigation
 */

/* WP Adminbar auf Mobile ausblenden (kollidiert mit fixed Header) */
@media (max-width: 782px) {
	#wpadminbar {
		display: none;
	}

	html {
		margin-top: 0 !important;
	}
}

header.wp-block-template-part {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000;
	background: white;
}

/* Admin-Bar (32px) auf Desktop mitrücken, sonst überlappt der fixed Header sie */
@media (min-width: 783px) {
	.admin-bar header.wp-block-template-part {
		top: 32px;
	}
}

main {
	padding-top: 66px;

	@media (min-width: 783px) {
		padding-top: 85px;
	}
}

/* Anchor-Sprungziele (z.B. Footer-Links auf #die-technologie) unter dem fixed Header berücksichtigen */
html {
	scroll-padding-top: 90px;

	@media (min-width: 783px) {
		scroll-padding-top: 110px;
	}
}

/* Mobile Header Logo */
@media (max-width: 782px) {
	header.wp-block-template-part .wp-block-site-logo {
		width: 120px !important;
	}
}

.pyrum-header-nav {
	gap: var(--wp--preset--spacing--50, 2rem);
}

.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover {
	color: var(--wp--preset--color--primary-dark);
}

.wp-block-navigation .current-menu-item > .wp-block-navigation-item__content {
	color: var(--wp--preset--color--primary-dark);
}

@media (min-width: 783px) {
	.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover {
		text-decoration: underline;
		text-decoration-thickness: 2px;
	}
}

/* Mobile Navigation Overlay: siehe assets/css/components/navigation-overlay.css */