/*
 * Faiha footer (fast homepage phase), site-wide.
 *
 * Structure stays Kadence's footer builder (four middle widget columns +
 * the bottom copyright HTML item); the widget content is core blocks
 * (Appearance > Widgets), set by src/migrations/2026-09-27-fast-homepage.php.
 *
 * Permanently dark brand chrome like the header/hero: raw navy/on-dark
 * tokens, never the light/dark semantic tokens. IDs outrank Kadence's
 * palette-based footer row backgrounds without !important.
 */

/* Icons: see icons.css (site-wide icon set). */

#colophon .site-footer-row-container-inner {
	background-color: var(--faiha-navy-900);
	color: var(--faiha-text-on-dark-secondary);
	font-family: var(--faiha-font-heading);
}

/*
 * Vertical spacing has one owner: this row padding. Kadence also pads the
 * inner footer row by its default "middle row" spacing (30px top and
 * bottom), which stacked on top of this left ~95px above and ~85px below
 * the columns; that inner padding is removed here instead of fighting it.
 */
#colophon .site-middle-footer-wrap .site-footer-row-container-inner {
	padding-block: 3.5rem 3rem; /* 56px above, 48px below the columns */
	/* Keeps the footer edge visible when the section above is also navy (dark mode). */
	border-top: 1px solid rgba(255, 255, 255, 0.08);
}

#colophon .site-middle-footer-inner-wrap {
	padding-block: 0;
	align-items: start;
}

@media (max-width: 767px) {
	#colophon .site-middle-footer-wrap .site-footer-row-container-inner {
		padding-block: 3rem 2.5rem; /* 48px / 40px; columns stack naturally */
	}
}

#colophon .site-bottom-footer-wrap .site-footer-row-container-inner {
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	padding-block: var(--faiha-space-sm);
}

#colophon .footer-html,
#colophon .footer-html p {
	margin: 0;
	color: var(--faiha-text-on-dark-secondary);
	font-size: 0.875rem;
}

/* Bottom row: legal links after the copyright line (Kadence footer HTML). */
#colophon .footer-html .faiha-footer__legal {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 0 var(--faiha-space-sm);
	margin-left: var(--faiha-space-sm);
}

#colophon .footer-html .faiha-footer__legal a {
	color: var(--faiha-text-on-dark-secondary);
	text-decoration: none;
	text-underline-offset: 0.2em;
}

#colophon .footer-html .faiha-footer__legal a:hover,
#colophon .footer-html .faiha-footer__legal a:focus-visible {
	color: var(--faiha-text-on-dark);
	text-decoration: underline;
}

@media (max-width: 599px) {
	#colophon .footer-html .faiha-footer__legal {
		display: flex;
		justify-content: center;
		margin: 0.375rem 0 0;
	}
}

#colophon .widget {
	margin-bottom: 0;
}

#colophon .faiha-footer__brand .wp-block-site-logo {
	margin-bottom: var(--faiha-space-sm);
}

#colophon .faiha-footer__text {
	max-width: 20rem; /* ~320px */
	margin: 0;
	color: var(--faiha-text-on-dark-secondary);
	font-family: var(--faiha-font-primary);
	font-size: 0.9375rem;
	font-weight: 400;
	line-height: 1.65;
}

#colophon .faiha-footer__title.wp-block-heading {
	margin: 0 0 var(--faiha-space-sm);
	color: var(--faiha-text-on-dark);
	font-family: var(--faiha-font-heading);
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	line-height: 1.4;
	text-transform: uppercase;
}

#colophon .faiha-footer__links {
	margin: 0;
	padding: 0;
	list-style: none;
}

#colophon .faiha-footer__links li {
	margin: 0 0 0.25rem;
	color: var(--faiha-text-on-dark-secondary);
	font-size: 0.9375rem;
	line-height: 1.5;
}

#colophon .faiha-footer__links a {
	display: inline-block;
	padding-block: 0.25rem;
	color: var(--faiha-text-on-dark-secondary);
	text-decoration: none;
	transition: color var(--faiha-duration-fast) var(--faiha-ease-standard);
}

#colophon .faiha-footer__links a:hover {
	color: var(--faiha-text-on-dark);
	text-decoration: underline;
	text-underline-offset: 0.2em;
}

#colophon .faiha-footer__links a:focus-visible,
#colophon .wp-block-site-logo a:focus-visible {
	outline-width: 2px;
	outline-style: solid;
	outline-color: var(--faiha-text-on-dark);
	outline-offset: 2px;
}

/* Contact column: icon + value (the label is screen-reader text inside each link). */
#colophon .faiha-footer__contact li {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	margin-bottom: 0.375rem;
}

#colophon .faiha-footer__contact li::before {
	margin-top: 0.4rem;
	color: var(--faiha-color-brand);
}

#colophon .faiha-footer__contact a {
	color: var(--faiha-text-on-dark);
	font-weight: 500;
	line-height: 1.5;
}

@media (max-width: 767px) {
	#colophon .site-middle-footer-inner-wrap {
		row-gap: var(--faiha-space-lg);
	}
}

@media (prefers-reduced-motion: reduce) {
	#colophon .faiha-footer__links a {
		transition: none;
	}
}