/* The public footer (views/partials/site-footer.ejs), shared by the landing page and the citizen portal. */
.foot { background: #1E1B18; color: #CAC4BB; }
.foot-wrap { max-width: 1200px; margin: 0 auto; padding: 0 40px; }
.foot-grid { display: grid; grid-template-columns: 1.4fr 1fr; gap: 32px; padding-top: 44px; padding-bottom: 28px; }
.foot-brand { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.foot-brand img { width: 34px; height: 34px; border-radius: 50%; background: #FFFFFF; }
.foot-brand span { font-family: 'Source Serif 4', Georgia, serif; font-weight: 700; font-size: 1.1rem; color: #FFFFFF; }
.foot p { margin: 0; font-size: .9rem; line-height: 1.65; }
.foot h3 { margin: 0 0 12px; font-size: .8rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: #FFFFFF; }
.foot ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 10px; font-size: .9rem; }
.foot ul i { width: 16px; margin-right: 8px; color: #F08A80; }
.foot-bottom { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 14px; padding-top: 18px; padding-bottom: 24px; border-top: 1px solid rgba(255,255,255,.1); text-align: center; font-size: .82rem; }
.foot-bottom a { color: #F08A80; }

/* Phones: a short footer, the brand line and contact rows set close together. */
@media (max-width: 640px) {
    .foot-wrap { padding: 0 16px; }
    .foot-grid { grid-template-columns: 1fr; gap: 16px; padding-top: 26px; padding-bottom: 16px; }
    .foot-brand { margin-bottom: 6px; }
    .foot-brand img { width: 28px; height: 28px; }
    .foot p { font-size: .85rem; line-height: 1.5; }
    .foot h3 { margin-bottom: 8px; }
    .foot ul { gap: 6px; font-size: .85rem; }
    .foot-bottom { padding-top: 12px; padding-bottom: 16px; font-size: .75rem; }
}