/* ==========================================================================
 * style.css — ΤΟ ΑΡΧΕΙΟ ΣΟΥ. Δημόσιο site (frontend).
 * --------------------------------------------------------------------------
 * Φορτώνεται ΤΕΛΕΥΤΑΙΟ, μετά από:
 *     Bootstrap → theme/css/theme.css → modules → assets σελίδας → χρώματα
 * Άρα ό,τι γράψεις εδώ ΝΙΚΑΕΙ, χωρίς να χρειάζεται `!important`.
 *
 * Κανείς άλλος δεν γράφει σε αυτό το αρχείο — ούτε ο builder, ούτε ο manager,
 * ούτε ο assistant. Ό,τι βάλεις μένει.
 *
 * ΠΟΥ ΕΙΝΑΙ ΤΑ ΥΠΟΛΟΙΠΑ (η ΠΡΑΓΜΑΤΙΚΗ σειρά, μετρημένη 2026-08-11 — από το πιο
 * αδύναμο στο πιο δυνατό. Ό,τι είναι πιο κάτω, νικάει σε ισοπαλία ειδικότητας):
 *
 *    1  Bootstrap · feather                       vendor
 *    2  theme/css/*.css                           καθολικά του theme
 *    3  FontsIcons → fonts.css.php                η γραμματοσειρά του site
 *    4  theme/css/parts/<περιοχή>/<part>.css      το CSS ΤΟΥ TEMPLATE PART
 *    5  theme/css/modules/*.css                   τα modules των blocks
 *    6  PageBuilder/assets/frontend.css           ο σκελετός του builder
 *    7  <style id="nq-logo-css">                  Theme → Logo
 *    8  <style id="nq-skin-css">                  Theme → Skin / Typography
 *    9  Theme → Custom CSS
 *   10  ΑΥΤΟ ΤΟ ΑΡΧΕΙΟ                            ← τελευταίο, στο τέλος του body
 *
 *   admin/style.css               το αντίστοιχο αρχείο για το διαχειριστικό
 *
 * ΧΡΗΣΙΜΕΣ ΜΕΤΑΒΛΗΤΕΣ (άλλαξέ τες εδώ και αλλάζει όλο το site):
 *   --nq-max        πλάτος περιεχομένου (1320px)
 *   --nq-accent     χρώμα τόνου· έρχεται από Ρυθμίσεις → Χρώματα
 *   --nq-fg         χρώμα κειμένου      --nq-muted   δευτερεύον κείμενο
 *   --nq-line       χρώμα γραμμών       --nq-header-h ύψος header
 * ======================================================================== */

:root {
  /* Παράδειγμα: ξεκλείδωσε τη γραμμή για πιο στενό περιεχόμενο.
     --nq-max: 1180px; */
}

/* ==========================================================================
 * ΠΑΡΑΔΕΙΓΜΑΤΑ — ΠΩΣ ΝΙΚΑΣ ΤΗΝ ΙΕΡΑΡΧΙΑ
 * --------------------------------------------------------------------------
 * ΟΛΑ ΕΙΝΑΙ ΣΧΟΛΙΑΣΜΕΝΑ: δεν ισχύει τίποτα μέχρι να βγάλεις τα σχόλια.
 * Είναι συνταγές — αντίγραψε αυτή που ταιριάζει και άλλαξε τις τιμές.
 *
 * Ο ΚΑΝΟΝΑΣ ΜΕ ΜΙΑ ΓΡΑΜΜΗ: επειδή αυτό το αρχείο φορτώνει ΤΕΛΕΥΤΑΙΟ, στις
 * περισσότερες περιπτώσεις αρκεί να γράψεις τον ΙΔΙΟ επιλογέα. Ανεβάζεις
 * ειδικότητα μόνο όταν ο άλλος κανόνας είναι πιο ειδικός — και `!important`
 * μόνο απέναντι σε inline style ή σε άλλο `!important`.
 * ======================================================================== */


/* ── 1. Η ΣΥΝΗΘΗΣ ΠΕΡΙΠΤΩΣΗ: γράψε το, τελείωσε ──────────────────────────
   Δεν χρειάζεται τίποτα ιδιαίτερο — είσαι ήδη τελευταίος. */

/* #Footer_top { background: #07090f; }
   .nq-fcol h4 { letter-spacing: .18em; } */


/* ── 2. ΟΤΑΝ Ο ΑΛΛΟΣ ΚΑΝΟΝΑΣ ΕΙΝΑΙ ΠΙΟ ΕΙΔΙΚΟΣ ──────────────────────────
   Παράδειγμα: το module του μενού γράφει `.nq-nav .nq-nav-link{…}` (0,2,0).
   Σκέτο `.nq-nav-link` (0,1,0) ΧΑΝΕΙ όσο τελευταίος κι αν είσαι.
   Λύση: πρόσθεσε έναν ακόμα πρόγονο ή το tag. ΟΧΙ !important. */

/* #header .nq-nav .nq-nav-link { font-size: 15px; } */


/* ── 3. ΤΟ ΚΟΛΠΟ ΤΗΣ ΕΠΑΝΑΛΗΨΗΣ ΚΛΑΣΗΣ ──────────────────────────────────
   Όταν δεν υπάρχει βολικός πρόγονος, γράψε την ΙΔΙΑ κλάση δύο φορές.
   `.x.x` μετράει ως δύο κλάσεις (0,2,0) και ταιριάζει στο ίδιο στοιχείο.
   Καθαρότερο από `!important`, γιατί το επόμενο πρόβλημα το λύνεις πάλι
   με ειδικότητα αντί να μπεις σε πόλεμο. */

/* .nq-crumbs.nq-crumbs { --nq-crumb-sep: "/"; } */


/* ── 4. ΑΠΕΝΑΝΤΙ ΣΕ INLINE STYLE ΤΟΥ BUILDER ────────────────────────────
   Τα πεδία Design του builder γράφουν `style="…"` πάνω στο στοιχείο. Το
   inline νικά ΚΑΘΕ επιλογέα — εδώ το `!important` είναι ο μόνος δρόμος.
   ⚠️ Πριν το χρησιμοποιήσεις: αν η τιμή μπορεί να αλλάξει από τον builder,
   καλύτερα να τη διορθώσεις εκεί παρά να την κλειδώσεις εδώ. */

/* #Breadcrumbs .pb-section { padding-block: 26px !important; } */


/* ── 5. ΑΠΕΝΑΝΤΙ ΣΕ ΑΛΛΟ !important ─────────────────────────────────────
   Μεταξύ δύο !important κερδίζει η ΜΕΓΑΛΥΤΕΡΗ ΕΙΔΙΚΟΤΗΤΑ, και σε ισοπαλία
   ο τελευταίος — δηλαδή εσύ. Άρα: ίδιος ή πιο ειδικός επιλογέας + !important.
   Υπάρχουν ελάχιστα τέτοια: `.fe` (εικονίδια), βελάκια slider, `.font-monospace`.
   🔴 ΜΗΝ αγγίξεις τη γραμματοσειρά των εικονιδίων — γίνονται γράμματα. */

/* .nqtabs .nqtabs-nav { font-family: inherit !important; } */


/* ── 6. ΜΟΝΟ ΣΕ ΜΙΑ ΣΕΛΙΔΑ ─────────────────────────────────────────────
   Το <body> κουβαλά κλάση με το slug: `nq-page-epikoinonia`, `nq-page-erga`…
   και `nq-home` στην αρχική. Δίνει και στόχευση ΚΑΙ ειδικότητα μαζί. */

/* body.nq-page-epikoinonia #Breadcrumbs { display: none; }
   body.nq-home .nq-hero { min-height: 90vh; } */


/* ── 7. ΜΟΝΟ ΣΕ ΜΙΑ ΓΡΑΜΜΗ ΤΟΥ ΚΕΛΥΦΟΥΣ ────────────────────────────────
   Οι γραμμές των Template Parts έχουν σταθερά id — είναι οι πιο γερές λαβές
   που υπάρχουν (0,1,0,0 το καθένα):
     #Top_header · #header · #Bottom_header · #Sticky_header
     #Breadcrumbs · #Footer_top · #footer · #Footer_bottom */

/* #Sticky_header { box-shadow: 0 2px 18px rgba(0,0,0,.35); }
   #Top_header { display: none; } */


/* ── 8. ΤΟ ΣΩΣΤΟ ΣΗΜΕΙΟ ΔΕΝ ΕΙΝΑΙ ΠΑΝΤΑ ΕΔΩ ────────────────────────────
   Πριν γράψεις κάτι εδώ, σκέψου πού ΑΝΗΚΕΙ:
     · αφορά ΕΝΑ Template Part;        → Theming → κάρτα «CSS του Part»
     · αφορά ΕΝΑ block;                → τα modules του block
     · είναι ρύθμιση (χρώμα, γραμματοσειρά, ύψος);  → Theme → Skin
   Εδώ μένουν οι εξαιρέσεις και οι τελικές πινελιές — αλλιώς σε έναν χρόνο
   όλο το site θα ζει σε ένα αρχείο που κανένα πάνελ δεν μπορεί να αλλάξει. */


/* Γράψε από εδώ και κάτω. */