/* ── HEADER ΦΩΤΟΔΟΤΕΣ — αντικαθιστά το Banner.jpg (1140×335 σε 1×, θολό σε retina) ──
   Το φόντο (φωτογραφία + εικόνα Τριών Παίδων) μένει raster, σε 2× (2280×670).
   Το λογότυπο και το κείμενο έγιναν ΔΙΑΝΥΣΜΑΤΙΚΑ: κοφτερά σε κάθε οθόνη, και ο
   τίτλος αλλάζει χωρίς Photoshop. Όλα τα μεγέθη σε cqi = % του πλάτους του header,
   ώστε η σύνθεση να είναι ΙΔΙΑ σε 1140px και σε 375px. */
.fdw-hdr{display:block;text-decoration:none;position:relative;width:100%;max-width:1140px;margin:0 auto;aspect-ratio:1140/335;
  overflow:hidden;container-type:inline-size;
  background:#1a4270 url(/images/stories/Banner/header-2x.jpg) center/cover no-repeat;
  font-family:"Comfortaa","Alegreya Sans","Helvetica Neue",Arial,sans-serif}
.fdw-hdr svg.fdw-logo{position:absolute;left:1.7cqi;top:1.8cqi;width:17.2cqi;height:auto;display:block}
.fdw-hdr .fdw-name{position:absolute;left:19.4cqi;top:15.6cqi;margin:0;color:#fff;line-height:1;
  text-shadow:0 0.12cqi 0.45cqi rgba(5,20,45,.55);font-weight:700;letter-spacing:.005em;white-space:nowrap}
.fdw-hdr .fdw-name .l1{display:block;font-size:3.15cqi;font-weight:400;margin:0 0 .9cqi .3cqi}
.fdw-hdr .fdw-name .l2{display:block;font-size:4.65cqi;letter-spacing:-.008em}
/* Ο τίτλος είναι ΚΕΙΜΕΝΟ για screen readers και για την Google — το JPG έλεγε «Banner». */

/* Σε μικρό πλάτος (κινητό, ~375px) το δαχτυλίδι γινόταν ~1px και χανόταν πάνω στο μπλε.
   Είναι διανυσματικό, οπότε παχαίνει μόνο του κάτω από 640px δοχείου — χωρίς δεύτερο αρχείο. */
.fdw-hdr .fdw-logo{filter:drop-shadow(0 .12cqi .5cqi rgba(3,18,40,.45))}
@container (max-width:640px){
  .fdw-hdr .fdw-logo circle:first-of-type{stroke-width:8.5}
  .fdw-hdr .fdw-logo circle+circle{display:none}
  .fdw-hdr .fdw-name{text-shadow:0 .2cqi .7cqi rgba(3,18,40,.6)}
}

/* Μενού κινητού: τα ίδια 7 στοιχεία με το κυματιστό μενού της οθόνης, σε λωρίδα που κυλάει οριζόντια.
   Το off-canvas (Vertical Menu 422) έχει ΑΛΛΟ μενού (14 σύνδεσμοι) — ο ιδιοκτήτης ζήτησε το ίδιο. */
.fdw-mnav{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:10px 12px;margin:0 0 6px;background:linear-gradient(#e9f3fb,#d6e8f7);border-bottom:1px solid #bcd6ee}
.fdw-mnav::-webkit-scrollbar{display:none}
.fdw-mnav a{flex:0 0 auto;white-space:nowrap;padding:9px 14px;border-radius:20px;background:#fff;color:#10357f;font:600 14px/1 "Alegreya Sans",system-ui,sans-serif;text-decoration:none;box-shadow:0 1px 3px rgba(3,18,40,.15);min-height:36px;display:inline-flex;align-items:center}
.fdw-mnav a.on{background:#10357f;color:#fff}
@media (min-width:768px){ .fdw-mnav{display:none} }