/* ===== EAE-WIDGETS CSS START (theme 12 · EL) ===== */

/* [ΕΑΕ] Ελληνικά κεφαλαία χωρίς τόνους στο μενού/κουμπιά — το gridbox.css έχει body{-webkit-locale:auto} και ο Chrome αγνοεί το lang. Γιατί όχι native: δεν υπάρχει ρύθμιση. 20/10/2026 */
body { -webkit-locale: inherit !important; }

/* [ΕΑΕ] Header — κενό ανάμεσα σε λογότυπο και όνομα (στήλη Horizontal). Γιατί όχι native: η στήλη δεν έχει gap. 20/10/2026 */
header .ba-grid-column.column-horizontal-direction { gap: 12px; }
/* Το clearfix (::before/::after) του Gridbox σε flex στήλη πιάνει θέση και προσθέτει ένα gap στην αρχή/τέλος → τα στοιχεία μετατοπίζονταν 12px από την άκρη. */
.ba-grid-column.column-horizontal-direction::before, .ba-grid-column.column-horizontal-direction::after { display: none !important; }

/* [ΕΑΕ] Σήμα «ΝΕΟ» σε στοιχεία μενού με Link CSS Style = eae-new (Menu Item → Link Type). Γιατί όχι native: το Menu plugin δεν έχει badge. 20/10/2026 */
.main-menu a.eae-new::after, .main-menu span.eae-new::after { content: "ΝΕΟ"; display: inline-block; margin-left: 8px; padding: 2px 7px; border-radius: 999px; background: var(--primary); color: var(--bg-primary); font-size: 10px; font-weight: 800; letter-spacing: .04em; line-height: 1.4; vertical-align: middle; }

/* [ΕΑΕ] Μέλη/μη μέλη — όταν υπάρχει περιεχόμενο μελών (View «Μέλη ΕΑΕ», class eae-members) κρύβεται το «Γίνετε μέλος» (class eae-cta). Γιατί όχι native: το Gridbox δεν έχει «κρύψε για μέλη». 20/10/2026 */
body:has(.eae-members) .eae-cta { display: none !important; }

/* [ΕΑΕ] Επιλογέας γλώσσας ως κείμενο «EL | EN» αντί για σημαίες (απόφαση χρήστη 20/10). Γιατί όχι native: το Language Switcher δείχνει μόνο σημαίες. 20/10/2026 */
.ba-item-language-switcher .ba-default-layout .ba-language-switcher-list { display: flex; align-items: center; }
.ba-item-language-switcher .ba-default-layout .ba-language-switcher-item { position: relative; width: auto !important; height: auto !important; margin: 0 !important; }
.ba-item-language-switcher .ba-default-layout .ba-language-switcher-item > img,
.ba-item-language-switcher .ba-default-layout .ba-language-switcher-item > .ba-tooltip { display: none !important; }
.ba-item-language-switcher .ba-default-layout .ba-language-switcher-item > a { position: absolute; inset: 0; z-index: 1; }
.ba-item-language-switcher .ba-default-layout .ba-language-switcher-item::before { display: block; padding: 4px 2px; font-size: 13px; font-weight: 800; letter-spacing: .04em; line-height: 16px; color: var(--subtitle); }
.ba-item-language-switcher .ba-language-switcher-item:has(> a[aria-label^="Greek"])::before { content: "EL"; }
.ba-item-language-switcher .ba-language-switcher-item:has(> a[aria-label^="English"])::before { content: "EN"; }
html[lang^="el"] .ba-item-language-switcher .ba-language-switcher-item:has(> a[aria-label^="Greek"])::before,
html[lang^="en"] .ba-item-language-switcher .ba-language-switcher-item:has(> a[aria-label^="English"])::before { color: var(--title); }
.ba-item-language-switcher .ba-language-switcher-item:hover::before { color: var(--primary); }
.ba-item-language-switcher .ba-default-layout .ba-language-switcher-item + .ba-language-switcher-item { margin-left: 10px !important; padding-left: 10px; border-left: 1px solid var(--border); }

/* [ΕΑΕ] Φόρμα newsletter (AcyMailing module 117, class eae-nl-form) στο footer — συμπαγής: email + κουμπί στην ίδια γραμμή, αποδοχή από κάτω. Γιατί όχι native: το AcyMailing βγάζει δικό του markup (πίνακα). 20/10/2026 */
.eae-nl-form table.acym_form, .eae-nl-form table.acym_form tbody { display: block; width: 100%; border: 0; background: none; }
.eae-nl-form table.acym_form tr { display: grid; grid-template-columns: 1fr; gap: 10px; align-items: center; }
.eae-nl-form table.acym_form td { display: block; margin: 0 !important; padding: 0; border: 0; background: none; }
/* email + κουμπί σε ένα «χάπι»: το κουμπί κάθεται μέσα στο πεδίο, δεξιά */
.eae-nl-form td.onefield { grid-column: 1; grid-row: 1; min-width: 0; }
.eae-nl-form table.acym_form td.acysubbuttons { grid-column: 1; grid-row: 1; justify-self: end; align-self: center; display: flex; align-items: center; padding: 0 4px 0 0; line-height: 0; z-index: 1; }
.eae-nl-form td.acyterms { grid-column: 1; grid-row: 2; font-size: 12px; line-height: 18px; color: var(--subtitle); }
.eae-nl-form .acym__user__edit__email { width: 100% !important; height: 44px; margin: 0 !important; padding: 0 116px 0 18px; border: 1px solid rgba(233, 238, 246, .22); border-radius: 999px; background: var(--bg-primary); color: var(--title); font: 500 14px/44px Manrope, sans-serif; box-sizing: border-box; max-width: none !important; }
.eae-nl-form .acym__user__edit__email::placeholder { color: var(--subtitle); }
.eae-nl-form .acym__user__edit__email:focus { outline: none; border-color: var(--primary); }
.eae-nl-form .acym__field__error__block:empty { display: none; }
.eae-nl-form td.acyterms label { display: flex; align-items: center; gap: 8px; margin: 0; padding-left: 18px; }
.eae-nl-form td.acyterms input { margin: 0; accent-color: var(--primary); }
.eae-nl-form td.acyterms a { color: var(--primary); }
.eae-nl-form .subbutton { height: 36px; margin: 0 !important; padding: 0 16px; border: 0; border-radius: 999px; background: var(--primary); color: var(--title-inverse); font: 800 12px/36px Manrope, sans-serif; letter-spacing: .03em; cursor: pointer; }
.eae-nl-form .subbutton:hover { background: var(--hover); }

/* [ΕΑΕ] Cookies (Lightbox κάτω αριστερά, εκδοχή Α 20/10) — κάρτα: COOKIES (h6), κείμενο, κουμπί από κάτω. Πλάτος/περίγραμμα/γωνίες/σκιά/padding = native. Γιατί CSS: το Cookies plugin έχει σταθερές στήλες 9+3 δίπλα-δίπλα χωρίς ρύθμιση· εδώ στοιβάζονται. */
.ba-lightbox #item-1792456894556 .column-wrapper { flex-direction: column; align-items: stretch; gap: 16px; }
.ba-lightbox #item-1792456894556 .ba-grid-column-wrapper { width: 100%; max-width: 100%; flex: none; margin: 0; }
.ba-lightbox #item-1792456894556 .column-wrapper::before, .ba-lightbox #item-1792456894556 .column-wrapper::after { display: none; } /* clearfix του Gridbox: σε flex πιάνει θέση + gap */
.ba-lightbox #item-1792456894556 .ba-item-text h6 { margin: 0 0 6px; }
.ba-lightbox #item-1792456894556 .ba-item-text p { margin: 0; }
.ba-lightbox #item-1792456894556 .ba-item-text a { color: var(--primary); text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
/* Κινητό: το Gridbox κάνει το lightbox full width στις άκρες → κάρτα με 12px απόσταση */
@media (max-width: 768px) { .ba-lightbox-backdrop.lightbox-bottom-left .ba-lightbox { left: 12px !important; right: 12px !important; bottom: 12px !important; width: auto !important; } .ba-lightbox #item-1792456894556 { width: 100% !important; } }

/* ===== EAE-WIDGETS CSS END ===== */


/* ===== EAE LEGAL PAGES (Πολιτική απορρήτου / cookies / Όροι) =====
   Γιατί CSS: το Row δεν έχει native max-width (στενή στήλη ανάγνωσης 860px)
   και τα κενά μεταξύ h2/λιστών μέσα σε ένα μεγάλο Text δεν ρυθμίζονται ανά tag. */
.eae-legal .ba-row { max-width: 860px; margin: 0 auto; }
.eae-legal-intro { padding-bottom: 28px; border-bottom: 1px solid var(--border); }
/* !important: το Gridbox γράφει margin:0 στα h2/p του Text με #id */
.eae-legal-body h2 { margin: 40px 0 12px !important; }
.eae-legal-body h2:first-child { margin-top: 0 !important; }
/* Breadcrumbs: κενό γύρω από το διαχωριστικό (το plugin δεν έχει ρύθμιση απόστασης) */
.eae-legal .ba-item-breadcrumbs .ba-breadcrumbs-separator { margin: 0 8px; opacity: .6; }
.eae-legal-body p { margin: 0 0 14px !important; }
.eae-legal-body ul { margin: 0 0 16px; padding-left: 22px; }
.eae-legal-body li { margin-bottom: 8px; }
.eae-legal-body li::marker { color: var(--primary); }
.eae-legal-body a { color: var(--primary); text-decoration: underline; text-underline-offset: 3px; }
/* ===== EAE LEGAL PAGES END ===== */

/* ===== EAE PAGES (κοινά εσωτερικών σελίδων: κεφαλίδα σελίδας + κάρτες) =====
   Γιατί CSS: δεν υπάρχει native max-width σε Text, ούτε «σπρώξε στο κάτω μέρος» μέσα σε στήλη. */
.eae-page-head .ba-item-breadcrumbs .ba-breadcrumbs-separator { margin: 0 8px; opacity: .6; }
.eae-page-intro { max-width: 760px; margin-left: 0 !important; margin-right: auto !important; }
.eae-page-intro a, .eae-card a { color: var(--primary); text-decoration: underline; text-underline-offset: 3px; }
.eae-page-intro p, .eae-card .ba-item-text p, .eae-card h3 { margin: 0 !important; }
/* «ΜΕΛΗ» πάντα στο κάτω μέρος της κάρτας → κάρτες ίδιου ύψους με τα μέλη στοιχισμένα */
.eae-card .eae-card-label { margin-top: auto !important; padding-top: 16px; border-top: 1px solid var(--border); }
/* ===== EAE PAGES END ===== */

/* ===== EAE HOME — HERO (Αρχική, section eae-hero) =====
   Γιατί CSS: το κυκλικό «πεδίο αρθροσκοπίου» (δαχτυλίδια γύρω από τη φωτογραφία) και τα chips πάνω του δεν υπάρχουν ως native ρυθμίσεις.
   Η φωτογραφία αλλάζει από το Image plugin· τα chips είναι Text plugins (αλλάζει το κείμενο). Θέσεις σε % → ίδια εικόνα σε κάθε μέγεθος. */
.eae-hero-text { max-width: 580px; margin-left: 0 !important; margin-right: auto !important; }
.eae-btn-row .column-horizontal-direction { flex-wrap: wrap; gap: 12px; } /* κοινό για όλες τις γραμμές κουμπιών */
.eae-hero-visual { position: relative; width: 100%; max-width: 520px; margin: 0 auto; }
.eae-hero-img { position: relative; width: 100%; aspect-ratio: 1 / 1; margin: 0 !important; }
.eae-hero-img::before, .eae-hero-img::after { content: ""; position: absolute; border-radius: 50%; pointer-events: none; }
.eae-hero-img::before { inset: 0; border: 1px solid #22385c; }
.eae-hero-img::after { inset: 7%; border: 2px solid var(--primary); }
.eae-hero-img .ba-image-wrapper, .eae-hero-img a { position: absolute; inset: 11%; display: block; }
.eae-hero-img img { width: 100% !important; height: 100% !important; object-fit: cover; border-radius: 50%; display: block; }
.eae-chip { position: absolute !important; width: auto !important; margin: 0 !important; z-index: 2; }
.eae-chip p { margin: 0 !important; padding: 8px 14px; border-radius: 999px; background: var(--bg-secondary); border: 1px solid #22385c; font-weight: 700; white-space: nowrap; color: var(--title); }
.eae-chip-1 { top: 6%; right: 2%; }
.eae-chip-2 { bottom: 14%; left: -2%; }
.eae-chip-3 { bottom: 2%; right: 14%; }
.eae-chip-3 p { background: var(--primary); border-color: var(--primary); color: var(--bg-primary); font-weight: 800; }
@media (max-width: 1024px) { .eae-hero-visual { max-width: 420px; margin-top: 40px; } }
@media (max-width: 768px) { .eae-hero-visual { max-width: 320px; } .eae-chip p { padding: 6px 11px; font-size: 12px !important; } .eae-chip-2 { left: 0; } }
/* ===== EAE HOME — HERO END ===== */

/* ===== EAE HOME — ΑΡΙΘΜΟΙ & ΣΥΝΕΡΓΑΣΙΕΣ (sections eae-stats, eae-partners) =====
   Γιατί CSS: κενό ανάμεσα σε στοιχεία οριζόντιας στήλης και χρώμα/hover των links-ονομάτων δεν ρυθμίζονται native. */
.eae-stat-num p, .eae-stat-label p, .eae-partners .ba-item-text p { margin: 0 !important; }
.eae-partners .column-horizontal-direction { flex-wrap: wrap; gap: 16px 48px; }
.eae-partner a { color: #c9d4e4; text-decoration: none; }
.eae-partner a:hover { color: var(--primary); }
/* ===== EAE HOME — ΑΡΙΘΜΟΙ & ΣΥΝΕΡΓΑΣΙΕΣ END ===== */

/* ===== EAE HOME — ΔΡΑΣΕΙΣ (section eae-actions, κάρτες eae-action) =====
   Γιατί CSS: κοπή εικόνας 4:3 με στρογγυλές γωνίες της κάρτας, ετικέτα πάνω στη φωτογραφία, εσωτερικό κενό κειμένων (το Text δεν έχει padding) και hover κάρτας.
   Φόντο/γωνίες/link κάρτας, χρώματα και μεγέθη κειμένων = native. */
.eae-actions .eae-sec-title h2, .eae-actions .ba-item-text p { margin: 0 !important; }
.eae-action { position: relative; overflow: hidden; transition: transform .25s ease, box-shadow .25s ease; }
.eae-action:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(11, 20, 38, .12); }
.eae-action-img { margin: 0 !important; }
.eae-action-img img { width: 100% !important; aspect-ratio: 4 / 3; object-fit: cover; display: block; border-radius: 0 !important; }
.eae-action-tag { position: absolute !important; top: 16px; left: 16px; width: auto !important; margin: 0 !important; z-index: 2; }
.eae-action-tag p { padding: 5px 10px; border-radius: 999px; background: #0b1426; letter-spacing: .06em; }
.eae-action-title, .eae-action-text { box-sizing: border-box; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding: 0 22px !important; }
.eae-action-title h3 { margin: 0 !important; }
/* Tablet/κινητό: κενό ανάμεσα στις κάρτες (στο 2×2 το Gridbox δεν βάζει gutter) και «Όλες οι δράσεις» αριστερά κάτω από τον τίτλο */
@media (max-width: 1024px) {
  .eae-actions .ba-row:not(:first-child) .column-wrapper { margin: 0 -10px; }
  .eae-actions .eae-action { margin: 0 10px 20px !important; }
  .eae-actions .ba-item-button .ba-button-wrapper { text-align: left !important; justify-content: flex-start !important; }
  .eae-actions .ba-grid-column.column-horizontal-align-right { align-items: flex-start !important; }
}
@media (max-width: 768px) { .eae-actions .ba-row:not(:first-child) .column-wrapper { margin: 0; } .eae-actions .eae-action { margin: 0 0 20px !important; } }
/* ===== EAE HOME — ΔΡΑΣΕΙΣ END ===== */

/* ===== EAE HOME — ΕΠΟΜΕΝΟ ΣΥΝΕΔΡΙΟ (section eae-next-congress) =====
   Γιατί CSS: το μεγάλο «12ο» με περίγραμμα (text-stroke) δεν υπάρχει στο Typography. Το section κρύβεται/εμφανίζεται από Section → Disable On. */
.eae-big-num p { margin: 0 !important; color: transparent !important; -webkit-text-stroke: 2px var(--primary); }
.eae-next-congress .ba-item-text p, .eae-next-congress .ba-item-text h2 { margin: 0 !important; }
.eae-next-text { max-width: 620px; margin-left: 0 !important; margin-right: auto !important; }
@media (max-width: 1024px) { .eae-big-num { margin-bottom: 24px !important; } }
/* ===== EAE HOME — ΕΠΟΜΕΝΟ ΣΥΝΕΔΡΙΟ END ===== */

/* ===== EAE HOME — ΓΕΩΡΓΙΟΣ ΝΟΥΛΗΣ (section eae-noulis) =====
   Γιατί CSS: κυκλικό πορτρέτο με τιρκουάζ δαχτυλίδι και κενό ανάμεσα (όπως στο hero) — δεν υπάρχει native. Η φωτογραφία αλλάζει από το Image plugin. */
.eae-portrait-img { width: 100%; max-width: 300px; margin: 0 auto !important; aspect-ratio: 1 / 1; border: 2px solid var(--primary); border-radius: 50%; padding: 14px; box-sizing: border-box; }
.eae-portrait-img .ba-image-wrapper, .eae-portrait-img a { display: block; width: 100%; height: 100%; }
.eae-portrait-img img { width: 100% !important; height: 100% !important; object-fit: cover; border-radius: 50%; display: block; filter: grayscale(1); }
.eae-noulis .ba-item-text p, .eae-noulis .ba-item-text h2 { margin: 0 !important; }
.eae-noulis-text { max-width: 640px; margin-left: 0 !important; margin-right: auto !important; }
@media (max-width: 1024px) { .eae-portrait-img { max-width: 240px; margin-bottom: 32px !important; } }
/* ===== EAE HOME — ΓΕΩΡΓΙΟΣ ΝΟΥΛΗΣ END ===== */

/* ===== EAE HOME — ΕΑΕ HUB (section eae-hub) =====
   Γιατί CSS: σήμα «ΝΕΟ» μέσα στην ετικέτα και tags-«χάπια» από μία λίστα του Text — δεν υπάρχουν native. Η εικόνα αλλάζει από το Image plugin. */
.eae-hub .ba-item-text p, .eae-hub .ba-item-text h2, .eae-hub .ba-item-text h6 { margin: 0 !important; }
.eae-badge { display: inline-block; margin-left: 8px; padding: 2px 7px; border-radius: 999px; background: var(--primary); color: var(--bg-primary); font-size: 10px; font-weight: 800; letter-spacing: 0; line-height: 1.4; vertical-align: middle; }
.eae-hub-text { max-width: 560px; margin-right: auto !important; }
.eae-hub-tags ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.eae-hub-tags li { margin: 0; padding: 7px 12px; border: 1px solid #2a3d5f; border-radius: 999px; color: #c9d4e4; font-size: 13px; line-height: 18px; font-weight: 700; }
.eae-hub-tags li::before { display: none; }
.eae-hub-img { width: 100%; margin: 0 !important; }
.eae-hub-img img { width: 100% !important; height: auto !important; display: block; }
@media (max-width: 1024px) { .eae-hub-visual { margin-top: 40px !important; } }
/* ===== EAE HOME — ΕΑΕ HUB END ===== */

/* ===== EAE HOME — ΑΝΑΚΟΙΝΩΣΕΙΣ (section eae-news) =====
   Οι κάρτες είναι το native Recent Posts (app Ανακοινώσεις, 4 τελευταίες). Γιατί CSS: «Διαβάστε →» στο κάτω μέρος κάθε κάρτας (ίσα ύψη), εσωτερικό κενό κάρτας και γωνίες εξωφύλλου Arthroscope — δεν υπάρχουν native. */
.eae-news-posts .ba-blog-post { display: flex; flex-direction: column; overflow: hidden; }
.eae-news-posts .ba-blog-post-content { display: flex; flex-direction: column; flex: 1; padding: 0 22px !important; }
.eae-news-posts .ba-blog-post-button-wrapper { margin-top: auto; }
.eae-nl-cover img { border-radius: 10px; }
/* Αρχική = layout List (επιλογή Β, 20/10): αφίσα ολόκληρη αριστερά (native Image: 120×160 contain), ημερομηνία πάνω από τον τίτλο, «Διαβάστε →» κάτω. Γιατί CSS: οι παραπάνω κανόνες (στήλη) ισχύουν για τις κάρτες της λίστας· εδώ γυρνάμε σε οριζόντια γραμμή και αλλάζουμε σειρά info/τίτλου — δεν υπάρχει native σειρά. */
.eae-news-posts .ba-classic-layout .ba-blog-post { flex-direction: row !important; align-items: stretch; } /* !important: το Gridbox στοιβάζει το List ≤1024 — εδώ μένει γραμμή και στο κινητό (μικρή αφίσα 90×120 από τις ρυθμίσεις Phone) */
.eae-news-posts .ba-classic-layout .ba-blog-post-image { flex: 0 0 auto; margin: 0 !important; background: rgba(11, 20, 38, 0.05); border-radius: 0 !important; }
.eae-news-posts .ba-classic-layout .ba-blog-post-content { justify-content: center; padding: 14px 22px !important; }
.eae-news-posts .ba-classic-layout .ba-blog-post-info-wrapper { order: 1; }
.eae-news-posts .ba-classic-layout .ba-blog-post-title-wrapper { order: 2; }
.eae-news-posts .ba-classic-layout .ba-blog-post-button-wrapper { order: 3; margin-top: 0; }
@media (max-width: 768px) { .eae-news-posts .ba-classic-layout .ba-blog-post-content { padding: 12px 14px !important; } }
@media (max-width: 1024px) { .eae-nl-card { margin-top: 24px; } .eae-nl-cover { max-width: 320px; } }
/* ===== EAE HOME — ΑΝΑΚΟΙΝΩΣΕΙΣ END ===== */
/* ===== EAE HOME — ΠΑΝΕΛΛΗΝΙΑ ΣΥΝΕΔΡΙΑ (section eae-congresses) =====
   12 κάρτες = στήλες (eae-congress-card: χρώμα/περίγραμμα/padding native) με Image (αφίσα) + 3 Text. Γιατί CSS: οι αφίσες έχουν διαφορετικές αναλογίες — ίδιο κουτί 3:4 με contain ώστε να ευθυγραμμίζονται τα κείμενα· το Image δεν έχει native ύψος/αναλογία. Για τα 1ο/2ο/3ο/12ο η εικόνα είναι προσωρινό placeholder με τον αριθμό (images/03-site/synedria/) — αντικαθίσταται όταν δοθεί αφίσα. */
.eae-congress-poster img { width: 100%; height: auto; aspect-ratio: 3 / 4; object-fit: contain; background: #14243f; border-radius: 10px; }
/* ===== EAE HOME — ΠΑΝΕΛΛΗΝΙΑ ΣΥΝΕΔΡΙΑ END ===== */

/* ===== EAE ΑΝΑΚΟΙΝΩΣΕΙΣ — ΛΙΣΤΑ & ΑΝΑΡΤΗΣΗ (app 5: Category List + Single Post Layout) =====
   Γιατί CSS: κενό γύρω από το διαχωριστικό των breadcrumbs σε όλο το site (το plugin δεν έχει ρύθμιση)· σειρά τίτλος → πληροφορίες → εικόνα στο Post Intro (το plugin βάζει την εικόνα πρώτη)· πλαίσιο εικόνας· πλάτος και μέγεθος κειμένου ανάρτησης. */
.ba-item-breadcrumbs .ba-breadcrumbs-separator { margin: 0 8px !important; opacity: .6; }
.eae-post .ba-item-breadcrumbs li.active { display: none; } /* ο τίτλος της ανάρτησης είναι ήδη το h1 — στο κινητό ξεχείλιζε */
.eae-post .ba-item-breadcrumbs li:nth-last-child(2) .ba-breadcrumbs-separator { display: none; }
.eae-post .intro-post-wrapper { display: flex; flex-direction: column; }
.eae-post .intro-post-title-wrapper { order: 1; }
.eae-post .intro-post-info { order: 2; }
.eae-post .intro-post-image-wrapper { order: 3; border-radius: 16px; overflow: hidden; background: var(--bg-secondary); border: 1px solid var(--border); }
.eae-post .ba-item-blog-content { max-width: 760px; width: 100%; align-self: flex-start; margin-left: 0 !important; margin-right: auto !important; }
.eae-post .ba-item-blog-content p, .eae-post .ba-item-blog-content li { font-size: 17px; line-height: 28px; overflow-wrap: anywhere; } /* μεγάλα URL ως κείμενο ξεχείλιζαν στο κινητό */
.eae-post .ba-item-blog-content a { color: var(--primary); text-decoration: underline; text-underline-offset: 3px; }
.eae-post .blog-content-wrapper .ba-section { padding-left: 0 !important; padding-right: 0 !important; } /* οι αναρτήσεις έχουν εσωτερικό section με 25px πλάι — στοίχιση με τον τίτλο */
.eae-post .ba-item-blog-content img { max-width: 100%; height: auto; border-radius: 12px; }
.eae-post-poster .intro-post-image-wrapper { position: sticky; top: 24px; width: 100%; padding: 12px; box-sizing: border-box; }
.eae-post-poster .intro-post-image { height: 520px; background-size: contain !important; background-position: center !important; background-repeat: no-repeat !important; } /* η αφίσα μεταφέρεται εδώ με JS (Code Editor) — το Post Intro είναι ένα και δεν σπάει σε δύο στήλες */
@media (max-width: 768px) { .eae-post .intro-post-image-wrapper, .eae-post .intro-post-image { height: 300px !important; } .eae-post-poster .intro-post-image-wrapper { position: static; height: auto !important; } .eae-post-poster .intro-post-image { height: 380px !important; } }
/* Λίστα κατηγορίας (επιλογή A, 4 στήλες, 20/10): οι κατηγορίες ως «χάπια» σε μία γραμμή πάνω από τη λίστα (nested row, στήλη Direction Horizontal: Button «Όλες» + Categories). Γιατί CSS: το Categories δεν έχει οριζόντια εμφάνιση/χάπια· η αφίσα (native Image 420 contain) θέλει φόντο· ημερομηνία + «Διαβάστε» στο κάτω μέρος της κάρτας (ίδια ευθεία) — δεν υπάρχει native σειρά. */
.eae-news-chips { flex-wrap: nowrap !important; gap: 10px; align-items: center; justify-content: flex-start !important; }
.eae-news-chips > .ba-item-categories { flex: 1 1 0; min-width: 0; }
.eae-news-chips > .ba-item { margin: 0 !important; width: auto !important; }
.eae-news-cats .ba-categories-wrapper { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 !important; }
.eae-news-cats .ba-blog-post { flex: 0 0 auto; }
.eae-news-cats .ba-blog-post, .eae-news-cats .ba-blog-post-content { margin: 0 !important; padding: 0 !important; width: auto !important; background: none !important; border: 0 !important; }
.eae-news-cats .ba-blog-post-title { margin: 0 !important; font-size: 14px !important; line-height: 20px !important; font-weight: 700 !important; }
.eae-news-cats .ba-blog-post-title a { display: block; padding: 10px 18px; border: 1px solid #1a2a45; border-radius: 40px; background: #0f1c33; color: #e9eef6 !important; transition: .2s; white-space: nowrap; font-size: 14px; line-height: 20px; }
.eae-news-cats .ba-app-category-counter { opacity: .6; font-size: 12px; margin-left: 4px; }
.eae-news-cats .ba-blog-post-title a:hover, .eae-news-cats .ba-blog-post.active .ba-blog-post-title a, .eae-news-chips:not(:has(.eae-news-cats .active)) .eae-chip-all a { background: #3cc8d4 !important; border-color: #3cc8d4 !important; color: #0b1426 !important; }
.eae-news-dark .ba-blog-post-image { background: #14243f; }
.eae-news-dark .ba-blog-post-content { padding: 16px 18px 0 !important; }
.eae-news-dark .ba-blog-post-title-wrapper { order: 1; }
.eae-news-dark .ba-blog-post-info-wrapper { order: 2; margin-top: auto !important; flex-wrap: nowrap !important; white-space: nowrap; overflow: hidden; }
.eae-news-dark .ba-blog-post-button-wrapper { order: 3; margin-top: 0; }
@media (max-width: 768px) { .eae-news-chips { overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; } .eae-news-chips::-webkit-scrollbar { display: none; } .eae-news-chips > .ba-item, .eae-news-chips > .ba-item-categories { flex: 0 0 auto; } .eae-news-cats .ba-categories-wrapper { flex-wrap: nowrap; } .eae-news-dark .ba-blog-post-content { padding: 12px 12px 0 !important; } .eae-news-dark .ba-blog-post-info-wrapper { white-space: normal; flex-wrap: wrap !important; } }
/* ===== EAE ΑΝΑΚΟΙΝΩΣΕΙΣ — ΛΙΣΤΑ & ΑΝΑΡΤΗΣΗ END ===== */
/* ===== EAE ΕΣΩΤΕΡΙΚΗ ΣΕΛΙΔΑ ΚΕΙΜΕΝΟΥ — πρότυπο (Ιστορία, 20/10) =====
   Κεφαλίδα (library «ΕΑΕ — Κεφαλίδα εσωτερικής σελίδας») + αριθμοί (library «ΕΑΕ — Αριθμοί») + section eae-page-navbar (Sticky native) με One Page Menu (eae-page-nav: χάπια με native χρώματα/περίγραμμα/active) + κεφάλαια σε rows. Γιατί CSS: τα χάπια σε μία γραμμή που σύρεται στο κινητό (το One Page Menu έχει μόνο hamburger), η κάθετη γραμμή του αποσπάσματος (eae-quote) — δεν υπάρχουν native. */
.eae-page-nav .ba-menu-wrapper ul.nav.menu { display: flex; flex-wrap: wrap; gap: 10px 0; }
.eae-page-nav .ba-menu-wrapper .main-menu { display: block !important; position: static !important; }
.eae-page-nav .open-menu, .eae-page-nav .close-menu { display: none !important; }
.eae-quote .content-text { border-left: 3px solid #3cc8d4; padding-left: 22px; }
.eae-page-body .content-text p + p { margin-top: 16px; } /* δύο παράγραφοι στο ίδιο Text: το theme δεν δίνει κενό μεταξύ τους */
/* κείμενο-άρθρο με υποενότητες σε ένα Text (σελίδες συνεδρίων): κενά και μεγέθη που το theme δεν δίνει */
.eae-page-body .content-text h2 { margin: 44px 0 14px; }
.eae-page-body .content-text h3 { margin: 30px 0 8px; font-size: 20px; line-height: 26px; color: var(--title); }
.eae-page-body .content-text > :first-child { margin-top: 0; }
.eae-page-body .content-text ul { margin: 12px 0 0; padding-left: 20px; }
.eae-page-body .content-text li + li { margin-top: 6px; }
.eae-page-body .content-text h3 + p, .eae-page-body .content-text h2 + p { margin-top: 0; }
@media (max-width: 768px) { .eae-page-nav .ba-menu-wrapper ul.nav.menu { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; } .eae-page-nav .ba-menu-wrapper ul.nav.menu::-webkit-scrollbar { display: none; } .eae-page-nav .ba-menu-wrapper ul.nav.menu li { flex: 0 0 auto; } .eae-page-nav .ba-menu-wrapper ul.nav.menu a { white-space: nowrap; } }
/* ===== EAE ΕΣΩΤΕΡΙΚΗ ΣΕΛΙΔΑ ΚΕΙΜΕΝΟΥ END ===== */

/* ===== EAE ΛΙΣΤΑ ΣΤΟΙΧΕΙΩΝ (Καταστατικό) =====
   Γιατί όχι native: το Gridbox δίνει σε κάθε row/στήλη min-height 50px χωρίς ρύθμιση· στις γραμμές
   της λίστας (nested rows με Class Suffix eae-dl) αφήνει άνισα κενά, και στο κινητό 30px ανάμεσα σε ετικέτα και τιμή. */
.eae-dl, .eae-dl .ba-grid-column { min-height: 0 !important; }

/* ===== EAE ΔΡΑΣΕΙΣ (σελίδα «Δράσεις ΕΑΕ», mockup H-Draseis) =====
   Γιατί CSS: 5 ίσες στήλες (το Gridbox έχει πλέγμα 12, row 3+2+2+2+3 με Class Suffix eae-five), κυκλικό σήμα
   (eae-ring), «ΝΕΟ» στη γωνία, «Δείτε →» στο κάτω μέρος της κάρτας, κυκλικό κάδρο αφίσας (eae-ring-img) και οι λίστες
   webinars / σεμιναρίων / βραβείων (ένα Text η καθεμία — θα τις τροφοδοτεί το component «ΕΑΕ Περιεχόμενο»).
   Φόντα, περιθώρια, γωνίες, links καρτών, χρώματα και μεγέθη κειμένων = native. */
@media (min-width: 1025px) { .eae-five > .column-wrapper > .ba-grid-column-wrapper { flex: 1 1 0 !important; max-width: none !important; } }
.eae-tile { position: relative; min-height: 210px; transition: border-color .2s ease, transform .2s ease; }
.eae-tile:hover { border-color: var(--primary) !important; transform: translateY(-3px); }
.eae-tile .eae-tile-go { margin-top: auto !important; }
.eae-ring .content-text p { width: 48px; height: 48px; border: 2px solid var(--primary); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0; }
.eae-tile-new { position: absolute !important; top: 24px; right: 24px; width: auto !important; margin: 0 !important; }
.eae-tile-new p { padding: 3px 8px; border-radius: 999px; background: var(--primary); color: #08111f; font-size: 10px; font-weight: 800; line-height: 1.4; margin: 0; }
.eae-ring-img .ba-image-wrapper, .eae-ring-img img { border-radius: 50% !important; }
.eae-ring-img img { aspect-ratio: 1 / 1; object-fit: cover; object-position: center 20%; outline: 2px solid var(--primary); outline-offset: 14px; }
.eae-ring-img { padding: 16px; }
.eae-wlist ul, .eae-slist ul, .eae-alist ul { list-style: none; margin: 0; padding: 0; }
.eae-wlist li { display: flex; flex-wrap: wrap; gap: 8px 20px; align-items: center; padding: 16px 0; border-top: 1px solid #1a2a45; }
.eae-wlist li span { flex: 0 0 96px; font-weight: 800; color: #9fb0c8; font-size: 15px; font-variant-numeric: tabular-nums; }
.eae-wlist li a { flex: 1 1 280px; font-weight: 700; color: #e9eef6; text-decoration: none; }
.eae-wlist li a:hover { color: var(--primary); }
.eae-wlist li em { font-style: normal; font-size: 12px; font-weight: 800; letter-spacing: .04em; padding: 5px 10px; border-radius: 999px; background: #13233f; color: var(--primary); }
.eae-slist ul, .eae-alist ul { display: flex; flex-direction: column; gap: 10px; }
.eae-slist li { display: flex; gap: 16px; align-items: center; background: #0f1c33; border: 1px solid #1a2a45; border-radius: 14px; padding: 14px 16px; }
.eae-slist li b { width: 52px; height: 52px; flex-shrink: 0; border-radius: 50%; background: #13233f; color: var(--primary); display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 800; }
.eae-slist li.on b { background: var(--primary); color: #08111f; }
.eae-slist li[data-j="s"] b { color: #f5b54a; }
.eae-slist li a, .eae-alist li a { display: flex; flex-direction: column; text-decoration: none; color: inherit; }
.eae-slist li strong, .eae-alist li strong { font-weight: 800; }
.eae-slist li span { font-size: 14px; color: #9fb0c8; }
.eae-alist ul { gap: 12px; }
.eae-alist li { display: flex; gap: 16px; align-items: center; background: #ffffff; border-radius: 16px; padding: 18px 20px; }
.eae-alist li b { font-size: 24px; font-weight: 800; color: #0a7f8c; min-width: 52px; }
.eae-alist li span { font-size: 14px; color: #42506a; }
.eae-alist li strong { color: #0b1426; font-size: 17px; }
@media (max-width: 768px) { .eae-tile { min-height: 0; } .eae-wlist li span { flex-basis: auto; } }
/* ===== EAE ΔΡΑΣΕΙΣ END ===== */

/* ===== EAE-LOGIN CSS START — σελίδες com_users (Είσοδος μελών, υπενθύμιση/επαναφορά κωδικού). Γιατί όχι native: η φόρμα είναι του Joomla (com_users), όχι plugin του Gridbox ===== */
body.com_users .com-users-login,body.com_users .com-users-reset,body.com_users .com-users-remind,body.com_users .com-users-logout{max-width:460px;margin:24px auto 72px;font-family:'Manrope',sans-serif}
body.com_users .page-header h1{margin:0 0 12px;font-size:40px;line-height:48px;font-weight:800;color:#fff;letter-spacing:-.01em}
body.com_users .login-description{color:#b8c4d6;font-size:16px;line-height:26px;margin:0 0 24px}
body.com_users .login-description p{margin:0 0 10px;max-width:none !important}
body.com_users .login-description .eae-login-join{font-weight:600;color:#fff}
body.com_users .login-description a{color:#3cc8d4;font-weight:700}
body.com_users form.well,body.com_users .com-users-reset__form,body.com_users .com-users-remind__form{background:#0f1c33;border:1px solid #1a2a45;border-radius:20px;padding:28px;margin:0 !important;width:auto !important;box-shadow:none}
body.com_users form fieldset{display:flex;flex-direction:column;gap:16px;border:0;margin:0;padding:0;min-width:0}
body.com_users form legend{display:none}
body.com_users .control-group{display:flex;flex-direction:column;gap:6px;margin:0}
body.com_users .control-label{width:auto !important;float:none !important;padding:0;text-align:left}
body.com_users .control-label label{color:#b8c4d6;font-size:14px;font-weight:700;margin:0}
body.com_users .control-label .star{color:#3cc8d4}
body.com_users .controls{margin:0 !important;width:auto !important}
body.com_users .form-control{width:100%;box-sizing:border-box;height:48px;padding:12px 14px;background:#08111f !important;color:#fff !important;border:1px solid #2a3d5e;border-radius:10px;font:500 16px/22px 'Manrope',sans-serif;box-shadow:none}
body.com_users .form-control:focus{outline:2px solid #3cc8d4;outline-offset:1px;border-color:#3cc8d4}
body.com_users .form-control:autofill,body.com_users .form-control:-webkit-autofill{-webkit-text-fill-color:#fff;-webkit-box-shadow:0 0 0 40px #08111f inset;transition:background-color 99999s}
body.com_users .input-group{display:flex;align-items:stretch}
body.com_users .input-group .form-control{border-radius:10px 0 0 10px}
body.com_users .input-password-toggle{width:52px;height:48px;border:1px solid #2a3d5e;border-left:0;border-radius:0 10px 10px 0;background:#132443;color:#b8c4d6;padding:0}
body.com_users .input-password-toggle:hover{color:#3cc8d4}
body.com_users .input-password-toggle [class^=icon-]{display:inline-block !important;width:20px !important;height:20px !important;vertical-align:middle;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M1 12s4-7 11-7 11 7 11 7-4 7-11 7S1 12 1 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M1 12s4-7 11-7 11 7 11 7-4 7-11 7S1 12 1 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center/contain no-repeat}
body.com_users .input-password-toggle [class^=icon-]::before{content:none}
body.com_users .com-users-login__remember{order:1}
body.com_users .form-check{display:flex;align-items:center;gap:10px;margin:0;padding:0}
body.com_users .form-check-input{width:18px;height:18px;margin:0;float:none;accent-color:#3cc8d4}
body.com_users .form-check-label{color:#b8c4d6;font-size:15px}
body.com_users .com-users-login__submit:has(.btn-primary){order:2}
body.com_users .com-users-login__submit:has(.plg_system_webauthn_login_button){order:3}
body.com_users .btn-primary,body.com_users .com-users-reset__form button[type=submit],body.com_users .com-users-remind__form button[type=submit]{width:100%;min-height:50px;border:0;border-radius:12px;background:#3cc8d4;color:#08111f;font:800 16px/20px 'Manrope',sans-serif;text-transform:none;letter-spacing:0;cursor:pointer}
body.com_users .btn-primary:hover{background:#6fdbe3}
body.com_users .plg_system_webauthn_login_button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:46px;border:1px solid #2a3d5e;border-radius:12px;background:transparent;color:#b8c4d6;font:700 14px/18px 'Manrope',sans-serif;text-transform:none;letter-spacing:0}
body.com_users .plg_system_webauthn_login_button:hover{border-color:#3cc8d4;color:#fff}
body.com_users .plg_system_webauthn_login_button svg{width:20px !important;height:20px !important;flex:0 0 20px;fill:currentColor}
body.com_users .com-users-login__options{display:flex;flex-direction:column;gap:6px;margin:20px 0 0;padding:0 4px;border:0}
body.com_users .com-users-login__options .list-group-item{padding:0;border:0;background:none;color:#3cc8d4;font-size:15px;font-weight:600}
body.com_users .com-users-login__options .list-group-item:hover{text-decoration:underline}
@media (max-width:767px){body.com_users .page-header h1{font-size:32px;line-height:40px}body.com_users form.well{padding:20px}}
/* ===== EAE-LOGIN CSS END ===== */

/* _____ EAE LIGHTBOX START _____ (JS: EAE LIGHTBOX στον Code Editor) */
.eae-lb{position:fixed;inset:0;z-index:100000;background:rgba(4,9,18,.92);display:flex;align-items:center;justify-content:center;padding:56px 64px;box-sizing:border-box;cursor:zoom-out}
.eae-lb img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.6);cursor:default}
.eae-lb button{position:absolute;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:30px;line-height:1;width:48px;height:48px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.eae-lb button:hover,.eae-lb button:focus-visible{background:#3cc8d4;color:#06222a;outline:0}
.eae-lb-x{top:14px;right:14px}
.eae-lb-p{left:12px;top:50%;transform:translateY(-50%)}
.eae-lb-n{right:12px;top:50%;transform:translateY(-50%)}
@media (max-width:767px){.eae-lb{padding:56px 8px}.eae-lb-p,.eae-lb-n{top:auto;bottom:12px;transform:none}}
/* _____ EAE LIGHTBOX END _____ */

/* _____ EAE EVENTS CHIPS START _____
   [ΕΑΕ] 23/10/2026: Εκδηλώσεις Εσωτερικού (κατ. 11) / Εξωτερικού (κατ. 12) με υποκατηγορίες Συνέδρια · Σεμινάρια · Webinars.
   Γιατί CSS: το plugin Categories δείχνει πάντα όλες τις κατηγορίες μαζί με τις υποκατηγορίες τους. Στις Ανακοινώσεις κρύβουμε τις υποκατηγορίες·
   στις σελίδες Εκδηλώσεων κρατάμε μόνο την ενότητα (λειτουργεί ως «Όλες») και τις υποκατηγορίες της ως φίλτρα. */
.eae-news-cats .ba-app-sub-categories, .eae-news-cats .collapse-categories-list { display: none !important; }
.eae-news-chips:has(.eae-news-cats [data-id="11"].active, .eae-news-cats [data-id="11"] .ba-app-sub-category a.active, .eae-news-cats [data-id="12"].active, .eae-news-cats [data-id="12"] .ba-app-sub-category a.active) .eae-chip-all { display: none !important; }
.eae-news-cats:has([data-id="11"].active, [data-id="11"] .ba-app-sub-category a.active) .ba-blog-post:not([data-id="11"]),
.eae-news-cats:has([data-id="12"].active, [data-id="12"] .ba-app-sub-category a.active) .ba-blog-post:not([data-id="12"]) { display: none !important; }
.eae-news-cats .ba-blog-post:is([data-id="11"], [data-id="12"]):is(.active, :has(.ba-app-sub-category a.active)) .ba-blog-post-content { display: flex !important; flex-wrap: wrap; gap: 10px; align-items: center; }
.eae-news-cats .ba-blog-post:is([data-id="11"], [data-id="12"]):is(.active, :has(.ba-app-sub-category a.active)) :is(.ba-blog-post-info-wrapper, .ba-app-sub-categories) { display: flex !important; flex-wrap: wrap; gap: 10px; margin: 0 !important; padding: 0 !important; }
.eae-news-cats .ba-app-sub-category-wrapper, .eae-news-cats .ba-app-sub-category { margin: 0 !important; padding: 0 !important; display: block; }
.eae-news-cats .ba-app-sub-category a { display: block; padding: 10px 18px; border: 1px solid #1a2a45; border-radius: 40px; background: #0f1c33; color: #e9eef6 !important; white-space: nowrap; font-size: 14px; line-height: 20px; font-weight: 700; text-decoration: none; transition: .2s; }
.eae-news-cats .ba-app-sub-category a:hover, .eae-news-cats .ba-app-sub-category a.active { background: #3cc8d4 !important; border-color: #3cc8d4 !important; color: #0b1426 !important; }
@media (max-width: 768px) { .eae-news-cats .ba-blog-post:is([data-id="11"], [data-id="12"]) :is(.ba-blog-post-content, .ba-blog-post-info-wrapper, .ba-app-sub-categories) { flex-wrap: nowrap; } }
.eae-news-cats .ba-app-sub-category a, .eae-news-cats .ba-app-sub-category a span { text-transform: none !important; letter-spacing: 0 !important; font-size: 14px !important; font-weight: 700 !important; }
.eae-news-cats .ba-app-sub-category .ba-app-category-counter { opacity: .6; font-size: 12px !important; margin-left: 4px; }
/* _____ EAE EVENTS CHIPS END _____ */

/* _____ EAE ΥΠΟΤΡΟΦΙΕΣ START _____
   [ΕΑΕ] 23/10/2026: σελίδα Υποτροφίες (mockup H-Scholarships).
   Γιατί CSS: κύκλος με δαχτυλίδι (aspect-ratio/outline) και κάρτα υποτρόφου με αρχικά σε κύκλο αριστερά δεν υπάρχουν ως native ρυθμίσεις. */
.eae-sch-ring { aspect-ratio: 1 / 1; min-height: 0 !important; max-width: 340px; width: 100%; margin: 0 auto; background-color: #ffffff; background-size: 76% auto !important; outline: 2px solid #3cc8d4; outline-offset: 12px; box-sizing: border-box; align-self: center !important; height: auto !important; flex: none; }
@media (max-width: 1024px) { .eae-sch-ring { max-width: 260px; } }
.eae-calls .content-text p { margin: 0 0 6px; }
.eae-calls .content-text p:last-child { margin-bottom: 0; }
.eae-calls .content-text a { text-decoration: none; }
.eae-calls .content-text a:hover { text-decoration: underline; }
.eae-fellows .ba-grid-column, .eae-fellows { min-height: 0; }
.eae-fellow { position: relative; padding-left: 66px !important; min-height: 66px; justify-content: center; }
.eae-fellow .eae-fellow-i { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); width: 42px !important; height: 42px; margin: 0 !important; border-radius: 50%; background: #13233f; }
.eae-fellow .eae-fellow-i p { margin: 0; }
@media (max-width: 768px) { .eae-fellow { padding-left: 12px !important; min-height: 0; } .eae-fellow .eae-fellow-i { display: none !important; } }
.eae-other-card { transition: transform .2s, box-shadow .2s; }
.eae-other-card:hover { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(11, 20, 38, .12); }
/* _____ EAE ΥΠΟΤΡΟΦΙΕΣ END _____ */

/* _____ EAE ΑΙΤΗΣΗ ΕΓΓΡΑΦΗΣ START _____
   [ΕΑΕ] 23/10/2026: σελίδα «Αίτηση εγγραφής» (Gridbox 32) — mockup Η-Join.
   Native: φόντο/περίγραμμα/padding των καρτών, typography. Εδώ μόνο ό,τι δεν δίνει το Gridbox:
   check-icon στα οφέλη (διακοσμητικό), κύκλος αριθμού στα βήματα, πίνακας του Text, λωρίδα επικοινωνίας. */
.eae-perk { position: relative; }
.eae-perk::before {
    content: ""; position: absolute; left: 16px; top: 16px; width: 22px; height: 22px;
    background: #3cc8d4;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / contain no-repeat;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / contain no-repeat;
}
.eae-step-n .content-text p {
    width: 44px; height: 44px; border: 2px solid #3cc8d4; border-radius: 50%;
    display: flex; align-items: center; justify-content: center; box-sizing: border-box;
}
.eae-cmp .content-text { overflow-x: auto; border: 1px solid #1a2a45; border-radius: 18px; }
.eae-cmp table { width: 100%; min-width: 560px; border-collapse: collapse; margin: 0; }
.eae-cmp th, .eae-cmp td { padding: 14px 22px; text-align: left; border: 0; border-top: 1px solid #1a2a45; color: #e9eef6; }
.eae-cmp thead th { background: #0f1c33; border-top: 0; font-weight: 800; color: #ffffff; }
.eae-cmp th:nth-child(n+2), .eae-cmp td:nth-child(n+2) { width: 190px; font-weight: 700; }
.eae-cmp th:last-child, .eae-cmp td:last-child { color: #3cc8d4; font-weight: 800; }
.eae-cmp .eae-y { color: #3cc8d4; }
.eae-cmp .eae-p { color: #f5b54a; }
.eae-cmp .eae-n { color: #9fb0c8; }
.eae-help strong { color: #ffffff; }
.eae-help a { color: #3cc8d4; text-decoration: none; }
.eae-help a:hover { color: #8be3ea; }
@media (max-width: 768px) {
    .eae-cmp table { min-width: 0; font-size: 14px; line-height: 20px; }
    .eae-cmp th, .eae-cmp td { padding: 12px 10px; }
    .eae-cmp th:first-child, .eae-cmp td:first-child { padding-left: 14px; }
    .eae-cmp th:nth-child(n+2), .eae-cmp td:nth-child(n+2) { width: 27%; }
}
/* _____ EAE ΑΙΤΗΣΗ ΕΓΓΡΑΦΗΣ END _____ */

/* _____ EAE-LOGIN · ΕΓΓΡΑΦΗ START _____
   [ΕΑΕ] 23/10/2026: η φόρμα εγγραφής (com_users registration) στο ίδιο στυλ με την «Είσοδο μελών» (EAE-LOGIN CSS).
   Γιατί όχι native: η φόρμα είναι του Joomla, όχι plugin του Gridbox. */
body.com_users .com-users-registration { max-width: 560px; margin: 24px auto 72px; font-family: 'Manrope', sans-serif; }
body.com_users .com-users-registration__form { background: #0f1c33; border: 1px solid #1a2a45; border-radius: 20px; padding: 28px; margin: 0 !important; width: auto !important; box-shadow: none; }
body.com_users .com-users-registration__form .control-group + .control-group,
body.com_users .com-users-registration__form fieldset + fieldset { margin-top: 0; }
body.com_users .com-users-registration__form .com-users-registration__submit,
body.com_users .com-users-registration__form .control-group:last-child { margin-top: 8px; }
body.com_users .com-users-registration__form .form-text,
body.com_users .com-users-registration__form small { color: #9fb0c8; }
@media (max-width: 768px) {
    body.com_users .com-users-registration { margin: 8px 0 48px; }
    body.com_users .com-users-registration__form { padding: 20px; }
}
/* _____ EAE-LOGIN · ΕΓΓΡΑΦΗ END _____ */

/* _____ EAE ΣΥΝΔΡΟΜΗ — ΣΕΛΙΔΑ ΠΡΟΪΟΝΤΟΣ START _____
   [ΕΑΕ] 24/10/2026: layout προϊόντος του Store (app Products) κατά το mockup H-Product.
   Native: φόντο/padding καρτών, typography τίτλου/τιμής/κουμπιού, πρόσβαση Guest στη γραμμή «χρειάζεστε λογαριασμό».
   Εδώ μόνο: η περιγραφή (HTML του πεδίου) ως κάρτες/λίστα, το «χάπι» 1 ΕΤΟΣ, κουμπί σε όλο το πλάτος, γραμμή διαχωρισμού. */
.eae-pill { display: inline-block; margin-left: 8px; padding: 2px 12px; border-radius: 999px; background: #08111f; color: #3cc8d4; font-size: 12px; letter-spacing: 0; vertical-align: middle; line-height: 24px; }
.eae-pcard-k .content-text p { display: flex; justify-content: space-between; align-items: center; }
.eae-pcard .ba-add-to-cart-price, .eae-pcard .ba-add-to-cart-price-wrapper { justify-content: flex-start !important; text-align: left !important; }
.eae-pcard .ba-add-to-cart-extra-options, .eae-pcard .ba-add-to-cart-info { margin-top: 0; }
.eae-pcard .ba-add-to-cart-button-wrapper, .eae-pcard .ba-add-to-cart-buttons-wrapper { width: 100%; }
/* !important: οι κανόνες tablet/phone του add-to-cart (demo) κεντράρουν τιμή/κουμπί */
.eae-pcard .ba-add-to-cart-wrapper, .eae-pcard .ba-add-to-cart-info { text-align: left !important; }
.eae-pcard .ba-add-to-cart-button-wrapper, .eae-pcard .ba-add-to-cart-buttons-wrapper { justify-content: flex-start !important; }
.eae-pcard .ba-add-to-cart-buttons-wrapper a.ba-btn-transition { width: 100% !important; box-sizing: border-box; justify-content: center; text-align: center; }
.eae-pcard .right-currency-position .ba-add-to-cart-price-currency { margin-left: 8px; }
.eae-pcard-guest a { color: #08111f; font-weight: 800; text-decoration: underline; text-underline-offset: 3px; }
.eae-pcard-foot .content-text p { padding-top: 12px; border-top: 1px solid rgba(8,17,31,.2); }
.eae-pdesc .ba-field-content { color: #c9d4e4; font-size: 16px; line-height: 1.7; }
.eae-pdesc .ba-field-content > p:first-child { font-size: 18px; line-height: 1.6; color: #b9c6d8; margin: 0 0 28px; max-width: 620px; }
.eae-pdesc .ba-field-content h2 { font-size: 22px; line-height: 28px; font-weight: 800; color: #ffffff; margin: 32px 0 14px; letter-spacing: 0; }
.eae-pdesc .ba-field-content h2:first-child { margin-top: 0; }
.eae-pdesc .ba-field-content ul { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.eae-pdesc .ba-field-content ul li { position: relative; background: #0f1c33; border: 1px solid #1a2a45; border-radius: 14px; padding: 14px 16px 14px 50px; font-size: 14px; line-height: 21px; color: #9fb0c8; margin: 0; }
.eae-pdesc .ba-field-content ul li strong { display: block; color: #ffffff; font-size: 15px; font-weight: 800; line-height: 22px; }
.eae-pdesc .ba-field-content ul li::before {
    content: ""; position: absolute; left: 16px; top: 16px; width: 22px; height: 22px; background: #3cc8d4;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / contain no-repeat;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / contain no-repeat;
}
.eae-pdesc .ba-field-content ol { margin: 0; padding-left: 22px; color: #c9d4e4; }
.eae-pdesc .ba-field-content ol li { margin: 0 0 6px; }
@media (max-width: 768px) {
    .eae-pdesc .ba-field-content ul { grid-template-columns: 1fr; }
    .eae-pdesc .ba-field-content > p:first-child { font-size: 16px; }
}
/* _____ EAE ΣΥΝΔΡΟΜΗ — ΣΕΛΙΔΑ ΠΡΟΪΟΝΤΟΣ END _____ */

/* _____ EAE ΣΥΝΔΡΟΜΗ — CHECKOUT START _____
   [ΕΑΕ] 24/10/2026: system page Checkout κατά το mockup H-Checkout. Native: πρόσβαση ενοτήτων (Guest / Registered),
   κάρτες, πεδία φόρμας στα ελληνικά, χρώματα Login plugin. Εδώ μόνο ό,τι δεν δίνουν τα plugins του Store:
   κενά στην κορυφή της φόρμας, στρογγυλό κουμπί «Ολοκλήρωση παραγγελίας» (το Order summary δεν έχει ρυθμίσεις),
   και στο Login: χωρίς εσωτερικό πλαίσιο και διπλό τίτλο. */
.ba-item-checkout-form .ba-checkout-form-fields:first-child { margin-top: 0; }
.ba-item-checkout-form .ba-checkout-form-fields:first-child > .ba-checkout-form-title-wrapper:first-child .ba-checkout-form-title { margin-top: 0; }
.ba-checkout-place-order .ba-checkout-place-order-btn { border-radius: 999px; font-weight: 800; font-size: 16px; color: #08111f; }
.eae-login .ba-login-content-wrapper { border: 0; }
.eae-login .ba-login-headline { display: none; }
.eae-login .ba-login-forgot-wrapper .ba-login-field-label { color: #3cc8d4; font-weight: 700; cursor: pointer; }
.eae-login .ba-login-forgot-wrapper .ba-login-field-label:hover { color: #8be3ea; }
/* _____ EAE ΣΥΝΔΡΟΜΗ — CHECKOUT END _____ */

/* _____ EAE ΕΠΙΚΟΙΝΩΝΙΑ START _____
   [ΕΑΕ] 25/10/2026: σελίδα Επικοινωνία (Gridbox 35) κατά το mockup H-Contact. Native: κάρτες, φόρμα Balbooa (Design της φόρμας).
   Εδώ μόνο: χρώμα links στα κείμενα των καρτών και το μεγάλο τηλέφωνο της Γραμματείας. */
.eae-ct .content-text a { color: #3cc8d4; text-decoration: none; font-weight: 700; }
.eae-ct .content-text a:hover { color: #8be3ea; }
.eae-ct .content-text strong { color: #ffffff; }
.eae-ct .content-text .eae-ct-big a { font-size: 26px; line-height: 34px; font-weight: 800; color: #ffffff; }
/* η φόρμα Balbooa προσθέτει δικό της padding στη σελίδα της· είναι ήδη μέσα σε κάρτα */
.eae-ct-form .ba-form-page { padding-left: 0 !important; padding-right: 0 !important; }
@media (max-width: 768px) { .eae-ct-form .ba-form-submit-btn, .eae-ct-form .ba-form-submit-field-wrapper a, .eae-ct-form button[type=submit] { width: 100%; justify-content: center; } }
/* _____ EAE ΕΠΙΚΟΙΝΩΝΙΑ END _____ */

/* ~~~~~ EAE HOME — HERO ΕΝΑΛΛΑΓΗ ΦΩΤΟΓΡΑΦΙΩΝ & ΕΤΙΚΕΤΕΣ START ~~~~~
   [ΕΑΕ] 25/10/2026: ο κύκλος του hero είναι plugin Slideshow (eae-hero-slides) — νέες φωτογραφίες από το panel του Slideshow
   (τετράγωνες, θέμα στο κέντρο). Η παλιά Image (eae-hero-img) είναι Disable On σε όλες τις συσκευές.
   Γιατί CSS: κυκλική μάσκα, τα δύο δαχτυλίδια και οι θέσεις των 7 ετικετών γύρω από τον κύκλο δεν υπάρχουν native. */
.eae-hero-slides { position: relative; width: 100%; aspect-ratio: 1 / 1; margin: 0 !important; }
.eae-hero-slides::before, .eae-hero-slides::after { content: ""; position: absolute; border-radius: 50%; pointer-events: none; z-index: 1; }
.eae-hero-slides::before { inset: 0; border: 1px solid #22385c; }
.eae-hero-slides::after { inset: 7%; border: 2px solid var(--primary); }
.eae-hero-slides .slideshow-wrapper { position: absolute !important; inset: 11%; height: auto !important; min-height: 0 !important; border-radius: 50%; overflow: hidden; isolation: isolate; }
.eae-hero-slides ul.ba-slideshow, .eae-hero-slides .slideshow-content, .eae-hero-slides li.item { height: 100% !important; min-height: 0 !important; }
.eae-hero-slides .ba-overlay, .eae-hero-slides .ba-slideshow-caption, .eae-hero-slides .ba-slideshow-nav { display: none !important; }
.eae-hero-slides .ba-slideshow-img { background-size: cover !important; background-position: center !important; }
.eae-hero-slides .ba-slideshow-dots { bottom: 7% !important; }
.eae-hero-visual .eae-chip { top: auto; right: auto; bottom: auto; transform: translate(-50%, -50%); }
.eae-hero-visual .eae-chip-1 { left: 88.3%; top: 17.9%; }
.eae-hero-visual .eae-chip-2 { left: 9%; top: 21.3%; bottom: auto; }
.eae-hero-visual .eae-chip-3 { left: 67.1%; top: 97%; right: auto; bottom: auto; }
.eae-hero-visual .eae-chip-4 { left: 50%; top: 0; }
.eae-hero-visual .eae-chip-5 { left: 1.1%; top: 60.4%; }
.eae-hero-visual .eae-chip-6 { left: 97.6%; top: 65.5%; }
.eae-hero-visual .eae-chip-7 { left: 23.5%; top: 92.4%; }
@media (max-width: 768px) {
    .eae-hero-visual { max-width: 270px; }
    .eae-hero-visual .eae-chip p { font-size: 11px !important; padding: 5px 9px; }
    .eae-hero-visual .eae-chip-1 { left: 86%; } .eae-hero-visual .eae-chip-2 { left: 11.5%; } .eae-hero-visual .eae-chip-3 { left: 66.1%; }
    .eae-hero-visual .eae-chip-5 { left: 4%; } .eae-hero-visual .eae-chip-6 { left: 94.7%; } .eae-hero-visual .eae-chip-7 { left: 25.1%; }
}
/* ~~~~~ EAE HOME — HERO ΕΝΑΛΛΑΓΗ ΦΩΤΟΓΡΑΦΙΩΝ & ΕΤΙΚΕΤΕΣ END ~~~~~ */