@import url("https://fonts.googleapis.com/css2?family=Alegreya:wght@800&display=swap");
@charset "UTF-8";
/* ═══════════════════════════════════════════════════════════════════════════
   ΦΩΤΟΔΟΤΕΣ — ΤΥΠΟΓΡΑΦΙΑ & ΧΡΩΜΑ  ·  ΚΑΤΕΥΘΥΝΣΗ Β «ΚΛΑΣΙΚΟ / ΕΚΚΛΗΣΙΑΣΤΙΚΟ»
   Φορτώνεται ΤΕΛΕΥΤΑΙΟ, πάνω από το shaper_gazette και τα fdw-*.css.
   ΜΟΝΟ τυπογραφία και χρώμα. Καμία ιδιότητα δεν μετακινεί μπλοκ:
   πουθενά display / position / float / width / margin / padding / border-width.

   ΓΙΑΤΙ ΥΠΕΡΟΙΚΟΓΕΝΕΙΑ: Alegreya + Alegreya Sans σχεδιάστηκαν μαζί (Huerta
   Tipográfica) — ίδιο ύψος πεζών, ίδιοι ρυθμοί, ίδιο ελληνικό σχέδιο με πλήρη
   πολυτονικά (Greek Extended). Το «δεμένα μεταξύ τους» δεν είναι εντύπωση:
   είναι το ίδιο σχέδιο σε δύο φωνές. Αντικαθιστούν 8 συνδυασμούς / 3 οικογένειες.
   Οι Lato & Open Sans που φορτώνει σήμερα το template ΔΕΝ χρησιμοποιούνται από
   κανένα στοιχείο (μετρήθηκε: 0) — και η Lato δεν έχει καν ελληνικά.

   ΧΑΡΤΟΓΡΑΦΗΣΗ ΤΩΝ ΠΑΛΙΩΝ ΜΠΛΕ ΣΕ ΜΙΑ ΚΛΙΜΑΚΑ (hue 206 παντού):
     #032646 (7 στοιχεία, μενού)      → --fd-blue-900  #072236
     #003949 (13, αριστερή στήλη)     → --fd-blue-800  #0c3250
     #10357f (25, κύριο του template) → --fd-blue-700  #16456a
     #0345c6 (2, δευτερεύον)          → --fd-blue-600  #235b85
     #0000FF (17, inline μέσα σε άρθρα) → εξουδετερώνεται σε --fd-ink (§5)
     #FF00FF (1, προφανές λάθος)        → εξουδετερώνεται σε --fd-ink (§5)
   Το hue 206 ΔΕΝ επιλέχθηκε αυθαίρετα: είναι το hue των γραφικών που δεν
   μπορούν να ξαναβαφτούν από εδώ (μελάνι κύματος #03466f = h203, γαλάζιο
   καρτέλας #90bae0 = h209, φόντο #eaf6fc = h200). Η νέα κλίμακα κάθεται
   ΜΕΣΑ στα υπάρχοντα SVG, δεν τα πολεμάει.

   ΤΙ ΜΕΤΡΗΘΗΚΕ ΠΡΑΓΜΑΤΙΚΑ (όχι εκτίμηση):
   Αποκωδικοποιήθηκαν τα SVG data URI των fdw-menu.css / fdw-side.css και
   δειγματοληπτήθηκαν οι βαθμιδώσεις στο ΥΨΟΣ ΟΠΟΥ ΠΕΦΤΟΥΝ ΤΑ ΓΡΑΜΜΑΤΑ:
   · πλακίδιο 200×35: κάθετη βαθμίδωση, ΣΚΟΥΡΟ στο κέντρο (#014a75 στο y=17,5)
     και ανοιχτό στις άκρες — το κείμενο είναι κεντραρισμένο, άρα κάθεται στο
     σκούρο. Λευκό: 9,38:1 στο κέντρο, 5,56:1 στην ακραία σειρά των ψηλών
     γραμμάτων (y=9,5px, #256f94). Το «λευκό σε #57a4c2 = 2,80» ισχύει μόνο
     στο y=0, όπου δεν φτάνει ποτέ γράμμα.
   · καρτέλα μενού 158×72: το <span> πιάνει το πάνω 66%, κέντρο γραμμάτων στο
     y≈24 → #b5dafb. Χείριστη περίπτωση (y=0) #90bae0.
   · κύματα αριστερής στήλης: ΔΕΝ έχουν φόντο (κανένα <rect>) — είναι μόνο
     πινελιά. Το κείμενο κάθεται στο φόντο της σελίδας, #eaf6fc.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── §1  ΜΕΤΑΒΛΗΤΕΣ — η ΜΟΝΗ θέση με σκέτες τιμές ─────────────────────────── */
:root{
  /* οικογένειες */
  --fd-serif:"Alegreya","GFS Didot",Georgia,"Times New Roman",serif;
  --fd-sans:"Alegreya Sans","Helvetica Neue",Arial,"Liberation Sans","DejaVu Sans",sans-serif;

  /* βάρη — μόνο 3 ανά οικογένεια, όσα ζητά και το <link> */
  --fd-w-reg:400;
  --fd-w-med:500;
  --fd-w-bold:700;
  --fd-w-head:800;   /* επικεφαλίδες: ένα βάρος πάνω από το bold του σώματος (3/9/2026, αίτημα ιδιοκτήτη) */

  /* κλίμακα μεγεθών — λόγος 1,2 · βάση 17px · ΕΞΙ σκαλιά αντί για εννέα τυχαία
     11→xs · 12/13/14→sm · 15/16→md · 17/19→lg · →xl · 30→2xl */
  --fd-fs-xs:0.738rem;    /* 11,8px */
  --fd-fs-sm:0.885rem;    /* 14,2px */
  --fd-fs-md:1.0625rem;   /* 17,0px  ΒΑΣΗ */
  --fd-fs-lg:1.38rem;    /* 20,4px */
  --fd-fs-xl:1.66rem;     /* 24,5px */
  --fd-fs-2xl:2.0rem;   /* 29,4px */

  --fd-lh-tight:1.22;
  --fd-lh-ui:1.32;
  --fd-lh-body:1.62;
  --fd-ls-caps:0.085em;   /* κεφαλαία: τα ελληνικά χρειάζονται αραίωση */
  --fd-ls-head:-0.004em;

  /* ΜΙΑ κλίμακα μπλε — 7 σκαλιά, hue 206, μεταβλητή μόνο κορεσμός/φωτεινότητα */
  --fd-blue-900:#072236;
  --fd-blue-800:#0c3250;
  --fd-blue-700:#16456a;
  --fd-blue-600:#235b85;
  --fd-blue-500:#3a77a6;
  --fd-blue-300:#97bcd8;
  --fd-blue-100:#e2eff8;

  /* ουδέτερα κειμένου (ίδιο hue, ελάχιστος κορεσμός — «ζεστό μελάνι», όχι μαύρο) */
  --fd-ink:#1e2a33;
  --fd-ink-soft:#4c5e6b;
  --fd-on-dark:#ffffff;
  --fd-paper:#ffffff;
  --fd-surface:#eaf6fc;   /* ΥΠΑΡΧΟΝ φόντο 23 στοιχείων — δεν αλλάζει */

  /* τονισμοί: ΜΟΝΟ τα ήδη υπάρχοντα, και μόνο εκεί που ήταν */
  --fd-gold:#f3c87a;
  --fd-wine:#6c1413;
  --fd-plum:#49004f;
  --fd-promo-mute:#f0d9c6;

  /* σημασιολογικοί ρόλοι — από εδώ και κάτω κανένα στοιχείο δεν ξέρει hex */
  --fd-text:var(--fd-ink);
  --fd-text-soft:var(--fd-ink-soft);
  --fd-head:var(--fd-blue-800);
  --fd-head-strong:var(--fd-blue-900);
  --fd-eyebrow:var(--fd-blue-700);
  --fd-link:var(--fd-blue-700);
  --fd-link-hover:var(--fd-blue-600);
  --fd-rule:var(--fd-blue-300);
  --fd-nav-ink:var(--fd-blue-900);
  --fd-nav-ink-hover:var(--fd-blue-700);
  --fd-wave-ink:var(--fd-blue-800);
  --fd-wave-ink-mag:var(--fd-plum);
  --fd-tile-text:var(--fd-on-dark);

  /* σκιές κειμένου των πλακιδίων — ήδη υπήρχαν, απλώς αποκτούν όνομα */
  --fd-shadow-tile:0 1px 1px rgba(1,20,38,.42);
  --fd-shadow-tile-mag:0 1px 1px rgba(38,0,29,.42);
}

/* ── §2  ΒΑΣΗ ─────────────────────────────────────────────────────────────── */
body,
#sp-main-body,
.sp-module-content,
.mod-custom,
.custom{
  font-family:var(--fd-serif);
  font-size:var(--fd-fs-md);
  font-weight:var(--fd-w-reg);
  line-height:var(--fd-lh-body);
  color:var(--fd-text);
  font-feature-settings:"kern" 1,"liga" 1;
  text-rendering:optimizeLegibility;
}
/* Οι τόνοι και τα πνεύματα του πολυτονικού κόβονται όταν το line-height πέφτει
   κάτω από ~1,2 — γι' αυτό καμία τιμή εδώ δεν είναι μικρότερη. */
p,li,dd,dt,td,th,blockquote{color:inherit}
p{font-size:inherit;line-height:var(--fd-lh-body)}
small,.small,figcaption,.article-info,.published,.category-name,
.breadcrumb,.pagination,.counter{
  font-family:var(--fd-sans);
  font-size:var(--fd-fs-sm);
  line-height:var(--fd-lh-ui);
  color:var(--fd-text-soft);
}
td,th{font-variant-numeric:tabular-nums}
strong,b{font-weight:var(--fd-w-bold)}
::selection{background:var(--fd-gold);color:var(--fd-ink)}          /* 9,31:1 */
li::marker{color:var(--fd-blue-500)}

/* ── §3  ΕΠΙΚΕΦΑΛΙΔΕΣ — μία φωνή, έξι μεγέθη, κανένα τυχαίο ────────────────── */
h1,h2,h3,h4,h5,h6,
.item-title,.article-title,.page-header h1,.page-header h2,
.sp-page-title,.slide-title{
  font-family:var(--fd-serif);
  font-weight:var(--fd-w-head);
  line-height:var(--fd-lh-tight);
  letter-spacing:var(--fd-ls-head);
  color:var(--fd-head);
}
h1,.sp-page-title,.page-header h1{font-size:var(--fd-fs-2xl);color:var(--fd-head-strong)}
h2,.item-title,.article-title{font-size:var(--fd-fs-xl)}
h3{font-size:var(--fd-fs-lg)}
h4,h5,h6{font-size:var(--fd-fs-md)}
.item-title a,.article-title a,h2 a,h3 a{color:inherit}
.item-title a:hover,.article-title a:hover,h2 a:hover,h3 a:hover{color:var(--fd-link-hover)}

/* Τίτλοι ενοτήτων: το «λόγιο» σημάδι της κατεύθυνσης — sans, μικρά κεφαλαία,
   αραιωμένα. Πουθενά δεν αλλάζει διάσταση κουτιού. */
.sp-module-title,.sp-module h3,.sp-module .mod-title,
#sp-left .sm-logo::after{
  font-family:var(--fd-sans);
  font-weight:var(--fd-w-bold);
  font-size:var(--fd-fs-sm);
  letter-spacing:var(--fd-ls-caps);
  text-transform:uppercase;
  color:var(--fd-eyebrow);
}

/* ── §4  ΣΥΝΔΕΣΜΟΙ ────────────────────────────────────────────────────────── */
a{
  color:var(--fd-link);
  /* ΔΙΟΡΘΩΣΗ: το --fd-rule (#97bcd8) έδινε υπογράμμιση 2,00:1 σε λευκό, κάτω
     από το 3:1 του WCAG 1.4.11. Επειδή ο σύνδεσμος διαφέρει από το σώμα μόνο
     κατά 1,46:1, η υπογράμμιση είναι η ΜΟΝΗ ένδειξη — πρέπει να φαίνεται. */
  text-decoration-color:var(--fd-blue-600);
  text-decoration-thickness:from-font;
  text-underline-offset:.13em;
}
a:hover,a:focus{color:var(--fd-link-hover);text-decoration-color:var(--fd-blue-500)}
a:focus-visible{outline-color:var(--fd-link)}

/* ── §5  ΕΞΟΥΔΕΤΕΡΩΣΗ ΤΩΝ INLINE ΧΡΩΜΑΤΩΝ ΜΕΣΑ ΣΤΑ ΑΡΘΡΑ ──────────────────────
   Στοχεύει ΜΟΝΟ τις τιμές που μετρήθηκαν (#0000FF ×17, #FF00FF ×1) — όχι κάθε
   [style], γιατί ένα σαρωτικό [style*="color"] θα έσβηνε και σκόπιμα λευκά
   κείμενα πάνω σε σκούρα πλαίσια. Οι σύνδεσμοι προστατεύονται από τους
   κανόνες που ακολουθούν: μεγαλύτερη ειδικότητα (1,1,1 > 1,1,0), άρα ένα
   <a style="color:#0000FF"> γίνεται σύνδεσμος, όχι μαύρο κείμενο. */
#sp-component [style*="#0000FF" i]:not([style*="background" i]),
/* ΔΙΟΡΘΩΣΗ: το «#00F» είναι υποσυμβολοσειρά και του «#00FF00» (πράσινο),
   και το «color» υπάρχει και μέσα στο «background-color». Ο συνδυασμός τους
   έπιανε πράσινα φόντα. Ζητάω πλέον ρητά τη δήλωση χρώματος κειμένου. */
#sp-component [style*="color: #00F" i],
#sp-component [style*="color:#00F" i],
#sp-component [style*="rgb(0, 0, 255)" i]:not([style*="background" i]),
#sp-component [style*="rgb(0,0,255)" i]:not([style*="background" i]),
#sp-component [style*="#FF00FF" i]:not([style*="background" i]),
#sp-component [style*="rgb(255, 0, 255)" i]:not([style*="background" i]),
#sp-component [style*="rgb(255,0,255)" i]:not([style*="background" i]),
#sp-component [style*="color: blue" i]:not([style*="background" i]),
#sp-component [style*="color:blue" i]:not([style*="background" i]),
#sp-component [style*="color: magenta" i]:not([style*="background" i]),
#sp-component [style*="color:magenta" i]:not([style*="background" i]){
  color:var(--fd-ink)!important;
}

/* ⚠ ΤΡΙΤΟ ΧΡΩΜΑ, ΠΡΟΣΤΕΘΗΚΕ 2/9/2026: το ΚΟΚΚΙΝΟ #FF0000.
   Μετρημένο στη διαχείριση: **281 άρθρα** το γράφουν inline (π.χ. οι τίτλοι
   «ΤΑ ΚΡΙΝΑ» / «ΠΑΙΔΙΚΑ ΦΤΕΡΟΥΓΙΣΜΑΤΑ» στη σελίδα Συνδρομές). Αντίθεση σε
   λευκό: **4,00** — κάτω από το 4,5.
   ΔΕΝ το ισοπεδώνουμε σε --fd-ink όπως το μπλε και το ματζέντα: εδώ το κόκκινο
   είναι ΣΚΟΠΙΜΗ έμφαση σε τίτλο περιοδικού, όχι κατάλοιπο επεξεργαστή. Το
   σκουραίνουμε όσο χρειάζεται ώστε να διαβάζεται (5,94) και να μένει κόκκινο.
   Ο φύλακας :not([style*="background"]) είναι ο ίδιος: υπάρχουν πλαίσια με
   κόκκινο ΦΟΝΤΟ και λευκά γράμματα — αυτά δεν πρέπει να τα αγγίξουμε. */
#sp-component [style*="color: #FF0000" i]:not([style*="background" i]),
#sp-component [style*="color:#FF0000" i]:not([style*="background" i]),
#sp-component [style*="color: #F00" i]:not([style*="background" i]),
#sp-component [style*="color:#F00" i]:not([style*="background" i]),
#sp-component [style*="rgb(255, 0, 0)" i]:not([style*="background" i]),
#sp-component [style*="rgb(255,0,0)" i]:not([style*="background" i]),
#sp-component [style*="color: red" i]:not([style*="background" i]),
#sp-component [style*="color:red" i]:not([style*="background" i]){
  color:#c0261c!important;
}
/* ⚠ ΔΙΟΡΘΩΣΗ: ο κανόνας ήταν `a[style]` — έπιανε ΚΑΘΕ σύνδεσμο με οποιοδήποτε
   inline style, με !important. Έσβησε το σκόπιμο λευκό των κουμπιών συνδρομής
   (`style="background:#10357f;color:#ffffff"`) και τα έκανε 1,14:1, αδιάβαστα.
   Στοχεύει πλέον ΜΟΝΟ συνδέσμους που έχουν ρητά μια από τις μετρημένες κακές
   τιμές, και ΠΟΤΕ στοιχείο που ορίζει δικό του φόντο. */
#sp-component a[style*="color: #0000FF" i]:not([style*="background" i]),
#sp-component a[style*="color:#0000FF" i]:not([style*="background" i]),
#sp-component a[style*="color: #FF00FF" i]:not([style*="background" i]),
#sp-component a[style*="color:#FF00FF" i]:not([style*="background" i]),
#sp-component a[style*="color: blue" i]:not([style*="background" i]),
#sp-component a[style*="color:blue" i]:not([style*="background" i]){
  color:var(--fd-link)!important}

/* ── §6  ΤΟ ΥΠΟΛΟΙΠΟ TEMPLATE ─────────────────────────────────────────────── */
.breadcrumb,.breadcrumb a,.breadcrumb .divider{
  font-family:var(--fd-sans);font-size:var(--fd-fs-xs);
  letter-spacing:.02em;color:var(--fd-text-soft);
}
.breadcrumb a{color:var(--fd-link)}

/* Κουμπιά και φόρμες: αλλάζει ΜΟΝΟ η γραμματοσειρά. Το χρώμα κειμένου τους
   μένει ως έχει επίτηδες — το φόντο τους ορίζεται από το template και μια
   μονομερής αλλαγή χρώματος εδώ θα μπορούσε να χαλάσει αντίθεση που δεν
   μπορώ να μετρήσω από αυτό το αρχείο. */
.btn,button,input,select,textarea,.eshop-button,.pagenav a{
  font-family:var(--fd-sans);
  font-weight:var(--fd-w-med);
  font-size:var(--fd-fs-sm);
  letter-spacing:.015em;
}
/* ΔΙΟΡΘΩΣΗ: πεδίο εισαγωγής κάτω από 16px κάνει το iOS να ζουμάρει αυτόματα
   σε ΚΑΘΕ φόρμα — και στο ταμείο του eShop. Χρειάζεται και ειδικότητα, γιατί
   το .form-control του template (0,1,0) νικούσε τον σκέτο επιλογέα (0,0,1). */
input.form-control,select.form-control,textarea.form-control,
input[type=text],input[type=email],input[type=tel],input[type=number],
input[type=password],input[type=search],select,textarea{
  font-family:var(--fd-sans);
  font-size:16px;
  letter-spacing:0;
}
.btn,.eshop-button{font-weight:var(--fd-w-bold)}

/* Τιμές / ποσά: ίδια πλάτη ψηφίων ώστε οι στήλες να στοιχίζονται. */
.eshop-price,.price,.fdw-price,.product-price{
  font-family:var(--fd-serif);
  font-variant-numeric:tabular-nums lining-nums;
}

/* Slider (DJ): μόνο οικογένεια και βάρος. Το κείμενο κάθεται πάνω σε
   ΦΩΤΟΓΡΑΦΙΕΣ που αλλάζουν — δεν μπορεί να υπολογιστεί λόγος αντίθεσης,
   άρα δεν αγγίζεται το χρώμα. */
.slide-title,.slide-text,.slide-desc-text{font-family:var(--fd-serif)}
.slide-title{font-weight:var(--fd-w-bold);line-height:var(--fd-lh-tight)}

/* Υποσέλιδα: ίδιος λόγος — άγνωστο φόντο από εδώ, άρα μόνο τυπογραφία. */
#sp-bottom1,#sp-footer1{font-family:var(--fd-sans);font-size:var(--fd-fs-sm);line-height:var(--fd-lh-ui)}

/* ── §7  ΕΝΤΑΞΗ ΤΩΝ .fdw-* ───────────────────────────────────────────────────
   Τα μεγέθη τους ΔΕΝ αγγίζονται: είναι clamp() με μονάδες cqi, δεμένα με το
   πλάτος της ίδιας της καρτέλας/πλακιδίου — δουλεμένα ώστε «Οι προσφορές μας»
   να μη σπάει σε δεύτερη γραμμή. Αλλάζουν μόνο οικογένεια, βάρος και χρώμα,
   ώστε να μιλούν την ίδια γλώσσα με το υπόλοιπο site. */

/* πάνω μενού — 7 καρτέλες σε γαλάζιο κύμα */
.fdw-nav a>span{
  font-family:var(--fd-sans);
  font-weight:var(--fd-w-med);
  color:var(--fd-nav-ink);
  letter-spacing:.005em;
}
.fdw-nav a:hover>span,.fdw-nav a:focus-visible>span{color:var(--fd-nav-ink-hover)}
.fdw-nav li.active a>span,.fdw-nav a[aria-current=page]>span{
  color:var(--fd-nav-ink);
  font-weight:var(--fd-w-bold);
  text-decoration-color:var(--fd-nav-ink);
}
.fdw-nav a:focus-visible{outline-color:var(--fd-link)}

/* αριστερή στήλη + Κρίνα/Φτερουγίσματα — η πλάγια σειρά μένει, αλλά γίνεται
   Alegreya italic: ίδιος σχεδιαστής με το σώμα κειμένου, όχι ξένη Georgia. */
#sp-left .sm-menu .link a,
.fdw-side .fdw-wave,
.fdw-side .fdw-wave-mag{
  font-family:var(--fd-serif);
  font-style:italic;
  font-weight:var(--fd-w-bold);
  color:var(--fd-wave-ink);
}
.fdw-side .fdw-wave-mag{color:var(--fd-wave-ink-mag)}
#sp-left .sm-menu .link a:focus-visible,
.fdw-side a:focus-visible{outline-color:var(--fd-link)}

/* πλακίδια & επικεφαλίδα με αστέρι — λευκό στο σκούρο κέντρο της βαθμίδωσης */
.fdw-side .fdw-tile,
.fdw-side .fdw-head,
#sp-left .sm-logo{
  font-family:var(--fd-sans);
  font-weight:var(--fd-w-bold);
  color:var(--fd-tile-text);
  letter-spacing:.012em;
  text-shadow:var(--fd-shadow-tile);
}
.fdw-side .fdw-head,#sp-left .sm-logo{text-shadow:var(--fd-shadow-tile-mag)}
#sp-left .sm-logo::after{
  font-family:var(--fd-sans);
  color:var(--fd-tile-text);
  letter-spacing:var(--fd-ls-caps);
  text-transform:uppercase;
}

/* προσφορά τριλογίας — το μόνο σημείο όπου ο χρυσός είναι κύριο χρώμα */
.fdw-promo .fdw-kick{
  font-family:var(--fd-sans);font-weight:var(--fd-w-bold);
  letter-spacing:var(--fd-ls-caps);color:var(--fd-gold);
}
.fdw-promo .fdw-head{
  font-family:var(--fd-serif);font-weight:var(--fd-w-bold);
  color:var(--fd-on-dark);text-shadow:none;letter-spacing:var(--fd-ls-head);
}
.fdw-promo .fdw-price,.fdw-promo .fdw-new{
  font-family:var(--fd-serif);font-variant-numeric:lining-nums;color:var(--fd-gold);
}
.fdw-promo .fdw-new{font-weight:var(--fd-w-bold)}
/* Η παλιά τιμή ήταν #c98a7e = 4,25:1 πάνω στο μπορντό — ΚΟΨΙΜΕΝΗ ΑΠΟΤΥΧΙΑ.
   Παίρνει το χρώμα της σημείωσης (8,84:1)· ξεχωρίζει από τη διαγραφή, όχι
   από χαμηλή αντίθεση. */
.fdw-promo .fdw-old,.fdw-promo .fdw-note{color:var(--fd-promo-mute)}
.fdw-promo .fdw-cta{
  font-family:var(--fd-sans);font-weight:var(--fd-w-bold);
  letter-spacing:.05em;color:var(--fd-gold);
}
/* Αυτοτελές: ορίζω ΚΑΙ φόντο ΚΑΙ χρώμα, ώστε να μην εξαρτάται από το
   fdw-promo.css. Κρασί σε χρυσό = 7,64:1. */
.fdw-promo a:hover .fdw-cta,.fdw-promo a:focus-visible .fdw-cta{
  background:var(--fd-gold);color:var(--fd-wine)}

/* ── §8  ΤΙ ΔΕΝ ΜΠΟΡΕΙ ΝΑ ΛΥΘΕΙ ΑΠΟ ΕΔΩ ──────────────────────────────────────
   1. Τα χρώματα των SVG (κύματα, πλακίδια) ζουν μέσα σε data URI στα
      fdw-menu.css / fdw-side.css. Το κείμενο εδώ προσαρμόστηκε σε αυτά.
   2. Το φόντο του #sp-footer1 / #sp-bottom1 και οι φωτογραφίες του slider δεν
      είναι γνωστά από αυτό το αρχείο — γι' αυτό εκεί άλλαξε μόνο τυπογραφία.
   3. Αν κάποτε αφαιρεθούν οι Lato / Open Sans από το template, δεν χάνεται
      τίποτα: κανένα στοιχείο δεν τις χρησιμοποιεί (μετρήθηκε 0).
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── §5β  ΠΙΝΑΚΕΣ ΜΕΣΑ ΣΤΑ ΑΡΘΡΑ ── fdw-article-tables ──────────────────────
   Προστέθηκε 2/9/2026 μαζί με τους «Όρους Πώλησης», που έχουν 3 πίνακες.
   Το Bootstrap 5 στυλίζει ΜΟΝΟ την κλάση .table — και τα άρθρα της Joomla
   δεν έχουν classes, οπότε οι πίνακες έβγαιναν εντελώς γυμνοί: κολλητά
   κελιά, χωρίς γραμμές, δυσανάγνωστοι.
   Το overflow-x στον ΓΟΝΕΑ (όχι στον πίνακα) είναι που εμποδίζει τη σελίδα
   να αποκτήσει οριζόντια μπάρα στα 375px — δες §7 του CLAUDE.md για το
   γιατί το overflow σε λάθος στοιχείο σπάει και τα sticky. */
#sp-component .com-content-article__body table,
#sp-component [itemprop="articleBody"] table{
  width:100%; border-collapse:collapse; margin:0 0 1.2em;
  font-size:.95em;
}
#sp-component .com-content-article__body th,
#sp-component .com-content-article__body td,
#sp-component [itemprop="articleBody"] th,
#sp-component [itemprop="articleBody"] td{
  border:1px solid var(--fd-blue-300,#97bcd8);
  padding:.55em .7em; text-align:left; vertical-align:top;
}
#sp-component .com-content-article__body th,
#sp-component [itemprop="articleBody"] th{
  background:var(--fd-blue-100,#e2eff8);
  font-weight:700;
}
#sp-component .com-content-article__body tr:nth-child(even) td,
#sp-component [itemprop="articleBody"] tr:nth-child(even) td{
  background:rgba(226,239,248,.35);
}
/* Σε στενή οθόνη ο πίνακας κυλάει ΜΕΣΑ στο δικό του κουτί — η σελίδα όχι. */
@media (max-width:600px){
  #sp-component .com-content-article__body table,
  #sp-component [itemprop="articleBody"] table{
    display:block; overflow-x:auto; -webkit-overflow-scrolling:touch;
    white-space:normal;
  }
}