/* =========================================================
   NitkoTime — общий подвал
   Подключение (после header.css — логотип берёт базовые стили оттуда):
     <link rel="stylesheet" href="/footer.css?v=1">
     <footer class="site-footer" id="siteFooter"></footer>
     <script src="/footer.js?v=1" defer></script>
   ========================================================= */

.site-footer, .site-footer *, .site-footer *::before, .site-footer *::after { box-sizing: border-box; }

.site-footer {
    border-top: 1px solid #333;
    padding: 36px 0;
    margin-top: 96px;
    font-family: "Inter", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;
    line-height: 1.5;
}

.footer-inner {
    display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px;
    width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 24px;
}

.footer-brand { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.footer-brand .logo { font-size: 18px; }
.footer-text { color: #777; font-size: 14px; }

.footer-links { display: flex; gap: 25px; align-items: center; flex-wrap: wrap; }
.footer-links a { color: #bbb; text-decoration: none; font-size: 14px; transition: color 0.2s; }
.footer-links a:hover { color: #2ecc71; }
.footer-links a:focus-visible { outline: 2px solid #2ecc71; outline-offset: 3px; border-radius: 4px; }

@media (max-width: 650px) {
    .site-footer { margin-top: 64px; }
    .footer-inner { padding: 0 18px; }
    .footer-inner, .footer-brand { flex-direction: column; text-align: center; }
    .footer-links { flex-direction: column; gap: 15px; }
}