@use "../tools/mixins";

/*-------------------------------------------------------
Header (default)
-------------------------------------------------------*/

.header__inner {
	--wp--preset--spacing--10: clamp(0.5rem, 0.625vw + 0.375rem, 1.125rem);

	> .wp-block-group {

		@include mixins.media("break-large", max) {
			grid-template-columns: repeat(2, minmax(0, auto));
		}
	}

	.wp-block-navigation {

		.wp-block-navigation__container {
			line-height: 3rem;

			> .wp-block-navigation-item {

				&:nth-last-child(1 of .wp-block-navigation-item) {

					@include mixins.media("break-large") {
						margin-left: auto;
					}
				}
			}
		}
	}

	// Header with contrast links
	&.has-contrast-links {
		color: var(--wp--preset--color--base);

		a {
			color: var(--wp--preset--color--base);
		}
	}

	// Header with white links
	&.has-white-links {
		color: var(--wp--preset--color--white);

		a {
			color: var(--wp--preset--color--white);
		}
	}
}

/*-------------------------------------------------------
Header (default, fixed)
-------------------------------------------------------*/

.header--fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;

	body.admin-bar & {
		top: 46px;

		@media only screen and (min-width: 783px) {
			top: 32px;
		}
	}
}
