/*
 * Persistent Projects dropline (desktop only).
 * On single projects and the projects archive, the Projects sub-menu bar
 * stays open under the header; the current project is highlighted.
 * Mobile/tablet (<= 1200px) menu behaviour is untouched.
 */
@media (min-width: 1201px) {
	body.single-project .fl-builder-content[data-type="header"] .fl-module-menu .menu > li.fl-has-submenu > .sub-menu,
	body.post-type-archive-project .fl-builder-content[data-type="header"] .fl-module-menu .menu > li.fl-has-submenu > .sub-menu {
		visibility: visible;
		opacity: 1;
		transform: none;
		transition-delay: 0s;
	}

	/* reserve room so the bar doesn't cover the page content */
	body.single-project .fl-builder-content[data-type="header"],
	body.post-type-archive-project .fl-builder-content[data-type="header"] {
		margin-bottom: var(--korona-dropline-h, 3.5625rem);
	}

	/* keep the Projects top-level link underlined as the active section */
	body.single-project .fl-builder-content[data-type="header"] .fl-module-menu .menu > li.fl-has-submenu > .fl-has-submenu-container > a,
	body.post-type-archive-project .fl-builder-content[data-type="header"] .fl-module-menu .menu > li.fl-has-submenu > .fl-has-submenu-container > a {
		text-decoration-line: underline;
		text-decoration-thickness: 1px;
		text-decoration-color: currentColor;
		text-underline-offset: 0.4em;
	}

	/* current project in the bar: cream pill with teal text */
	body.single-project .fl-builder-content[data-type="header"] .fl-module-menu .menu > li.fl-has-submenu > .sub-menu > li.current-menu-item > a {
		color: var(--ds-color-teal, #2E545F);
		background-color: var(--ds-color-grey-light, #E4E7E1);
		text-decoration-color: transparent;
	}
}