/* ==========================================================================
   Footer
   ========================================================================== */

.ut-footer {
	/* margin-top: var(--ut-space-md); */
	padding-left: var(--ut-gutter);
	padding-right: var(--ut-gutter);

	border-top: 1px solid currentColor;
}

.ut-footer__main {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--ut-gutter);
	padding-top: clamp(1.5rem, 3vw, 2.5rem);
	padding-bottom: clamp(1.5rem, 3vw, 2.5rem);
}

.ut-footer__heading {
	display: block;
	font-family: var(--wp--preset--font-family--makira);
	font-size: var(--ut-text-size);
	margin-bottom: 0.75em;
	font-weight: bold;
}

.ut-footer__form {
	display: flex;
	align-items: center;
	gap: 0.5em;
}

.ut-footer__input {
	flex: 1;
	border: none;
	border-bottom: 1px solid var(--wp--preset--color--foreground);
	background: transparent;
	font-family: var(--wp--preset--font-family--makira);
	font-size: var(--ut-text-size);
	/* padding: 0.25em 0; */
	outline: none;
}

.ut-footer__button {
	background: transparent;
	border: none;
	font-family: var(--wp--preset--font-family--makira);
	font-size: var(--ut-text-size);
	font-weight: 700;
	cursor: pointer;
	padding: 0;
	color: var(--wp--preset--color--foreground);
}

.ut-footer__status {
	margin: 0.4em 0 0;
	font-size: var(--ut-caption-size);
	opacity: 0.65;
	min-height: 1em;
}

.ut-footer__social {
	display: flex;
	gap: 1.5em;
}

.ut-footer__social-link,
.ut-footer__contact-link {
	font-family: var(--wp--preset--font-family--makira);
	font-size: var(--ut-text-size);
	color: var(--wp--preset--color--foreground);
	text-decoration: none;
}

.ut-footer__contact-link {
	display: block;
	/* margin-bottom: 0.25em; */
}

.ut-footer__contact-text {
	font-size: var(--ut-text-size);
}

.ut-footer__contact-text a {
	color: var(--wp--preset--color--foreground);
	text-decoration: none;
}

.ut-footer__sub {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	gap: var(--ut-gutter);
	border-top: 1px solid var(--wp--preset--color--foreground);
	padding-top: clamp(1rem, 2vw, 1.5rem);
	padding-bottom: clamp(1rem, 2vw, 1.5rem);
}

.ut-footer__sub-logo {
	display: block;
	color: currentColor;
	text-decoration: none;
}

.ut-footer__sub-logo-svg {
	display: block;
	height: 1em;
	width: auto;
}

.ut-footer__sub-logo-svg path {
	animation: ut-logo-color-cycle 0.95s cubic-bezier(0.2, 1, 0.3, 1) both;
}

.ut-footer__sub-logo-svg path:nth-of-type(1) { animation-delay: 0.03s; }
.ut-footer__sub-logo-svg path:nth-of-type(2) { animation-delay: 0.08s; }
.ut-footer__sub-logo-svg path:nth-of-type(3) { animation-delay: 0.13s; }
.ut-footer__sub-logo-svg path:nth-of-type(4) { animation-delay: 0.18s; }
.ut-footer__sub-logo-svg path:nth-of-type(5) { animation-delay: 0.23s; }
.ut-footer__sub-logo-svg path:nth-of-type(6) { animation-delay: 0.28s; }

.ut-footer__sub-logo:is(:hover, :focus-visible) .ut-footer__sub-logo-svg path {
	animation: ut-logo-color-cycle-replay 0.95s cubic-bezier(0.2, 1, 0.3, 1) both;
}

.ut-footer__sub-logo:is(:hover, :focus-visible) .ut-footer__sub-logo-svg path:nth-of-type(1) { animation-delay: 0.03s; }
.ut-footer__sub-logo:is(:hover, :focus-visible) .ut-footer__sub-logo-svg path:nth-of-type(2) { animation-delay: 0.08s; }
.ut-footer__sub-logo:is(:hover, :focus-visible) .ut-footer__sub-logo-svg path:nth-of-type(3) { animation-delay: 0.13s; }
.ut-footer__sub-logo:is(:hover, :focus-visible) .ut-footer__sub-logo-svg path:nth-of-type(4) { animation-delay: 0.18s; }
.ut-footer__sub-logo:is(:hover, :focus-visible) .ut-footer__sub-logo-svg path:nth-of-type(5) { animation-delay: 0.23s; }
.ut-footer__sub-logo:is(:hover, :focus-visible) .ut-footer__sub-logo-svg path:nth-of-type(6) { animation-delay: 0.28s; }

.ut-footer__sub-nav {
	justify-self: center;
}

.ut-footer__sub-menu {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0.25em 1.5em;
	justify-content: center;
}

.ut-footer__sub-menu a {
	font-family: var(--wp--preset--font-family--pp-woodland);
	color: currentColor;
	text-decoration: none;
}

.ut-footer__sub-menu a:hover {
	text-decoration: underline;
}

.ut-footer__sub-copy {
	margin: 0;
	justify-self: end;
	text-align: right;
	white-space: nowrap;
}

.ut-footer__address {
	font-style: normal;
	/* font-size: var(--ut-caption-size); */
	/* white-space: pre-line; */
	padding-bottom: clamp(1rem, 2vw, 1.5rem);
}