/* footer.css — site-wide footer styles
   Loaded globally in header. */

#footer {
    clear: both;
    background: #1a2332;
    color: #c8d1da;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 13px;
    line-height: 1.6;
    max-width: 938px;
    margin: 0 auto;
    padding: 0 8px;
}
#footer a { color: #7eb8e0; text-decoration: none; }
#footer a:hover { color: #fff; }
#footer h4, #footer strong { color: #fff; font-family: inherit; font-weight: 600; font-size: 13px; }

.footer-main {
    max-width: 938px;
    margin: 0 auto;
    padding: 40px 8px 30px;
    display: flex;
    gap: 40px;
}
.footer-about { flex: 1.5; }
.footer-about p { margin: 0 0 12px; }
.footer-links-group { flex: 1; }
.footer-links-group h4 { margin: 0 0 10px; font-size: 13px; text-transform: uppercase; letter-spacing: 0.5px; }
.footer-links-group ul { list-style: none; margin: 0; padding: 0; }
.footer-links-group ul li { margin-bottom: 6px; }
.footer-contact { flex: 1; }
.footer-contact h4 { margin: 0 0 10px; font-size: 13px; text-transform: uppercase; letter-spacing: 0.5px; }
.footer-contact p { margin: 0 0 6px; }

.footer-nasba {
    max-width: 938px;
    margin: 0 auto;
    padding: 0 8px 20px;
    font-size: 11px;
    color: #8a95a3;
    line-height: 1.5;
    border-top: 1px solid #2a3544;
    padding-top: 20px;
}
.footer-nasba p { margin: 0 0 6px; }

.footer-copyright {
    border-top: 1px solid #2a3544;
    text-align: center;
    padding: 15px 20px;
    font-size: 11px;
    color: #6b7888;
}
.footer-copyright p { margin: 0; }

/* Tablet — stack into 2x2 grid */
@media (max-width: 768px) {
    .footer-main {
        flex-wrap: wrap;
        gap: 24px;
    }
    .footer-about {
        flex: 1 1 100%;
    }
    .footer-links-group,
    .footer-contact {
        flex: 1 1 calc(50% - 12px);
    }
}

/* Mobile — single column */
@media (max-width: 480px) {
    .footer-main {
        flex-direction: column;
        gap: 24px;
        padding: 30px 20px 20px;
    }
    .footer-about,
    .footer-links-group,
    .footer-contact {
        flex: 1 1 100%;
    }
}