/* Общ стил за хедър (nav) и футър на главния сайт.
   Ползва променливите --p, --acc, --bg, --bdr, --tx, --tx2 от :root на страницата. */

/* ── NAV ── */
.nav {
    position: sticky; top: 0; z-index: 100;
    border-bottom: 1px solid var(--bdr);
    background: rgba(15,17,23,.85);
    backdrop-filter: blur(12px);
}
.nav-inner {
    display: flex; align-items: center; justify-content: space-between;
    padding: 16px 24px; max-width: 1100px; margin: 0 auto;
}
.nav a, footer a { text-decoration: none; }
.nav a:hover, footer a:hover { text-decoration: none; }
.logo {
    font-family: var(--font-display);
    font-size: 1.25rem; font-weight: 700;
    display: flex; align-items: center; gap: 6px;
    color: var(--tx);
}
.logo-dot { color: var(--acc); }
.logo-ai {
    font-size: .8rem; font-weight: 700;
    border: 1px solid var(--bdr); border-radius: 6px;
    padding: 2px 6px; color: var(--acc);
}
.nav-links { display: flex; align-items: center; gap: 8px; }
.nav-link { color: var(--tx2); font-size: .9rem; padding: 6px 12px; border-radius: 8px; transition: color .15s; }
.nav-link:hover { color: var(--tx); }
.nav .btn-primary { color: #fff; }
.nav .btn-outline { color: var(--tx); }

/* ── FOOTER ── */
footer {
    border-top: 1px solid var(--bdr);
    padding: 40px 24px; text-align: center;
    color: var(--tx2); font-size: .83rem;
}
footer a { color: var(--tx2); transition: color .15s; }
footer a:hover { color: var(--tx); }
.footer-links { display: flex; justify-content: center; gap: 24px; margin-bottom: 16px; flex-wrap: wrap; }

@media (max-width: 640px) {
    .nav-link { display: none; }
}