/* Site footer (Avada footer 712, spec 2026-10-08-footer-redesign-design.md). Every rule is
   under .serenity-footer, the class on all three footer containers. Mobile first. */
.serenity-footer {
	--serenity-footer-blue: #2F4777;    /* main area; white 9.18:1 */
	--serenity-footer-muted: #D6DDEC;   /* body text on the footer blue, 6.73:1 */
	--serenity-footer-line: #ABB6CD;    /* decorative dividers and icon rings, 4.5:1 */
	--serenity-footer-ink: #1F2433;     /* bottom strip; white 15.46:1 */
	font-size: 0.9375rem;
	line-height: 1.6;
}
.serenity-footer .fusion-text { margin: 0; }
.serenity-footer p { margin: 0; }
.serenity-footer ul { margin: 0; padding: 0; list-style: none; }
.serenity-footer__title {
	font-family: var(--awb-typography1-font-family, "Cormorant Garamond", Georgia, serif);
	font-size: 1.375rem;
	font-weight: 600;
	line-height: 1.2;
}
.serenity-footer a:focus-visible { outline: 3px solid #FFFFFF; outline-offset: 2px; }

/* Main area */
.fusion-fullwidth.serenity-footer__main { background-color: var(--serenity-footer-blue); color: var(--serenity-footer-muted); }
.serenity-footer__grid { display: grid; gap: 2rem; padding-block: 2.5rem 2rem; }
.serenity-footer__brand { display: grid; gap: 0.75rem; justify-items: start; }
.serenity-footer__logo { width: 84px; height: 84px; border-radius: 50%; background-color: #FFFFFF; }
.serenity-footer__name { color: #FFFFFF; font-family: var(--awb-typography1-font-family, "Cormorant Garamond", Georgia, serif); font-size: 1.5rem; line-height: 1.2; }
.serenity-footer__main .serenity-footer__title { margin-bottom: 0.75rem; padding-bottom: 0.5rem; border-bottom: 1px solid var(--serenity-footer-line); color: #FFFFFF; }
.serenity-footer__main a { color: #FFFFFF; text-decoration: none; }
.serenity-footer__main a:hover { text-decoration: underline; text-underline-offset: 0.2em; }
.serenity-footer__nav a,
.serenity-footer__contact address a { display: inline-flex; align-items: center; min-height: 44px; }
.serenity-footer__contact address { display: grid; gap: 0.25rem; font-style: normal; }
.serenity-footer__label { color: #FFFFFF; font-weight: 600; }
.serenity-footer__social { display: flex; gap: 0.5rem; }
.serenity-footer__social a {
	display: inline-grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border: 1px solid var(--serenity-footer-line);
	border-radius: 50%;
}
.serenity-footer__social a:hover { border-color: #FFFFFF; }
.serenity-footer__social svg { width: 18px; height: 18px; fill: currentColor; }
/* Phone order: identity, contact, services, clinic (spec §5.3). */
.serenity-footer__contact { order: 1; }
.serenity-footer__nav--services { order: 2; }
.serenity-footer__nav--clinic { order: 3; }

/* Crisis bar */
.fusion-fullwidth.serenity-footer__crisis { background-color: var(--serenity-footer-blue); }
.serenity-footer__crisis-text { padding-block: 1rem; border-top: 1px solid var(--serenity-footer-line); color: var(--serenity-footer-muted); }
.serenity-footer__crisis-text strong,
.serenity-footer__crisis-text a { color: #FFFFFF; }
/* Inline padding grows the 9-8-8 and 911 tap areas to 44px without changing the line height. */
.serenity-footer__crisis-text a { padding-block: 0.75rem; text-decoration: underline; text-underline-offset: 0.2em; }

/* Credential and legal strip */
.fusion-fullwidth.serenity-footer__bottom { background-color: var(--serenity-footer-ink); color: #FFFFFF; font-size: 0.875rem; }
.serenity-footer__bottom .fusion-column-wrapper { gap: 0.25rem 1.5rem; padding-block: 0.75rem; }
.serenity-footer__legal { display: flex; flex-wrap: wrap; gap: 0 1.25rem; }
.serenity-footer__bottom a { display: inline-flex; align-items: center; min-height: 44px; color: #FFFFFF; text-decoration: underline; text-underline-offset: 0.2em; }

/* Room for the phone booking bar on redesigned pages (.serenity-mobile-cta, ~88px). */
@media (max-width: 767px) {
	/* Only the layouts that print the bar ($has_flow in upsert.php: service, hub, home). */
	:is(.serenity-layout-service, .serenity-layout-hub, .serenity-layout-home) .serenity-footer__legal { padding-bottom: 5.5rem; }
}

@media (min-width: 768px) {
	.serenity-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.5rem 3rem; padding-block: 3rem 2.5rem; }
	.serenity-footer__nav a,
	.serenity-footer__contact address a { min-height: 0; padding-block: 0.2rem; }
	.serenity-footer__bottom a { min-height: 0; }
}

@media (min-width: 1280px) {
	.serenity-footer__grid { grid-template-columns: 1.4fr 1fr 1fr 1.3fr; }
	.serenity-footer__contact,
	.serenity-footer__nav--services,
	.serenity-footer__nav--clinic { order: 0; }
}

@media (prefers-reduced-motion: no-preference) {
	.serenity-footer__social a { transition: background-color 0.2s ease, border-color 0.2s ease; }
}