/* Floating contact buttons disappear at the footer, so no extra clearance is needed. */
.footer-socials{display:flex;flex-wrap:wrap;gap:14px;margin-top:20px}.footer-socials a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;transition:color 180ms,border-color 180ms}.footer-socials a:hover{color:var(--color-brand);border-color:var(--color-brand)}
.home-footer--has-complaint{padding-top:0}
.home-footer .complaint{position:relative;z-index:2;padding:0;border:0;transform:translateY(-50%)}
.home-footer .complaint-inner{justify-content:center;gap:32px;max-width:1000px;margin:0 auto;padding:32px 40px;border-radius:12px;background:var(--color-paper);color:var(--color-ink);text-align:center;box-shadow:0 8px 28px rgba(36,33,31,.2)}
.home-footer .complaint-inner p{color:color-mix(in srgb,var(--color-ink) 78%,var(--color-paper))}
@media(min-width:768px){
    .footer-bottom{flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;text-align:left}
}
@media(max-width:767px){
    /* Keep the Bootstrap row gutters within the container on narrow screens. */
    .home-footer .row.g-5{--bs-gutter-x:2rem}
    .home-footer{padding-bottom:calc(20px + env(safe-area-inset-bottom))}
    .home-footer--has-complaint{padding-top:0}
    .home-footer .complaint-inner{align-items:center;padding:26px 20px;gap:20px}
}