/*=========================
	SITE FOOTER
=========================*/

.site-footer {
	color: var(--color-n-black);
	font-family: inherit;
}

.site-footer .container {
	max-width: none;
	width: 100%;
	margin: 0;
	padding-left: var(--container-px);
	padding-right: var(--container-px);
}

/* ---------- 1. Contact / Newsletter ---------- */
.site-footer__contact > .container {
	/* Full-bleed across viewport edges, ignore the global container constraints */
	max-width: none;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0;
}

.site-footer__newsletter {
	padding: 13.6rem 9.6rem;
	/* grid CELLS can't shrink below their content's intrinsic width — GF text inputs
	   (size=40 ≈ 400px min-content) were propping the column past a phone viewport */
	min-width: 0;
}
.site-footer__contact-info { min-width: 0; }
.site-footer__form input { min-width: 0; }
.site-footer__newsletter h2 {
	font-size: 50px !important;
	margin: 0 0 5rem;
}
/* Mobile: smaller newsletter heading */
@media only screen and (max-width: 767.98px) {
	.site-footer__newsletter h2 {
		font-size: 24px !important;
	}
}

/* ---- Gravity Forms styling — matches qld.guidedogs.com.au ---- */
.site-footer__form .gform_wrapper {
	margin: 0;
}
.site-footer__form .gform_required_legend {
	display: none;
}
.site-footer__form .gform_fields {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 3.2rem;
	list-style: none;
	margin: 0;
	padding: 0;
}
.site-footer__form .gfield {
	margin: 0;
	padding: 0;
}
/* Mobile: single-column form fields */
@media only screen and (max-width: 767.98px) {
	.site-footer__form .gform_fields {
		grid-template-columns: 1fr;
	}
}
/* Force any field flagged full-width (or by Gravity's own class) onto its own row */
.site-footer__form .gfield--width-full,
.site-footer__form .gfield.gfield--width-full,
.site-footer__form .gfield_consent,
.site-footer__form .gfield_html,
.site-footer__form .gfield_section {
	grid-column: 1 / -1;
}

.site-footer__form .gfield_label {
	display: block;
	font-weight: 600;
	font-size: 18px;
	line-height: 1.3;
	margin-bottom: 6px;
	color: var(--color-n-black, #282829);
}
.site-footer__form .gfield_required {
	color: #000;
	font-weight: 700;
	margin-left: 2px;
}
.site-footer__form .gfield_required .gfield_required_text {
	display: none; /* hide the "(Required)" sr-only text the live site hides */
}

/* Inputs / selects / textareas — borderless on white fill */
.site-footer__form .gform_wrapper input[type="text"],
.site-footer__form .gform_wrapper input[type="email"],
.site-footer__form .gform_wrapper input[type="tel"],
.site-footer__form .gform_wrapper input[type="url"],
.site-footer__form .gform_wrapper input[type="number"],
.site-footer__form .gform_wrapper input[type="password"],
.site-footer__form .gform_wrapper input[type="date"],
.site-footer__form .gform_wrapper select,
.site-footer__form .gform_wrapper textarea {
	width: 100%;
	background-color: #f6f6f8;
	border: 0;
	border-radius: 0;
	padding: 15px 20px;
	font: inherit;
	color: var(--color-n-black, #282829);
	transition: box-shadow .2s cubic-bezier(.4,0,0,1);
}
.site-footer__form .gform_wrapper input::placeholder,
.site-footer__form .gform_wrapper textarea::placeholder {
	color: #69696a;
	opacity: 1;
}
.site-footer__form .gform_wrapper input:focus,
.site-footer__form .gform_wrapper select:focus,
.site-footer__form .gform_wrapper textarea:focus {
	outline: none;
	box-shadow: inset 0 0 0 2px var(--color-p, #ff6e33);
}
.site-footer__form .gform_wrapper textarea {
	min-height: 140px;
	resize: vertical;
}

/* Validation states */
.site-footer__form .gfield_error input,
.site-footer__form .gfield_error select,
.site-footer__form .gfield_error textarea {
	box-shadow: inset 0 0 0 2px var(--color-m-error, #ee0004);
}
.site-footer__form .gfield_validation_message,
.site-footer__form .validation_message {
	color: var(--color-m-error, #ee0004);
	font-size: 1.4rem;
	margin-top: 6px;
}

/* Validation summary at top of form */
.site-footer__form .gform_validation_errors {
	background: #fff;
	border-left: 4px solid var(--color-m-error, #ee0004);
	padding: 12px 16px;
	margin-bottom: var(--space-3, 16px);
}
.site-footer__form .gform_validation_errors h2 {
	font-size: 1.6rem;
	margin: 0;
	color: var(--color-m-error, #ee0004);
}

/* Confirmation message */
.site-footer__form .gform_confirmation_message {
	background: var(--color-m-success-light, #e9fbf6);
	border-left: 4px solid var(--color-m-success, #01b483);
	padding: 16px 20px;
	color: var(--color-n-black, #282829);
}

/* ---- Submit button: charcoal pill with arrow, matching live "Choose your preferences" ---- */
.site-footer__form .gform_footer {
	margin: 5rem 0 0;
	padding: 0;
	display: flex;
}
/* Footer newsletter submit button — black pill */
.site-footer__form .gform_footer .gform_button,
.site-footer__form .gform_footer button {
	align-items: center;
	background: var(--color-n-black, #282829);
	border: none;
	border-radius: 100px;
	color: #fff;
	cursor: pointer;
	display: inline-flex;
	font-family: inherit;
	font-size: 1.8rem;
	font-weight: 600;
	gap: 10px;
	line-height: 1.3;
	padding: 1.1em 2.6em;
	transition: opacity .2s ease;
}
.site-footer__form .gform_footer .gform_button::after,
.site-footer__form .gform_footer button::after {
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 19 19' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5.576 7.914 2.163 14.19 8.45H.5v2.25h13.691l-6.277 6.29L9.5 18.575l9-9-9-9z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
	content: '';
	display: block;
	flex-shrink: 0;
	height: 14px;
	width: 14px;
}
.site-footer__form .gform_footer .gform_button:hover,
.site-footer__form .gform_footer button:hover {
	opacity: 0.85;
}

/* Honeypot / hidden helper rows shouldn't reserve grid space */
.site-footer__form .gform_validation_container,
.site-footer__form .gfield--type-html:empty,
.site-footer__form .gfield_visibility_hidden {
	display: none !important;
}

/* AJAX spinner */
.site-footer__form .gform_ajax_spinner {
	margin-left: 12px;
}

@media only screen and (max-width: 479.98px) {
	.site-footer__form .gform_fields {
		grid-template-columns: 1fr;
	}
}

.site-footer__contact-info {
	background: #f1f1f3;
	display: flex;
	flex-direction: column;
}
.site-footer__contact-info .row {
	padding: 10rem 9.6rem;
	flex: 1 1 auto;
}
.site-footer__contact-info .u-h4 {
	font-size: 2.4rem;
	font-weight: 600;
	line-height: 1.25em;
	margin: 0 0 var(--space-4);
}
/* Mobile: pin the contact heading to a fixed 24px (the rem size shrinks with the
   reduced mobile root font). */
@media only screen and (max-width: 767.98px) {
	.site-footer__contact-info .u-h4 {
		font-size: 24px !important;
	}
}
.site-footer__contact-info .list--unstyled {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.site-footer__contact-info .list--unstyled li {
	display: flex;
	align-items: center;
	gap: 25px;
}
.site-footer__contact-info .list--unstyled li .c-icon {
	color: var(--color-n-black, #282829);
	flex-shrink: 0;
	width: 22px;
	height: 22px;
}
.site-footer__contact-info .list--unstyled li .c-icon svg {
	width: 100%;
	height: 100%;
	display: block;
}
.site-footer__contact-info .list--unstyled a,
.site-footer__contact-info .list--unstyled a:link,
.site-footer__contact-info .list--unstyled a:visited,
.site-footer__contact-info .list--unstyled a .border-bot-sweep__elem {
	color: #282829;
	font-size: 1.8rem;
	font-weight: 500;
}

/* border-bot-sweep--reverse: full-width underline at rest, recedes on hover */
.site-footer__contact-info .list--unstyled a .border-bot-sweep__elem,
.border-bot-sweep--reverse .border-bot-sweep__elem,
.border-bot-sweep--reverse {
	display: inline;
	background-image: linear-gradient(currentColor, currentColor);
	background-position: 0 100%;
	background-repeat: no-repeat;
	background-size: 100% 2px;
	transition: background-size .35s cubic-bezier(.4,0,0,1);
	padding-bottom: 2px;
	text-decoration: none;
}
.site-footer__contact-info .list--unstyled a:hover .border-bot-sweep__elem,
.site-footer__contact-info .list--unstyled a:focus-visible .border-bot-sweep__elem,
.border-bot-sweep--reverse:hover .border-bot-sweep__elem,
.border-bot-sweep--reverse:focus-visible .border-bot-sweep__elem {
	background-size: 0% 2px;
}

/* Circular brand-colored icon button (matches live c-btn-circle) */
.site-footer__contact-info .c-btn-circle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 4rem;
	height: 4rem;
	min-width: 4rem;
	border-radius: 50%;
	flex-shrink: 0;
	color: #fff;
}
.site-footer__contact-info .c-btn-circle .c-icon,
.site-footer__contact-info .c-btn-circle svg {
	display: inline-flex;
	align-items: center;
	width: 1.8rem;
	height: 1.8rem;
}
.site-footer__contact-info .c-btn-circle--pink       { background: #fcbbe0; color: var(--color-n-black, #282829); }
.site-footer__contact-info .c-btn-circle--blue-light { background: #a4dbde; color: var(--color-n-black, #282829); }
.site-footer__contact-info .c-btn-circle--green      { background: #01b483; color: #fff; }

/* Map — full-bleed on the right side */
.newsletter-signup__map {
	margin-top: auto;
}
.newsletter-signup__link {
	display: block;
}
.newsletter-signup__link {
	display: block;
}
.site-footer__map,
.c-map-ratio {
	position: relative;
	width: 100%;
	overflow: hidden;
	aspect-ratio: 16 / 9;
	min-height: 220px;
}
.site-footer__map img,
.c-map-ratio img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
	border: 0;
}
.u-object-fit {
	object-fit: cover;
}

/* ---------- 2. Main footer (dark) ---------- */
.site-footer__main {
	background: var(--color-n-black, #282829);
	color: #fff;
	padding-top: 13.5rem;
	padding-bottom: var(--space-6, 48px);
}
.site-footer__brand {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-4, 24px);
	margin-bottom: var(--space-6, 48px);
	flex-wrap: wrap;
}
.site-footer__logo-img {
	height: auto;
	display: block;
}
.site-footer__logo-img--horizontal {
	height: 75px;
	width: auto;
}
.site-footer__logo-img--stacked {
	display: none;
	height: 75px;
	width: auto;
}
@media (max-width: 767.98px) {
	.site-footer__logo-img--horizontal { display: none; }
	.site-footer__logo-img--stacked    { display: block; height: 120px; }   /* James, 2026-07-16 */
}
/* Hover draw-on (matches the header logo behaviour). */
@keyframes site-logo-draw {
	from { clip-path: inset(0 100% 0 0); }
	to   { clip-path: inset(0 0 0 0); }
}
.site-footer__logo:hover img {
	animation: site-logo-draw .85s cubic-bezier(.55,0,.2,1);
}
@media (prefers-reduced-motion: reduce) {
	.site-footer__logo:hover img { animation: none; }
}
.site-footer__social {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	gap: 24px;
}

/* Per-platform brand color — exact hex pulled from live site (qld.guidedogs.com.au)
   c-btn-circle--blue-light / --pink / --grey / --green classes */
.site-footer__social-item.is-facebook  { --social-bg: #a4dbde; }   /* blue-light */
.site-footer__social-item.is-instagram { --social-bg: #fcbbe0; }   /* pink */
.site-footer__social-item.is-linkedin  { --social-bg: #f1f1f3; }   /* grey */
.site-footer__social-item.is-tiktok    { --social-bg: #f8a087; }   /* peach */
.site-footer__social-item.is-twitter,
.site-footer__social-item.is-x         { --social-bg: var(--color-s, #01b483); }
.site-footer__social-item.is-youtube   { --social-bg: #a4dbde; }   /* blue-light */
.site-footer__social-item.is-default   { --social-bg: var(--color-p, #ff6e33); }

.site-footer__social a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: var(--social-bg, var(--color-p));
	border: 2px solid var(--social-bg, var(--color-p));
	transition: transform .2s cubic-bezier(.4,0,0,1), box-shadow .2s ease;
	color: var(--color-n-black, #282829);
}
.site-footer__social a:hover,
.site-footer__social a:focus-visible {
	transform: rotate(-8deg) scale(1.05);
	box-shadow: 0 4px 12px rgba(0,0,0,0.25);
}
.site-footer__social img {
	width: 18px;
	height: 18px;
	object-fit: contain;
	filter: brightness(0);
	transition: opacity .2s ease;
}
.site-footer__social a:hover img,
.site-footer__social a:focus-visible img {
	opacity: 1;
}

/* Footer navigation reuses the HEADER's .nav-tabbed component (header.css is
   enqueued site-wide), so it inherits the header's tab sizing, spacing and
   accent-tick behaviour automatically and stays in sync with header tweaks.
   Only the dark-theme colours and the 2-column link layout differ. */
.footer-tabbed .nav-tabbed__tab-link { color: #fff; padding: 0 0 15px; }
.footer-tabbed .nav-tabbed::before {
	content: "";
	position: absolute;
	left: 350px;
	top: 0;
	bottom: 0;
	width: 1px;
	background: rgba(255, 255, 255, 0.25);
}
/* Rest: invisible but already accent-coloured so no flash on hover */
.footer-tabbed .nav-tabbed__tab-link::after {
	width: 0;
	background: var(--tab-accent, var(--color-p, #ff6e33));
}
/* Hover: slide in partially */
.footer-tabbed .nav-tabbed__tab-link:hover::after,
.footer-tabbed .nav-tabbed__tab-link:focus-visible::after {
	width: 160px;
}
/* Active: full width */
.footer-tabbed .nav-tabbed__tab-link.is-active::after {
	width: 100%;
}

/* the one deliberate difference: panel links in TWO columns */
.footer-tabbed .nav-tabbed__link-list {
	display: block;
	columns: 2;
	column-gap: 6rem;
}
.footer-tabbed .nav-tabbed__link-list li {
	break-inside: avoid;
	margin-bottom: 20px;
}
.footer-tabbed .nav-tabbed__link-list a {
	color: rgba(255,255,255,0.9);
	text-decoration: none;
	font-size: 18px;
	line-height: 1.4;
}
.footer-tabbed .nav-tabbed__link-list a.border-bot-sweep { background-size: 0% 1px; }
.footer-tabbed .nav-tabbed__link-list a.border-bot-sweep:hover,
.footer-tabbed .nav-tabbed__link-list a.border-bot-sweep:focus-visible {
	color: #fff;
	background-position: left bottom;
	background-size: 100% 1px;
}
/* "View all" per-menu button — outlined pill (matches live footer). The header
   renders this as plain text, so the footer keeps its own pill styling. */
.footer-tabbed .nav-tabbed__viewall {
	display: inline-block;
	margin-top: 1.6rem;
	border: 1px solid rgba(255,255,255,0.6);
	border-radius: 999px;
	padding: 1rem 2.6rem;
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-decoration: none;
	transition: background .25s ease, color .25s ease, border-color .25s ease;
}
.footer-tabbed .nav-tabbed__viewall:hover,
.footer-tabbed .nav-tabbed__viewall:focus-visible {
	background: #fff;
	color: #282829;
	border-color: #fff;
	outline: none;
}

/* Footer panel: shifted left + white left border on active */
.footer-tabbed .nav-tabbed__panel { left: 400px; }
.footer-tabbed .nav-tabbed__panel.is-active {
	border-left: 1px solid #fff;
	padding-left: 80px;
}

/* Footer "View all" button: white border + white text at rest, black text on white hover sweep */
.footer-tabbed .c-btn--secondary {
	--c-btn-ring:       var(--color-n-white, #fff);
	--c-btn-text:       var(--color-n-white, #fff);
	--c-btn-text-hover: var(--color-n-black, #282829);
	--c-btn-bg-hover:   transparent;
}

/* legacy 4-column grid (kept for any non-tabbed usage) */
.site-footer__nav:not(.footer-tabbed) {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--space-5, 32px);
}
.site-footer__col-title {
	color: #fff;
	margin: 0 0 var(--space-3, 16px);
	font-weight: 700;
}
.site-footer__col ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.site-footer__col a {
	color: rgba(255,255,255,0.85);
	text-decoration: none;
	font-size: 1.8rem;
	line-height: 1.5;
	transition: background-size .35s cubic-bezier(.4,0,0,1), color .2s cubic-bezier(.4,0,0,1);
}

/* Per-column accent (mirrors live u-color-hover-focus--{pink|blue-light|peach|green}) */
.site-footer__col--1 { --col-accent: #fcbbe0; } /* Get Support  → pink */
.site-footer__col--2 { --col-accent: #a4dbde; } /* Get Involved → blue-light */
.site-footer__col--3 { --col-accent: #f8a087; } /* Get Resources → peach */
.site-footer__col--4 { --col-accent: #01b483; } /* About Us     → green */

.site-footer__col a:hover,
.site-footer__col a:focus-visible {
	color: var(--col-accent, #fff);
}

/* Column title: same accent + underline-sweep on hover as the links below it */
.site-footer__col-title .border-bot-sweep__elem {
	display: inline;
	background-image: linear-gradient(currentColor, currentColor);
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: 0% 3px;
	transition: background-size .35s cubic-bezier(.4,0,0,1), color .2s cubic-bezier(.4,0,0,1);
	padding-bottom: 2px;
}
.site-footer__col-title:hover,
.site-footer__col .site-footer__col-title:hover {
	color: var(--col-accent, #fff);
}
.site-footer__col-title:hover .border-bot-sweep__elem,
.site-footer__col-title:focus-within .border-bot-sweep__elem {
	background-position: left bottom;
	background-size: 100% 3px;
}

/* Border-bottom-sweep: underline slides in from the left on hover,
   then slides out to the right on leave. The anchor swaps right↔left
   while the line is collapsed (0%), so the swap itself is never visible —
   only background-size is transitioned, never background-position. */
.border-bot-sweep {
	display: inline;
	background-image: linear-gradient(currentColor, currentColor);
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: 0% 3px;
	transition: background-size .35s cubic-bezier(.4,0,0,1), color .2s cubic-bezier(.4,0,0,1);
	padding-bottom: 2px;
}
/* Footer column links: 1px sweep line */
.site-footer__col a.border-bot-sweep {
	background-size: 0% 1px;
}
.site-footer__col .border-bot-sweep:hover,
.site-footer__col .border-bot-sweep:focus-visible {
	color: var(--col-accent, #fff);
	background-position: left bottom;
	background-size: 100% 1px;
}

/* ---------- 3. Bottom bar ---------- */
.site-footer__bottom {
	background: #000;
	color: rgba(255,255,255,0.85);
	min-height: 80px;
	display: flex;
	align-items: center;
	font-size: 1.4rem;
}
.site-footer__bottom > .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-4, 24px);
	flex-wrap: wrap;
	width: 100%;
}

/* Left — partner badges */
.site-footer__bottom-left {
	display: flex;
	align-items: center;
}
.site-footer__partner {
	display: flex;
	align-items: center;
	gap: 16px;
}
.site-footer__partner img {
	width: 49px;
	height: 49px;
	display: block;
}

/* Center — links + meta */
.site-footer__bottom-center {
	flex: 1;
	display: flex;
	justify-content: center;
}
.site-footer__bottom-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 4px 0;
	align-items: center;
	justify-content: center;
}
.site-footer__bottom-nav li {
	display: inline-flex;
	align-items: center;
	white-space: nowrap;
}
.site-footer__bottom-nav li:not(:last-child)::after {
	content: "";
	display: inline-block;
	width: 1px;
	height: 20px;
	background: #fff;
	margin: 0 16px;
	user-select: none;
	pointer-events: none;
}
.site-footer__bottom-nav a,
.site-footer__bottom-nav span {
	color: rgba(255,255,255,0.85);
	font-size: 16px;   /* px, not 1.6rem — the mobile root-font shrink was rendering ~13px (James, 2026-07-16) */
	line-height: 1.5;
	text-decoration: none;
}
.site-footer__bottom-nav a {
	border-bottom: 1px solid transparent;
	transition: border-color .2s ease, color .15s ease;
}
.site-footer__bottom-nav a:hover,
.site-footer__bottom-nav a:focus-visible {
	color: #fff;
	border-bottom-color: currentColor;
}

/* Right — GD initials mark */
.site-footer__bottom-right {
	display: flex;
	align-items: center;
}
.site-footer__gd-mark {
	display: inline-flex;
	color: #fff;
}
.site-footer__gd-mark .c-icon,
.site-footer__gd-mark svg {
	display: block;
	width: 57px;
	height: 27px;
	color: inherit;
}
@media only screen and (max-width: 1199.98px) {
	.site-footer__gd-mark .c-icon,
	.site-footer__gd-mark svg {
		height: 14px;
	}
}

@media only screen and (max-width: 767.98px) {
	.site-footer__bottom {
		padding-top: var(--space-5);
		padding-bottom: var(--space-5);
	}
	.site-footer__bottom > .container {
		flex-direction: column;
		align-items: flex-start;
		text-align: left;
	}
	.site-footer__bottom-nav ul {
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		gap: var(--space-1);
	}
	.site-footer__bottom-nav li:not(:last-child)::after {
		display: none;
	}
	.site-footer__gd-mark .c-icon,
	.site-footer__gd-mark svg {
		height: 40px;
		width: auto;
	}
}

/* ---------- responsive ---------- */
/* Tablet (up to 1199px): legacy grid nav drops to 2 columns */
@media only screen and (max-width: 1199.98px) {
	.site-footer__nav:not(.footer-tabbed) {
		grid-template-columns: repeat(2, 1fr);
		gap: var(--space-6);
	}
	/* Accordion visuals — 1:1 with live's mobile footer (James, 2026-07-16; every value
	   read off guidedogs.com.au computed styles / asset-core.css):
	   - NO divider rows; each tab has margin-bottom 3.2rem instead
	   - tab label 26px/700 white
	   - chevron = 44px circle, TRANSPARENT bg, 2px WHITE border, WHITE arrow, rotates open
	   - the OPEN tab gets a 4px full-width underline in its accent colour (live's
	     border-color--orange/blue-light/pink/green/apricot ≙ our --tab-accent)
	   - panel links 20px/300/white, 24px between items */
	/* PX, NOT REM: the theme shrinks the root font on mobile, so rem sizes collapse
	   (4.4rem rendered ~35px — James: "the accordion button is 44px circle on mobile"). */
	.footer-tabbed .nav-tabbed__tab {
		border-bottom: none;
		margin-bottom: 40px;
	}
	.footer-tabbed .nav-tabbed__tab-link {
		position: relative;
		padding: 0;
		font-size: 26px;
		font-weight: 600;
		line-height: 1.2;
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	/* No accent lines under the accordion titles on mobile (James, 2026-07-16 —
	   matches live, whose mobile footer shows none). */
	.footer-tabbed .nav-tabbed__tab-link::after {
		display: none;
	}
	.footer-tabbed .nav-tabbed__chevron {
		width: 44px;
		height: 44px;
		flex: 0 0 44px;
		background: none;
		border: 2px solid #fff;
		color: #fff;
	}
	.footer-tabbed .nav-tabbed__chevron svg {
		width: 16px;
		height: auto;
		display: block;
	}
	.footer-tabbed .nav-tabbed__panel {
		padding: 16px 0 24px;
	}
	.footer-tabbed .nav-tabbed__link-list {
		columns: 1;
	}
	.footer-tabbed .nav-tabbed__link-list li {
		margin-bottom: 24px;
	}
	.footer-tabbed .nav-tabbed__link-list a {
		font-size: 20px;
		font-weight: 300;
		line-height: 1.35;
		color: #fff;
	}
}
/* Below 768px: nav stacks to 1 column */
@media only screen and (max-width: 767.98px) {
	.site-footer__nav {
		grid-template-columns: 1fr;
	}
}
/* Mobile through tablet (up to 1199px): logo+social row stacks */
@media only screen and (max-width: 1199.98px) {
	.site-footer__contact > .container {
		grid-template-columns: 1fr;
	}
	/* Use the standard container padding + reduce vertical padding for tablet+mobile */
	.site-footer__newsletter {
		padding: var(--space-6) var(--container-px);
	}
	.site-footer__contact-info .row {
		padding: 30px 30px 60px !important;
	}
	.site-footer__main {
		padding-top: var(--space-6);
		padding-bottom: var(--space-5);
	}
}

@media only screen and (max-width: 479.98px) {
	.site-footer__newsletter,
	.site-footer__contact-info {
		padding: var(--space-4, 24px);
	}
	.site-footer__form .row,
	/* Gravity Forms renders .gform_fields, not .row — the un-collapsed 2-col field grid's
	   ~450px min-content pushed the whole newsletter cell past a 390px viewport and clipped
	   the heading (2026-07-16 tablet/mobile sweep). */
	.site-footer__form .gform_fields {
		grid-template-columns: 1fr;
	}
	.site-footer__form .gfield { min-width: 0; }
	.site-footer__nav {
		grid-template-columns: 1fr;
	}
	/* live mobile: logo + socials sit LEFT (col-xs-16 stacks, no centring) */
	.site-footer__brand {
		justify-content: flex-start;
		text-align: left;
		flex-direction: column;
		align-items: flex-start;
		gap: 0;
	}
	.site-footer__logo { margin-bottom: 40px; }   /* live u-m-bx5 (px — mobile root shrinks) */
	.site-footer__bottom > .container {
		flex-direction: column;
		align-items: flex-start;
	}
}

/* LIVE'S ACTUAL LOTTIE LOGO (James, 2026-07-16): braille-logo-white-gda.json
   (white variant for the charcoal footer), played once on load + replay on
   hover via global/js/logo-lottie.js. Static horizontal <img> = no-JS
   fallback; stacked mobile mark stays an <img>. */
.site-footer__logo-lottie {
	display: none;
	height: 75px;
	line-height: 0;
}
.site-footer__logo-lottie svg { display: block; height: 100%; width: auto; }
@media (min-width: 768px) {
	.site-footer__logo.has-lottie .site-footer__logo-lottie { display: block; }
	.site-footer__logo.has-lottie .site-footer__logo-img--horizontal { display: none; }
}
@media (prefers-reduced-motion: reduce) {
	.site-footer__logo.has-lottie .site-footer__logo-lottie { display: none; }
	.site-footer__logo.has-lottie .site-footer__logo-img--horizontal { display: block; }
}

/* ── FOOTER NEWSLETTER — live-1:1 two-step form (James, 2026-07-30) ──────────
   Custom #newsletter-signup-form replaces the old [gravityform id="3"] embed
   (live's is a custom 2-step form, not GF). Field skin mirrors the GF rules
   above (borderless #f6f6f8 inputs, 18px/600 labels). */
.skelly-newsletter .form__row { margin: 0; }
.skelly-newsletter .skelly-newsletter__grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 3.2rem;
}
@media only screen and (max-width: 767.98px) {
	.skelly-newsletter .skelly-newsletter__grid { grid-template-columns: 1fr; }
}
.skelly-newsletter label {
	display: block;
	font-weight: 600;
	font-size: 18px;
	line-height: 1.3;
	margin-bottom: 6px;
	color: var(--color-n-black, #282829);
}
.skelly-newsletter input[type="text"],
.skelly-newsletter input[type="email"],
.skelly-newsletter select {
	width: 100%;
	background-color: #f6f6f8;
	border: 0;
	border-radius: 0;
	padding: 15px 20px;
	font: inherit;
	color: var(--color-n-black, #282829);
	transition: box-shadow .2s cubic-bezier(.4,0,0,1);
	display: block;
}
.skelly-newsletter input::placeholder { color: #69696a; opacity: 1; }
.skelly-newsletter input:focus,
.skelly-newsletter select:focus {
	outline: none;
	box-shadow: inset 0 0 0 2px var(--color-p, #ff6e33);
}
.skelly-newsletter .dropdown { display: block; }

/* step visibility (vertical slide-in like live's slick carousel) */
.skelly-newsletter__step[hidden] { display: none; }
.skelly-newsletter__step.is-active {
	animation: skelly-nl-slide .35s cubic-bezier(.4,0,0,1);
}
@keyframes skelly-nl-slide {
	from { opacity: 0; transform: translateY(24px); }
	to   { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
	.skelly-newsletter__step.is-active { animation: none; }
}

/* actions row */
.skelly-newsletter__actions {
	margin-top: 5rem;
	display: flex;
	gap: 16px;
	align-items: center;
}
/* step-1 CTA — black pill + arrow (matches the old GF submit / live) */
.skelly-newsletter__next {
	align-items: center;
	background: var(--color-n-black, #282829);
	border: none;
	border-radius: 100px;
	color: #fff;
	cursor: pointer;
	display: inline-flex;
	font-family: inherit;
	font-size: 1.8rem;
	font-weight: 600;
	gap: 10px;
	line-height: 1.3;
	padding: 1.1em 2.6em;
	transition: opacity .2s ease;
}
.skelly-newsletter__next svg { width: 14px; height: 14px; display: block; flex-shrink: 0; }
.skelly-newsletter__next:hover { opacity: .85; }

/* step-2 buttons — measured off live 2026-07-30:
   Back  = borderless TEXT button (transparent, black, 20px/600, arrow with a
           clear 12px gap before the label — James: "more spacing")
   Submit "Sign up now" = BLACK pill (bg #282829, white, 20px/600, 20px 36px pad),
           NOT orange — live's is black. */
/* Back keeps its normal outline-button skin (c-btn--secondary) — James, 2026-07-30:
   ONLY add breathing room between the arrow svg and the "Back" label. */
.skelly-newsletter #newsletter-back .c-btn__icon {
	margin-right: 10px;
	display: inline-flex;
}
.skelly-newsletter [data-newsletter-submit] {
	/* --c-btn-color feeds the sweep-out ::before overlay (it painted ORANGE
	   over the black bg — the sweep skin, not background, is what shows) */
	--c-btn-color:      var(--color-n-black, #282829);
	--c-btn-bg:         var(--color-n-black, #282829);
	--c-btn-text:       #fff;
	--c-btn-bg-hover:   var(--color-n-black, #282829);
	--c-btn-text-hover: #fff;
	--c-btn-ring:       var(--color-n-black, #282829);
	background: var(--color-n-black, #282829);
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	padding: 20px 36px;
	gap: 10px;
	transition: opacity .2s ease;
}
.skelly-newsletter [data-newsletter-submit]:hover:not([disabled]),
.skelly-newsletter [data-newsletter-submit]:focus-visible:not([disabled]) {
	background: var(--color-n-black, #282829);
	color: #fff;
	opacity: .85;
}
.skelly-newsletter [data-newsletter-submit][disabled] { opacity: .6; cursor: default; }

/* step-2 opt-in rows (live #newsletter-signup-last-step .form__row) */
.skelly-newsletter .form__row--optin {
	display: grid;
	grid-template-columns: 28px 1fr;
	gap: 16px;
	align-items: start;
	margin-bottom: 2.4rem;
}
.skelly-newsletter .form__row--optin .input-checkbox {
	width: 24px;
	height: 24px;
	margin-top: 2px;
	accent-color: var(--color-n-black, #282829);
	cursor: pointer;
}
.skelly-newsletter .form__row--optin label {
	margin: 0;
	font-weight: 400;
	cursor: pointer;
}
.skelly-newsletter .form__row--optin .weight-700 { font-weight: 700; }

/* validation alert + inline error */
.skelly-newsletter .c-alert {
	background: #fff;
	border-left: 4px solid var(--color-m-error, #ee0004);
	padding: 12px 16px;
	margin-bottom: 2.4rem;
}
.skelly-newsletter .c-alert .u-h4 { font-size: 1.8rem; font-weight: 700; margin: 0 0 6px; }
.skelly-newsletter .c-alert ul { margin: 0; padding-left: 18px; }
.skelly-newsletter .error { color: var(--color-m-error, #ee0004); margin: 0 0 1.6rem; }
.skelly-newsletter .u-none { display: none !important; }

/* thank-you — live 1:1 (measured 2026-07-30): heading 28px/600 with 32px below,
   body 20px. PX not rem (the mobile root-font shrink under-sizes rem here). */
#newsletter-signup-success .u-h4 {
	font-size: 28px;
	font-weight: 600;
	line-height: 1.25;
	margin: 0 0 32px;
	color: var(--color-n-black, #282829);
}
#newsletter-signup-success p {
	margin: 0;
	font-size: 20px;
	line-height: 1.35;
	color: var(--color-n-black, #282829);
}