/* ================================================
Component: Site Footer
Path: components/global/footer/style.css
================================================ */

/* ── Base ─────────────────────────────────────── */
:is(body, .is-preview) {
	.site-footer {
		border-top: 2px solid #685040;
		padding: 14px 0 36px;
	}
	.site-footer__top {
		border-top: 2px solid #685040;
		padding-top: 36px;
		padding-bottom: 38px;
	}
	.site-footer__top-inner {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content:center;
		gap: var(--gap-xl);
	}
	.site-footer__ctas {
		display: flex;
		align-items: center;
		flex-direction:column;
		gap: var(--gap-lg);
		flex-shrink: 0;
	}
	.site-footer__ctas .footer-cta {min-width:226px;}
	.site-footer__nav-wrap {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: var(--gap-lg);
	}
	.site-footer__nav {
		display: flex;
		flex-wrap: wrap;
		flex-direction:column;
		align-items:center;
		gap: var(--gap-xl);
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.site-footer__nav li a {
		font-family: var(--font-primary);
		font-size: 14px;
		font-weight: var(--font-weight-medium);
		letter-spacing: 1.6px;
		color: var(--color-navy);
		text-decoration: none;
		white-space: nowrap;
		transition: color var(--transition-fast);
		display: block;
		text-transform: uppercase;
	}
	.site-footer__nav li a:hover {
		text-decoration:underline;
	}
	.site-footer__social {
		display: flex;
		align-items: center;
		gap: var(--gap-lg);
		margin-top: var(--gap-lg);
	}
	.site-footer__social-link {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		color: var(--color-earth);
		text-decoration: none;
		transition: color var(--transition-fast);
	}
	.site-footer__social-link:hover {
		color: var(--color-grass);
	}
	.site-footer__social-icon {
		display: inline-flex;
		line-height: 0;
	}
	.site-footer__social-label {
		font-family: var(--font-primary);
		font-size: var(--font-size-sm);
		font-weight: var(--font-weight-medium);
		letter-spacing: 1.6px;
		text-transform: uppercase;
	}
	@media (min-width: 768px) {
		.site-footer__social {
			margin-top: 0;
		}
	}
	.site-footer__logo-wrap {
		display: flex;
		justify-content: center;
		align-items: center;
		padding-bottom: 15px;
	}
	.site-footer__logo,
	.site-footer__logo-wrap .custom-logo {
		height: 102px;
		width: auto;
	}
	.site-footer__bottom-inner {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: var(--gap-sm);
		text-align: center;
	}
	.site-footer__description p {
		font-size: 14px;
		font-weight: var(--font-weight-medium);
		line-height: normal;
		letter-spacing: 0.105px;
		color: var(--color-deep-navy);
		font-family: var(--font-secondary);
		max-width: 890px;
	}
	.site-footer__description a {
		text-decoration-line: underline;
		text-decoration-style: solid;
		text-decoration-skip-ink: auto;
		text-decoration-thickness: 10%;
		text-underline-offset: 15%;
		text-underline-position: from-font;

		&:hover, &:focus-visible {
			color: var(--color-grass);
		}
	}
	.site-footer__email {
		color: var(--color-navy);
		text-decoration: underline;
		font-weight: var(--font-weight-semibold);
	}
	.site-footer__email:hover {
		color: var(--color-grass);
	}
	.site-footer__copyright {
		font-size: var(--font-size-sm);
		font-weight: var(--font-weight-medium);
		color: var(--color-navy);
	}
	.site-footer__legal-nav {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		gap: var(--gap-lg);
		list-style: none;
		margin: 0 0 var(--gap-sm);
		padding: 0;
	}
	.site-footer__legal-nav li a {
		font-family: var(--font-primary);
		font-size: 14px;
		font-weight: var(--font-weight-medium);
		letter-spacing: 1.6px;
		color: var(--color-navy);
		text-decoration: none;
		white-space: nowrap;
		transition: color var(--transition-fast);
		display: block;
		text-transform: uppercase;
	}
	.site-footer__legal-nav li a:hover {
		text-decoration: underline;
	}
	@media (min-width: 768px) {
		.site-footer__ctas {gap: var(--gap-lg);flex-direction:row;}
		.site-footer__nav {flex-direction:row;align-items:flex-start;gap: var(--gap-lg);}
		.site-footer__nav-wrap {flex-direction: column; align-items: center; gap: var(--gap-lg);}
		.site-footer__top {padding-bottom: 30px;padding-top: var(--gap-3xl);}
		.site-footer__description {font-size: var(--font-size-sm);letter-spacing: 0.12px;}
		.site-footer {padding: 14px 0 40px;}
	}
	@media(min-width:992px) {
		.site-footer__top-inner {flex-direction: row;gap: var(--gap-lg);}
	}
	@media (min-width: 1299px) {
		.site-footer__top-inner {gap: var(--gap-2xl);}
		.site-footer__logo {height: 140px;}
		.site-footer__ctas {gap: var(--gap-2xl);}
		.site-footer__nav{gap: var(--gap-2xl);}
		.site-footer__nav li a {font-size: var(--font-size-sm);}
	}
}