@layer components {
	.rlc-header {
		position: fixed;
		inset-block-start: 0;
		inset-inline-start: 0;
		inline-size: 100%;
		z-index: var(--z-header);
	}
	body.admin-bar .rlc-header {
		inset-block-start: 32px;
	}

	.rlc-header-inner {
		display: flex;
		align-items: center;
		justify-content: space-between;
		inline-size: 100%;
		gap: var(--space-xxs);
	}

	.rlc-header-left,
	.rlc-header-center,
	.rlc-header-right {
		display: flex;
		align-items: center;
		gap: var(--space-xxs);
	}

	.rlc-header-center {
		flex: 0 0 auto;
		justify-content: center;
		flex-wrap: wrap;
	}

	.rlc-header-left > *,
	.rlc-header-center > *,
	.rlc-header-right > * {
		display: inline-flex;
		flex: 0 0 auto;
		min-inline-size: 0;
	}

	.rlc-header
	:is(.rlc-header-left, .rlc-header-center, .rlc-header-right)
	> *:empty {
		display: none;
	}

	.rlc-header-bottom {
		display: flex;
		align-items: center;
		inline-size: 100%;
		gap: var(--space-xxs);
		margin-block-start: var(--space-sm);
	}

	.rlc-header-bottom > * {
		flex: 0 0 auto;
	}

	@keyframes announcement-breathe {
		0% {
			box-shadow: 0 0 0 0
				var(--announcement-glow, transparent);
		}
		50% {
			box-shadow: 0 0 0 6px
				var(--announcement-glow, transparent);
		}
		100% {
			box-shadow: 0 0 0 0
				var(--announcement-glow, transparent);
		}
	}


	.announcement {
		display: flex;
		align-items: center;
		gap: var(--space-xs);
		font-size: var(--text-small-size);
		line-height: var(--text-small-lh);
		animation: announcement-breathe 3s ease-in-out infinite;
	}

	.hotline {
		display: inline-flex;
		align-items: center;
		gap: var(--space-xxs);
		font-size: var(--font-size-md);
		font-weight: var(--fw-semibold);
		line-height: var(--text-small-lh);
		text-decoration: none;
	}

	.hotline::before {
		content: var(--icon-phone);
		font-family: dashicons;
		font-size: 1em;
		line-height: 1;
	}

	.hotline a {
		text-decoration: none;
		white-space: nowrap;
	}

	.cta {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		font-size: var(--font-size-xl);
		font-weight: var(--fw-medium);
		line-height: var(--text-small-lh);
		text-align: center;
		cursor: pointer;
		text-decoration: none;
	}

	.cta a {
		text-decoration: none;
		white-space: nowrap;
	}

	.cta:hover {
		transform: translateY(-1px);
	}

	.cta:active {
		transform: translateY(0);
	}

	.search-box {
		position: relative;
		display: flex;
		align-items: stretch;
	}

	.search-box .search-field {
		flex: 1 1 auto;
		line-height: var(--text-body-lh);
		background: transparent;
		outline: none;
	}

	.search-box .search-submit {
		position: absolute;
		inset-inline-end: 0;
		inset-block: 0;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		line-height: 1;
	}

	.search-box .search-submit::before {
		content: var(--icon-search);
		font-family: dashicons;
		font-size: var(--font-size-xl);
		line-height: 1;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding: 0 var(--space-sm);
	}
	.tagline {
		display: inline-flex;
		align-items: center;
		margin: 0;
		font-family: var(--font-heading);
		font-weight: var(--text-heading-weight);
		cursor: pointer;
	}

	.tagline::before {
		content: var(--icon-tagline);
		margin-inline-end: var(--space-sm);
	}
	.hotline,
	.cta,
	.tagline,
	.search-box .search-submit {
		transition: var(--transition-interactive);
	}
	.hotline:focus-visible,
	.cta:focus-visible,
	.tagline:focus-visible,
	.search-box .search-submit:focus-visible {
		outline-width: 2px;
		outline-style: solid;
		outline-offset: 2px;
	}
	#primary {
		scroll-margin-top: 120px;
	}
	@media (max-width: 768px) {
		.rlc-header-inner {
			flex-direction: column;
			align-items: stretch;
			gap: var(--space-xs);
		}

		.rlc-header-left,
		.rlc-header-center,
		.rlc-header-right {
			inline-size: 100%;
			justify-content: center;
		}
		body.admin-bar .rlc-header {
			inset-block-start: 46px;
		}
	}
	@media (prefers-reduced-motion: reduce) {
		.announcement {
			animation: none;
		}
	}
}