/* ==========================================================================
   90+ ΚΟΙΝΟ ΜΕΝΟΥ για τις σελίδες Πρόγραμμα / Προγνωστικά / Κατάταξη / Όλα τα άρθρα.
   Ίδια εμφάνιση με την αρχική:
     • Υπολογιστής: 90+ αριστερά, σύνδεσμοι σε μία γραμμή, κόκκινη γραμμή στη σελίδα που είσαι
     • Κινητό: μόνο ☰ (αριστερά) και 90+ (μέση) — το μενού ανοίγει σε panel από αριστερά
   Το ☰ το δημιουργεί το polish.js (ίδιο με την αρχική).
   ========================================================================== */
.site-nav { position: sticky; top: 0; z-index: 100; background: rgba(9, 18, 36, .94); border-bottom: 1px solid rgba(255, 255, 255, .08);
    backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); font-family: 'Inter', system-ui, sans-serif; }
.site-nav .nav-container { max-width: 1760px; width: 97%; margin: 0 auto; display: flex; align-items: center; gap: 1.5rem; padding: .7rem 0; }
.site-nav .logo { flex-shrink: 0; font-size: 2.5rem; font-weight: 900; letter-spacing: -.04em; line-height: 1.1; text-decoration: none;
    padding: .2rem .85rem; border-radius: 14px; border: 1px solid rgba(56, 189, 248, .35); background: rgba(255, 255, 255, .04); }
.site-nav .logo .n { color: #ef4444; } .site-nav .logo .p { color: #38bdf8; }
.site-nav .nav-links { flex: 1; display: flex; align-items: center; justify-content: flex-end; gap: 1.2rem; flex-wrap: nowrap; }
.site-nav .nav-links > a { color: #f1f5f9; font-weight: 700; font-size: 1rem; text-decoration: none; white-space: nowrap; position: relative; padding: .35rem 0; }
.site-nav .nav-links > a:hover { color: #fff; }
.site-nav .nav-links > a.active { color: #fff; }
.site-nav .nav-links > a.active::after { content: ''; position: absolute; left: 0; right: 0; bottom: -2px; height: 3px; border-radius: 2px; background: #ef4444; }
.site-nav .nav-links a:focus-visible, .site-nav .logo:focus-visible { outline: 2px solid #38bdf8; outline-offset: 3px; border-radius: 6px; }
.site-nav .auth-widget { display: inline-flex; align-items: center; flex-wrap: nowrap !important; gap: .7rem !important; }
.site-nav .auth-widget a, .site-nav .auth-widget span { color: #e2e8f0; font-weight: 700; text-decoration: none; white-space: nowrap; font-size: .96rem; }
.site-nav .nt-bell { font-size: 1.25rem; }

/* Μικρότερες οθόνες υπολογιστή: πιο πυκνά, τα emoji των συνδέσμων φεύγουν (όπως στην αρχική) */
@media (min-width: 901px) and (max-width: 1540px) {
    .site-nav .nav-links { gap: .85rem; }
    .site-nav .nav-links > a { font-size: .93rem; }
    .site-nav .nav-links > a .nav-emoji { display: none; }
    .site-nav .logo { font-size: 2.2rem; }
}
@media (min-width: 901px) and (max-width: 1280px) {
    .site-nav .nav-links { gap: .65rem; }
    .site-nav .nav-links > a, .site-nav .auth-widget a, .site-nav .auth-widget span { font-size: .86rem; }
    .site-nav .nav-ico-lbl { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
}

/* ---------------- Κινητό: ☰ + 90+ · panel από αριστερά ---------------- */
.site-nav .nav-burger, .nav-close, .nav-overlay { display: none; }
@media (max-width: 900px) {
    /* ΠΑΓΙΔΑ: το backdrop-filter «κλειδώνει» τα position:fixed μέσα στη μπάρα — στο κινητό η μπάρα γίνεται συμπαγής */
    .site-nav { backdrop-filter: none; -webkit-backdrop-filter: none; background: #0b1426; }
    .site-nav .nav-container { justify-content: space-between; gap: .5rem; padding: .55rem 0; }
    .site-nav .logo { order: 2; margin: 0 auto; font-size: 2.3rem; }
    .site-nav .nav-burger { display: grid; place-items: center; order: 1; position: relative; width: 46px; height: 46px; flex-shrink: 0; border-radius: 12px;
        border: 1px solid rgba(255, 255, 255, .18); background: rgba(255, 255, 255, .06); color: #fff; cursor: pointer; }
    .site-nav .nav-burger span, .site-nav .nav-burger span::before, .site-nav .nav-burger span::after { display: block; width: 22px; height: 2.5px; border-radius: 2px; background: currentColor; position: relative; }
    .site-nav .nav-burger span::before, .site-nav .nav-burger span::after { content: ''; position: absolute; left: 0; }
    .site-nav .nav-burger span::before { top: -7px; } .site-nav .nav-burger span::after { top: 7px; }
    .site-nav .nav-burger .dot { position: absolute; top: 7px; right: 7px; width: 10px; height: 10px; border-radius: 50%; background: #ef4444; border: 2px solid #0b1220; }
    .site-nav .nav-burger .dot[hidden] { display: none; }
    .site-nav .nav-spacer { order: 3; width: 46px; flex-shrink: 0; }
    .site-nav .nav-links { position: fixed; top: 0; left: 0; bottom: 0; height: 100dvh; z-index: 5000; width: min(310px, 86vw);
        flex-direction: column; align-items: stretch; justify-content: flex-start; gap: .15rem; padding: 4.2rem 1rem 1.5rem;
        overflow-y: auto; overscroll-behavior: contain; background: #0b1426; border-right: 1px solid rgba(255, 255, 255, .1);
        box-shadow: 12px 0 40px rgba(0, 0, 0, .5); transform: translateX(-105%); transition: transform .28s ease; visibility: hidden; }
    body.nav-open .site-nav .nav-links { transform: none; visibility: visible; }
    body.nav-open .site-nav { z-index: 6000; }
    .site-nav .nav-links > a { font-size: 1.08rem; padding: .8rem .6rem; border-radius: 10px; border-bottom: 1px solid rgba(255, 255, 255, .06); }
    .site-nav .nav-links > a:hover { background: rgba(56, 189, 248, .1); }
    .site-nav .nav-links > a.active { background: rgba(239, 68, 68, .12); }
    .site-nav .nav-links > a.active::after { display: none; }
    .site-nav .nav-links > a .nav-emoji { display: inline; }
    .site-nav .nav-links .nt-wrap { margin: .6rem 0 .2rem; }
    .site-nav .nav-links .auth-widget { flex-wrap: wrap !important; justify-content: flex-start; padding: .5rem .2rem; gap: .6rem 1rem !important; }
    .site-nav .nav-links .nt-panel { position: fixed; top: 58px; left: 8px; right: 8px; width: auto; }
    .site-nav .nav-close { display: grid; place-items: center; position: absolute; top: .8rem; right: .8rem; width: 40px; height: 40px; border-radius: 50%;
        border: 1px solid rgba(255, 255, 255, .2); background: rgba(255, 255, 255, .06); color: #fff; font-size: 1.1rem; cursor: pointer; }
    .nav-overlay { display: block; position: fixed; inset: 0; z-index: 4999; background: rgba(0, 0, 0, .55); opacity: 0; pointer-events: none; transition: opacity .25s; }
    body.nav-open .nav-overlay { opacity: 1; pointer-events: auto; }
    body.nav-open { overflow: hidden; }
}
@media (prefers-reduced-motion: reduce) { .site-nav .nav-links, .nav-overlay { transition: none; } }