/**
 * Investor Relations Navigation
 */

.pyrum-ir-header {
	margin-bottom: var(--wp--preset--spacing--60, 3rem);
}

.pyrum-ir-subnav {
	margin-bottom: var(--wp--preset--spacing--50, 2rem);
	padding-bottom: 8px;
}

.pyrum-ir-subnav::-webkit-scrollbar {
	height: 8px;
}

.pyrum-ir-subnav::-webkit-scrollbar-track {
	background: transparent;
	margin-top: 8px;
}

.pyrum-ir-subnav::-webkit-scrollbar-thumb {
	background: var(--wp--preset--color--black, #000);
	border-radius: 4px;
}

.pyrum-ir-subnav::-webkit-scrollbar-thumb:hover {
	background: var(--wp--preset--color--primary-dark, #333);
}

.pyrum-ir-nav {
	font-size: var(--wp--preset--font-size--large, 18px);
	font-weight: 700;
	text-transform: none;
	gap: var(--wp--preset--spacing--50, 2rem);
	justify-content: space-between;
	padding-left: 0 !important;
}

.pyrum-ir-nav .wp-block-navigation__container {
	justify-content: space-between;
	width: 100%;
}

.pyrum-ir-nav .wp-block-navigation-item a {
	color: var(--wp--preset--color--black);
	text-decoration: none;
}

.pyrum-ir-nav .wp-block-navigation-item a:hover {
	color: var(--wp--preset--color--primary-dark);
	text-decoration: underline;
}

/* Active state - WordPress fügt .current-menu-item automatisch hinzu */
.pyrum-ir-nav .wp-block-navigation-item.current-menu-item a,
.pyrum-ir-nav .wp-block-navigation-item.current_page_item a,
.pyrum-ir-nav .wp-block-navigation-item.current_page_parent a,
.pyrum-ir-nav .wp-block-navigation-item.current-page-ancestor a {
	color: var(--wp--preset--color--primary-dark) !important;
	text-decoration: underline !important;
}

.pyrum-ir-separator {
	margin-top: var(--wp--preset--spacing--40, 1.5rem);
	margin-bottom: var(--wp--preset--spacing--50, 2rem);
	border-color: var(--wp--preset--color--black);
}

/* Responsive */
@media (max-width: 1080px) {
	.pyrum-ir-nav {
		overflow-x: auto;
	}

	.pyrum-ir-nav .wp-block-navigation__container {
		flex-wrap: nowrap;
		justify-content: flex-start;
	}

	.pyrum-ir-nav .wp-block-navigation-item a {
		white-space: nowrap;
	}
}

@media (max-width: 782px) {
	.pyrum-ir-separator {
		margin-top: 0;
	}

	.pyrum-ir-nav {
		font-size: var(--wp--preset--font-size--medium, 16px);
		gap: 2rem;
	}

	.pyrum-ir-nav .wp-block-navigation__container {
		padding: 1rem 0;
		flex-wrap: wrap;
		gap: 12px 24px;
	}
}