/* =====================================================================
   Consumer site footer — extracted from _Footer.cshtml's inline <style>.
   Layout: brand + social on the left, link columns on the right.
   ===================================================================== */

.cw-footer { background: #0a1330; color: #cdd8e2; padding: 48px 20px 24px; }

.cw-footer-top {
    max-width: 1180px; margin: 0 auto;
    display: flex; justify-content: space-between; align-items: flex-start;
    gap: 48px; flex-wrap: wrap; padding-bottom: 30px;
}

/* ---- LEFT: brand ---- */
.cw-footer-brand { max-width: 320px; }
.cw-footer-brand .cw-footer-logo { height: 64px; width: auto; display: block; margin: 0 0 10px; }
.cw-footer-brand .cw-tagline { color: #93a4b4; font-size: 13px; margin: 0 0 16px; }

.cw-footer-social { display: flex; gap: 14px; }
.cw-footer-social a {
    color: #cdd8e2; font-size: 16px; width: 38px; height: 38px;
    display: inline-flex; align-items: center; justify-content: center;
    border: 1px solid rgba(255,255,255,.15); border-radius: 999px;
    transition: color .15s, border-color .15s;
}
.cw-footer-social a:hover { color: #fff; border-color: #4ea1ff; }

/* ---- RIGHT: link columns ---- */
.cw-footer-columns { display: flex; flex-wrap: wrap; gap: 44px; }
.footer-column h4 { color: #fff; font-size: 15px; font-weight: 700; margin: 0 0 14px; }
.footer-column h4 a { color: #fff; text-decoration: none; }
.footer-column h4 a:hover { color: #4ea1ff; }
.footer-column ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.footer-column a { color: #cdd8e2; text-decoration: none; font-size: 14px; }
.footer-column a:hover { color: #4ea1ff; }

/* ---- Bottom bar ---- */
.cw-footer-bottom {
    max-width: 1180px; margin: 0 auto; border-top: 1px solid rgba(255,255,255,.08);
    padding-top: 18px; font-size: 13px; color: #93a4b4;
    display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap;
}
.cw-footer-bottom a { color: #cdd8e2; text-decoration: underline; }
.cw-footer-bottom a:hover { color: #fff; }

@media (max-width: 720px) {
    .cw-footer-top { flex-direction: column; gap: 32px; }
    .cw-footer-columns { gap: 32px; }
}