/* ============================================================
   shared.css — Κοινά στοιχεία (nav / footer / dropdown / βάση)
   για όλες τις σελίδες.
   Φορτώνεται ΠΡΙΝ το inline <style> κάθε σελίδας, ώστε τυχόν
   page-specific overrides να υπερισχύουν (μηδενική οπτική αλλαγή).
   Μοναδική πηγή αλήθειας για μελλοντικές αλλαγές σε nav/footer.
============================================================ */

:root{
  --bg1:#0e1320; --bg2:#161c2e;
  --warm1:#ff7a59; --warm2:#ffd166; --cool:#7bdff2;
  --ink:#eaf1ff; --muted:#b9c3da;
  --card:#1b2236; --ring:#24304a;
  --radius:18px; --shadow:0 18px 60px rgba(0,0,0,.35);
  --field:#0f172a; --field-border:#2a3856;
  --focus:#7bdff2; --dark:#0e1320;
  --light:#ffffff;
  --accent:#0e3ab4;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:linear-gradient(180deg,#020002,#201d20);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
a{color:#d1ecff;text-decoration:none}
a:hover{text-decoration:underline}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* Skip-to-content link (εμφανίζεται μόνο με πληκτρολόγιο/focus) */
.skip-link{position:absolute;left:-9999px;top:0;z-index:1000;background:var(--accent);color:#fff;padding:10px 16px;border-radius:0 0 8px 0;font-weight:700;text-decoration:none;}
.skip-link:focus{left:0;}
#main-content:focus{outline:none;}

/* ===== Sticky nav ===== */
.sticky-nav{position:sticky;top:0;z-index:100;backdrop-filter:blur(10px);background:hsla(0,0%,0%,0.899);border-bottom:1px solid rgba(34,0,44,0.81);box-shadow:0 2px 10px rgba(0,0,0,0.1);display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;transition:top 0.3s ease;}
.logo-container{display:flex;align-items:center;}
.logo-image{height:40px;width:auto;margin:10px;margin-left:5vh;}
.logo-text{color:var(--ink);font-size:1.5rem;font-weight:bold;}
.nav-items{display:flex;gap:5rem;margin-right:150px;}
.nav-items a{color:#fff;text-decoration:none;font-weight:500;transition:all 0.3s ease;padding:0.2rem 1rem;position:relative;}
.nav-items a:hover{color:var(--accent);transform:scale(1.05);}
.nav-items a:hover::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--accent);}
.dropdown{position:relative;}
.dropdown-content{display:none;position:absolute;background:rgba(32,32,32,0.659);box-shadow:0 8px 16px rgba(0,0,0,0.566);z-index:1;min-width:160px;border-radius:0.5rem;overflow:hidden;}
.dropdown:hover .dropdown-content{display:block;}
.dropdown.open .dropdown-content{display:block;}
.dropdown-content a{color:var(--ink);padding:0.75rem 1rem;text-decoration:none;display:block;transition:all 0.2s ease;}
.dropdown-content a:hover{background:var(--muted);color:var(--accent);transform:none;padding-left:1.25rem;}

/* ===== Footer ===== */
footer{position:relative;z-index:4;color:var(--light);padding:3rem 0;margin-top:auto;}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem;max-width:1500px;margin:0 auto;padding:0 2rem;}
.footer-col a{display:block;color:#cccccc;margin-bottom:0.5rem;text-decoration:none;}
.footer-col a:hover{color:var(--accent);transform:none;padding-left:0.2rem;}
.logo-footer{height:40px;width:auto;margin:10px;}
.social-icons{display:flex;gap:2rem;margin:1rem 0;}
.social-icons a img{width:30px;height:30px;filter:brightness(0) invert(1);transition:transform 0.3s ease,filter 0.3s ease;}
.social-icons a:hover img{filter:brightness(1) invert(0.5);}
.copyright{text-align:center;margin-top:2rem;padding-top:1rem;border-top:1px solid #444;}