/* ========================================================================== 90+ MOBILE FIXES Ενεργοποιείται ΜΟΝΟ σε οθόνες κινητού/tablet. Στον υπολογιστή δεν αλλάζει τίποτα. Μπαίνει στο του index.html, ΜΕΤΑ το . ========================================================================== */ @media (max-width: 768px) { /* ---------- ΜΕΝΟΥ: σπάει σε γραμμές αντί να σπρώχνει τη σελίδα ---------- */ .navbar { position: relative; padding: 0.8rem 0; } .nav-container { flex-direction: column; gap: 0.7rem; } .nav-links { flex-wrap: wrap; justify-content: center; gap: 0.35rem 0.9rem; } .nav-links a { font-size: 0.85rem; } .logo { font-size: 1.6rem; } .theme-btn, .team-dropdown-btn { margin-left: 0; font-size: 0.8rem; } /* Το dropdown «Η Ομάδα μου» ανοίγει στο κέντρο της οθόνης */ .team-dropdown-menu { position: fixed; top: 90px; left: 5%; right: 5%; width: auto; max-height: 60vh; } /* ---------- ΓΕΝΙΚΑ ΚΕΝΑ ---------- */ .section-padding { padding: 2rem 0; } .section-title { font-size: 1.5rem; } /* ---------- HERO ---------- */ .hero-section { padding-top: 1.2rem; } .hero-image-wrapper { height: 220px; min-height: 0; } .hero-content { padding: 1.4rem; } .hero-title { font-size: 1.45rem; } .hero-excerpt { font-size: 0.95rem; } /* ---------- ΑΡΘΡΑ + «ΤΟ ΗΞΕΡΕΣ;» ΤΟ ΕΝΑ ΚΑΤΩ ΑΠΟ ΤΟ ΑΛΛΟ ---------- */ .layout-grid { grid-template-columns: 1fr !important; } .content-with-phone-grid { gap: 1.5rem; } .phone-mockup-wrapper { margin-left: auto; margin-right: auto; } /* ---------- ΓΗΠΕΔΟ ---------- */ .interactive-pitch { height: 330px; } .player-slot { width: 58px; height: 34px; font-size: 0.6rem; } .player-slot .player-name { max-width: 54px; } .smart-mode-btn { font-size: 0.7rem; padding: 0.35rem 0.4rem; } /* ---------- ΠΡΩΤΑΘΛΗΜΑΤΑ: στο κινητό δεν υπάρχει hover, πάμε κατευθείαν στο hub ---------- */ .league-mega-menu { display: none !important; } .leagues-pills { gap: 0.6rem; } .league-pill { padding: 0.45rem 0.9rem; font-size: 0.85rem; } /* ---------- HUB ΟΜΑΔΑΣ / ΠΡΩΤΑΘΛΗΜΑΤΟΣ ---------- */ .dynamic-team-banner { flex-direction: column; align-items: flex-start; gap: 1rem; padding: 1.3rem; } .club-info-flex { gap: 1rem; } .club-logo-large { width: 56px; height: 56px; } .club-details h1 { font-size: 1.6rem; } /* Βαθμολογίες: κυλάνε μέσα στο κουτί τους */ .standings-card { padding: 1rem; } #standings-table-wrapper, #league-standings-wrapper { overflow-x: auto; } .standings-table { font-size: 0.8rem; } .standings-table th, .standings-table td { padding: 0.5rem 0.45rem; } /* Θεματολογία */ .thematic-slide-img-wrapper { height: 200px; } .thematic-slide-content { padding: 1.2rem 1.4rem 1.6rem; } /* ---------- ΠΟΙΟΙ ΕΙΜΑΣΤΕ / ΡΑΔΙΟΦΩΝΟ ---------- */ .about-card { padding: 1.8rem 1.3rem; } .about-card h2 { font-size: 1.5rem; } .discreet-radio-bar { flex-wrap: wrap; justify-content: center; border-radius: 16px; } /* ---------- ΚΟΥΜΠΙ ΖΑΡΙΑΣ ---------- */ .floating-fact-btn { bottom: 16px; right: 16px; padding: 0.65rem 1rem; font-size: 0.85rem; } }