/*
 * Footer (a theme part, loaded on every page by inc/assets.php).
 *
 * The footer colour option arrives as a <body> class (inc/tokens.php):
 * ftr-light | ftr-page | ftr-dark | ftr-brand (none = the look's default, the surface colour).
 * Source: the builder's ".ftr" CSS and "SECTION COLOURS" section.
 *
 * Variables: --ftr-bg --ftr-ink --ftr-muted.
 */

:root {
	--ftr-bg: var(--surface);
	--ftr-ink: var(--ink);
	--ftr-muted: var(--muted);
}

body.ftr-light { --ftr-bg: var(--surface); --ftr-ink: var(--ink); --ftr-muted: var(--muted); }
body.ftr-page  { --ftr-bg: var(--bg); --ftr-ink: var(--ink); --ftr-muted: var(--muted); }
body.ftr-dark  { --ftr-bg: var(--deep, var(--ink)); --ftr-ink: #fff; --ftr-muted: color-mix(in srgb, #fff 78%, transparent); }
body.ftr-brand { --ftr-bg: var(--brand); --ftr-ink: var(--on-brand); --ftr-muted: color-mix(in srgb, var(--on-brand) 78%, transparent); }

.ftr {
	margin-top: 3rem;
	padding: 44px 0 24px;
	background: var(--ftr-bg);
	color: var(--ftr-ink);
	font-size: 14px;
}

body.ftr-page .ftr { border-top: 1px solid var(--line); }

.ftr a { color: inherit; }

.ftr__inner { width: min(100% - 2rem, 72rem); margin-inline: auto; }
.ftr__grid { display: grid; gap: 26px; }

.ftr .logo { --logo-ink: currentcolor; color: inherit; }
body.ftr-dark .ftr .logo__img,
body.ftr-brand .ftr .logo__img { filter: brightness(0) invert(1); }

.ftr address { margin-top: 14px; color: var(--ftr-muted); font-style: normal; line-height: 1.6; }

.ftr__contact { display: grid; gap: 6px; margin: 10px 0 0; }
.ftr__contact a,
.ftr__emergency a { display: inline-flex; align-items: center; gap: 8px; text-decoration: none; }
.ftr__contact a:hover { text-decoration: underline; }
.ftr__contact .ico,
.ftr__emergency .ico { width: 16px; height: 16px; }

.ftr__emergency { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 12px 0 0; font-weight: 600; }
.look-c .ftr__emergency { color: var(--accent-2); }
body.ftr-dark.look-c .ftr__emergency,
body.ftr-brand.look-c .ftr__emergency { color: inherit; }

.ftr__h { margin-bottom: 8px; font-size: 16px; }

.ftr__hours-list { display: grid; grid-template-columns: auto 1fr; gap: 4px 18px; margin: 0; color: var(--ftr-muted); }
.ftr__hours-list dt { color: var(--ftr-ink); font-weight: 600; }
.ftr__hours-list dd { margin: 0; }

.ftr__note { margin: 10px 0 0; color: var(--ftr-muted); }

.ftr__find .button { min-height: 44px; }

.ftr__social { display: flex; gap: 10px; margin: 14px 0 0; padding: 0; list-style: none; }

.ftr__social a {
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	border: 1px solid color-mix(in srgb, currentcolor 28%, transparent);
	border-radius: 50%;
	text-decoration: none;
}

.ftr__social a:hover { background: color-mix(in srgb, currentcolor 10%, transparent); }
.ftr__social .ico { width: 20px; height: 20px; }

.ftr__nav { margin-top: 28px; padding-top: 18px; border-top: 1px solid color-mix(in srgb, currentcolor 20%, transparent); }
.ftr__nav ul { display: flex; flex-wrap: wrap; gap: 8px 22px; margin: 0; padding: 0; list-style: none; }
.ftr__nav a { font-weight: 600; text-decoration: none; }
.ftr__nav a:hover,
.ftr__nav a[aria-current="page"] { text-decoration: underline; text-underline-offset: 4px; }

.ftr__legal { margin: 20px 0 0; color: var(--ftr-muted); font-size: 12.5px; }

.ftr__badge {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 12px 0 0;
	font-size: 12.5px;
	font-weight: 600;
}

.ftr__badge img { display: block; width: auto; height: 24px; }
body.ftr-dark .ftr__badge img,
body.ftr-brand .ftr__badge img { filter: brightness(0) invert(1); }

@media (min-width: 900px) {
	.ftr { padding-top: 56px; }
	.ftr__grid { grid-template-columns: 1.3fr 1fr 1fr; gap: 48px; }
}

/* ---------- Legal links next to the copyright, and the linked network badge ---------- */

.ftr__legal-links { display: inline-flex; flex-wrap: wrap; gap: 4px 0; }
.ftr__legal-links a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.ftr__legal-links a:hover { text-decoration-thickness: 2px; }
.ftr__legal-links a:first-child::before { display: none; }
.ftr__legal-links a::before { content: "\00b7"; display: inline-block; margin-inline: 8px; text-decoration: none; opacity: 0.7; }

.ftr__badge-link { display: inline-flex; align-items: center; gap: 8px; color: inherit; text-decoration: none; }
.ftr__badge-link:hover span { text-decoration: underline; text-underline-offset: 3px; }
.ftr__badge-link img { height: 24px; width: auto; }