/* Footer social links (inc/social.php), in the footer's bottom bar. Inherits the footer's colors. */
.f-social { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 6px 14px; }
.f-social-link { display: inline-flex; align-items: center; gap: 7px; text-decoration: none; }
.f-social-link svg { flex: none; }
.f-social-link:hover span { text-decoration: underline; }

/* Footer column titles and product card names look like headings but are not (keeps the heading outline lean). */
.f-grid .f-h { font: 500 .75rem/1 var(--sans); letter-spacing: .2em; text-transform: uppercase; color: var(--clay-wash); margin: 0 0 18px; }
.p-card .p-card-title { font-family: var(--serif); font-weight: 500; line-height: 1.15; letter-spacing: -.005em; color: var(--ink); text-wrap: balance; font-size: 1.35rem; margin: 14px 0 2px; }