/* ========================================================================== e-Agrotis — ΒΑΣΗ Μεταβλητές, τυπογραφία, κεφαλίδα, μενού, υποσέλιδο. Φορτώνει σε ΚΑΘΕ σελίδα — κράτα το μικρό. ========================================================================== */ /* -------------------------------------------------------------------------- 1. ΜΕΤΑΒΛΗΤΕΣ Τα ουδέτερα έχουν πράσινη κλίση αντί για γκρι, ώστε να δένουν με το brand. -------------------------------------------------------------------------- */ :root{ /* γραμματοσειρές — system stack: μηδέν επιπλέον αρχεία, μηδέν κόστος CWV. Στο Android (86% του κοινού) αποδίδεται Roboto. */ --ea-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; --ea-serif: Georgia, "Times New Roman", serif; /* χρώματα — φωτεινό */ --ea-ground: #ffffff; --ea-surface: #f6f8f4; --ea-ink: #12160f; --ea-ink-2: #545c4e; --ea-meta: #7d8877; --ea-acc: #0e7213; --ea-acc-soft: #eaf3e8; --ea-rule: #e2e7de; --ea-warn: #a9741a; --ea-warn-soft: #fdf5e4; --ea-down: #b8372a; --ea-sponsor: #8a5a00; --ea-sponsor-soft:#fbf4e6; /* αποστάσεις */ --ea-pad: 16px; --ea-pad-lg: 28px; --ea-max: 1160px; } /* σκοτεινό — επιλογή του αναγνώστη με κουμπί, ΟΧΙ αυτόματο */ html[data-ea-theme="dark"]{ --ea-ground: #0f120e; --ea-surface: #171b15; --ea-ink: #eaeee6; --ea-ink-2: #aab3a4; --ea-meta: #8b957f; --ea-acc: #5dbe4a; --ea-acc-soft: #18241a; --ea-rule: #262b23; --ea-warn: #e0b45f; --ea-warn-soft: #241f12; --ea-down: #e8705f; --ea-sponsor: #d7ac63; --ea-sponsor-soft:#221c10; color-scheme: dark; } /* -------------------------------------------------------------------------- 2. ΒΑΣΗ -------------------------------------------------------------------------- */ /* Καμία σελίδα δεν κυλά ποτέ οριζόντια. Ό,τι είναι φαρδύ (ταμπλό, μενού, stories, πίνακες) κυλά ΜΕΣΑ στο δικό του κουτί. */ html, body{ max-width: 100%; overflow-x: clip; } body{ background: var(--ea-ground); color: var(--ea-ink); font-family: var(--ea-sans); -webkit-font-smoothing: antialiased; } a{ color: var(--ea-ink); transition: color .15s; } a:hover{ color: var(--ea-acc); } img{ max-width:100%; height:auto; } @media (prefers-reduced-motion: reduce){ *{ animation:none !important; transition:none !important; scroll-behavior:auto !important; } } .ea-wrap{ padding: 0 var(--ea-pad); max-width: var(--ea-max); margin: 0 auto; } @media (min-width: 900px){ .ea-wrap{ padding: 0 var(--ea-pad-lg); } } /* -------------------------------------------------------------------------- 3. ΤΥΠΟΓΡΑΦΙΑ Κλίμακα μετρημένη από το Politico σε κινητό: 32 / 20 / 17 / 12. Τέσσερα επίπεδα, όχι δέκα. -------------------------------------------------------------------------- */ .ea-eyebrow{ font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--ea-acc); } .ea-meta{ font-size: 11.5px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--ea-meta); } /* ⚠ ΕΛΛΗΝΙΚΑ ΚΕΦΑΛΑΙΑ: το text-transform:uppercase αφαιρεί τους τόνους ΜΟΝΟ όταν ο browser ξέρει ότι το κείμενο είναι ελληνικά. Το το εξασφαλίζει — το WordPress το βάζει μόνο του. Χωρίς αυτό βγαίνει «ΤΙΜΈΣ» αντί για «ΤΙΜΕΣ». Επαληθεύτηκε 22/8/2026. */ /* -------------------------------------------------------------------------- 4. ΚΕΦΑΛΙΔΑ -------------------------------------------------------------------------- */ .ea-head{ border-bottom: 2px solid var(--ea-ink); } .ea-head-in{ padding: 13px var(--ea-pad) 0; max-width: var(--ea-max); margin: 0 auto; } @media (min-width: 900px){ .ea-head-in{ padding: 16px var(--ea-pad-lg) 0; } } .ea-head-top{ display:flex; align-items:flex-end; justify-content:space-between; gap:12px; } /* Δεξιά στήλη: εικονίδια πάνω, ημερομηνία κάτω. */ .ea-head-side{ margin-left:auto; display:flex; flex-direction:column; align-items:flex-end; gap:2px; flex:0 0 auto; min-width:0; } .ea-brand{ font-weight: 800; font-size: 25px; letter-spacing: -.024em; color: var(--ea-ink); text-decoration: none; line-height: 1; } @media (min-width: 900px){ .ea-brand{ font-size: 31px; } } .ea-brand img{ display:block; height: var(--ea-logo-h, 44px); width:auto; } /* Εναλλαγή λογοτύπου φωτεινό/σκοτεινό. Το κρυφό είναι loading="lazy" και με display:none δεν κατεβαίνει καθόλου — μηδέν κόστος. ⚠ Χρειάζεται το `img` στον επιλογέα: σκέτο `.ea-brand__dk` χάνει σε ειδικότητα από το `.ea-brand img{display:block}` από πάνω. */ .ea-brand img.ea-brand__dk{ display:none; } [data-ea-theme="dark"] .ea-brand img.ea-brand__lt{ display:none; } [data-ea-theme="dark"] .ea-brand img.ea-brand__dk{ display:block; } .ea-head-date{ font-size: 11px; letter-spacing: .07em; text-transform: uppercase; color: var(--ea-meta); font-weight: 600; white-space: nowrap; flex: 0 0 auto; } /* Σε στενές οθόνες η πλήρης ημερομηνία δεν χωράει δίπλα στο λογότυπο. Κρύβουμε τη μακροσκελή και δείχνουμε τη σύντομη. */ .ea-head-date .full{ display: none; } .ea-head-date .short{ display: inline; } @media (min-width: 480px){ .ea-head-date .full{ display: inline; } .ea-head-date .short{ display: none; } } @media (max-width: 359px){ .ea-head-date{ display: none; } } /* --- μενού: ορατές κατηγορίες + «Όλες» --- */ .ea-nav-row{ display:flex; align-items:stretch; margin-top: 12px; min-width: 0; } /* min-width:0 σε ΚΑΘΕ flex item — αλλιώς ένα φαρδύ παιδί κρατά όλη τη γραμμή ανοιχτή και ξεχειλίζει η σελίδα. Μας το έκανε 23/8 ο