/* ========================================================================================
 * footer.css - .site-footer and its BEM parts (L2 layer).
 * Ported from docs/design-source/homepage-template.html's footer (search "<footer").
 * Always a dark ground (--cd-ground-deeper), so footer.php pairs it with .on-dark for the
 * generic heading/paragraph/link flips (base.css); this file only adds the parts
 * .on-dark doesn't cover (grid layout, muted link color, the bottom legal row).
 * ======================================================================================== */

.site-footer{background:var(--cd-ground-deeper);padding:var(--cd-8) var(--cd-gutter) var(--cd-6)}
.site-footer__inner{max-width:var(--cd-container);margin-inline:auto;display:flex;flex-direction:column;gap:var(--cd-7)}

.site-footer__grid{
	display:grid;gap:var(--cd-6);
	grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));
	align-items:start;
}
.site-footer__brand{display:flex;flex-direction:column;gap:var(--cd-4)}
.site-footer__logo{width:200px;height:auto}
.site-footer__social{display:flex;gap:var(--cd-3)}
.site-footer__social-link{color:var(--cd-white);opacity:.85;transition:opacity .2s ease,color .2s ease}
.site-footer__social-link:hover{opacity:1;color:var(--cd-ink-accent-invert)}

.site-footer__col{display:flex;flex-direction:column;gap:var(--cd-3)}
.site-footer__title{font-size:var(--cd-small);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cd-white)}
.site-footer__link{color:var(--cd-ink-invert-muted);text-decoration:none;font-size:var(--cd-small)}
.site-footer__link:hover{color:var(--cd-white)}

.site-footer__bottom{
	border-top:1px solid rgb(255 255 255 / .12);padding-top:var(--cd-5);
	display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--cd-3);
	font-size:var(--cd-eyebrow);
	color:#93A29F; /* literal on-dark muted, matches the design source's own footer legal-line color; no token covers this exact shade (see tokens.css's --cd-ink-invert-muted comment for the same precedent) */
}
.site-footer__legal{display:flex;flex-wrap:wrap;gap:var(--cd-4)}
.site-footer__legal a{color:inherit;text-decoration:none}
.site-footer__legal a:hover{color:var(--cd-white)}