/* INTERACTIONS */
.lud-site-header {
	transition:
		border-color 220ms var(--lud-ease-premium),
		background-color 220ms var(--lud-ease-premium),
		opacity 220ms var(--lud-ease-premium);
}

.lud-site-header.is-scroll-down {
	transform: none;
}

.lud-site-header.is-scrolled .lud-site-logo,
.lud-site-header.is-scrolled .wp-block-site-title {
	letter-spacing: -0.026em;
}

.wp-block-site-title a,
.wp-block-site-title a:visited,
.lud-site-header-nav .wp-block-navigation-item__content,
.wp-block-button .wp-block-button__link,
.wpcf7 .wpcf7-submit,
.wpcf7 input,
.wpcf7 textarea,
.lud-home-insight-link a,
.lud-context-item a,
.lud-footer-nav a span,
.lud-footer-details a {
	transition-timing-function: var(--lud-ease-premium);
}

.lud-site-header-nav .wp-block-navigation-item::after {
	transition:
		transform 220ms var(--lud-ease-premium),
		background-color 220ms var(--lud-ease-premium),
		opacity 220ms var(--lud-ease-premium);
}

.lud-site-header-nav .wp-block-navigation-item__content:hover,
.lud-site-header-nav .wp-block-navigation-item__content:focus-visible {
	transform: none;
}

.wp-block-button .wp-block-button__link,
.wpcf7 .wpcf7-submit {
	position: relative;
	overflow: hidden;
	padding-inline: 1.36rem;
	transition:
		color 220ms var(--lud-ease-premium),
		background-color 220ms var(--lud-ease-premium),
		border-color 220ms var(--lud-ease-premium),
		transform 220ms var(--lud-ease-premium),
		box-shadow 220ms var(--lud-ease-premium);
}

.wp-block-button .wp-block-button__link::after,
.wpcf7 .wpcf7-submit::after {
	content: "";
	position: absolute;
	left: 1rem;
	right: 1rem;
	bottom: 0.5rem;
	height: 1px;
	background: rgba(47, 79, 79, 0.18);
	transform: scaleX(0.35);
	transform-origin: left center;
	opacity: 0;
	transition:
		transform 220ms var(--lud-ease-premium),
		opacity 220ms var(--lud-ease-premium),
		background-color 220ms var(--lud-ease-premium);
}

.wp-block-button .wp-block-button__link:hover,
.wpcf7 .wpcf7-submit:hover {
	transform: translateY(-1px);
}

.wp-block-button .wp-block-button__link:hover::after,
.wp-block-button .wp-block-button__link:focus-visible::after,
.wpcf7 .wpcf7-submit:hover::after,
.wpcf7 .wpcf7-submit:focus-visible::after {
	transform: scaleX(1);
	opacity: 1;
	background: rgba(47, 79, 79, 0.34);
}

.wpcf7 input,
.wpcf7 textarea {
	transition:
		border-color 220ms var(--lud-ease-premium),
		background-color 220ms var(--lud-ease-premium),
		color 220ms var(--lud-ease-premium),
		box-shadow 220ms var(--lud-ease-premium);
}

.wpcf7 input:focus,
.wpcf7 textarea:focus {
	box-shadow: 0 0 0 3px rgba(47, 79, 79, 0.06);
}