/* ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ ΦΩΤΟΔΟΤΕΣ — το κύμα σε διανυσματική μορφή.
   Αντικαθιστά 8 JPEG 158x72 που θόλωναν σε κάθε retina οθόνη: το ζωντανό site
   τα εμφανίζει ως 142px φαρδιά με πηγή 158px, δηλαδή 1,1x — μακριά από το 2x
   που θέλει μια σύγχρονη οθόνη. Εδώ δεν υπάρχει κανένα pixel.
   Το σχήμα ιχνηλατήθηκε από το πρωτότυπο 001.jpg με προσαρμογή πολυωνύμου:
   το κέντρο της πινελιάς αποκλίνει το πολύ 0,54px και το πάχος 0,7px. */
.fdw-nav ul{display:flex;flex-wrap:nowrap;gap:2px;margin:0;padding:0;list-style:none;
  overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
/* flex-shrink 0: οι καρτέλες δεν στριμώχνονται ποτέ κάτω από 116px — αντί γι' αυτό
   η μπάρα κυλά οριζόντια, όπως κάνει σήμερα το καρουζέλ. Κατώφλι 7x116+12 = 824px. */
.fdw-nav li{flex:1 0 116px;min-width:0}
.fdw-nav a{position:relative;display:block;text-decoration:none;overflow:hidden;
  border-radius:3px 3px 0 0;
  /* Κλειδωμένη αναλογία, όπως ακριβώς κάνει το ζωντανό μενού (142x65, 117x53,
     87x40 — πάντα 2,19:1). Χωρίς αυτό το κύμα συνθλίβεται σε στενές οθόνες. */
  aspect-ratio:158/72;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 158 72' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='b' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%2390bae0'/%3E%3Cstop offset='.22' stop-color='%23a9d3f7'/%3E%3Cstop offset='.44' stop-color='%23c1e1ff'/%3E%3Cstop offset='.64' stop-color='%23d9eeff'/%3E%3Cstop offset='1' stop-color='%23f7fbfe'/%3E%3C/linearGradient%3E%3ClinearGradient id='k' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%2316304a'/%3E%3Cstop offset='.3' stop-color='%230a1c2a'/%3E%3Cstop offset='.75' stop-color='%2312232f'/%3E%3Cstop offset='1' stop-color='%232a3f52'/%3E%3C/linearGradient%3E%3Cfilter id='s' x='-15%25' y='-70%25' width='130%25' height='280%25'%3E%3CfeGaussianBlur stdDeviation='2.8'/%3E%3C/filter%3E%3C/defs%3E%3Crect width='158' height='72' fill='url(%23b)'/%3E%3Cpath d='M34.7,56.3 C36,56.9 40,58.7 42.6,59.5 C45.2,60.3 47.8,60.9 50.5,61.3 C53.1,61.6 55.7,61.8 58.3,61.8 C61,61.8 63.6,61.6 66.2,61.3 C68.8,61 71.4,60.6 74.1,60.1 C76.7,59.6 79.3,59 81.9,58.3 C84.6,57.7 87.2,57 89.8,56.3 C92.4,55.6 95,54.8 97.7,54.2 C100.3,53.5 102.9,52.8 105.5,52.2 C108.2,51.6 110.8,51.1 113.4,50.7 C116,50.3 118.6,50 121.3,49.8 C123.9,49.7 126.5,49.7 129.1,49.9 C131.8,50.1 135.7,50.9 137,51.1' fill='none' stroke='%237d97ba' stroke-width='10' stroke-opacity='.42' stroke-linecap='round' filter='url(%23s)'/%3E%3Cpath d='M16,37.1 C16.5,37.3 17.2,36.9 19,38.2 C20.8,39.4 24.2,42.9 26.9,44.7 C29.5,46.4 32.1,47.6 34.7,48.6 C37.4,49.6 40,50.3 42.6,50.7 C45.2,51.2 47.8,51.4 50.5,51.5 C53.1,51.6 55.7,51.4 58.3,51.2 C61,51 63.6,50.7 66.2,50.3 C68.8,49.9 71.4,49.3 74.1,48.8 C76.7,48.3 79.3,47.7 81.9,47 C84.6,46.4 87.2,45.8 89.8,45.1 C92.4,44.5 95,43.8 97.7,43.3 C100.3,42.7 102.9,42.1 105.5,41.7 C108.2,41.2 110.8,40.8 113.4,40.6 C116,40.4 118.6,40.3 121.3,40.5 C123.9,40.6 126.5,40.9 129.1,41.7 C131.8,42.4 135.2,43.9 137,44.7 C138.8,45.5 139.5,46.1 140,46.4 L140,46.4 C139.5,46.3 138.8,46 137,45.6 C135.2,45.3 131.8,44.6 129.1,44.4 C126.5,44.2 123.9,44.2 121.3,44.3 C118.6,44.5 116,44.8 113.4,45.2 C110.8,45.6 108.2,46.1 105.5,46.7 C102.9,47.3 100.3,48 97.7,48.7 C95,49.3 92.4,50.1 89.8,50.8 C87.2,51.5 84.6,52.2 81.9,52.8 C79.3,53.5 76.7,54.1 74.1,54.6 C71.4,55.1 68.8,55.5 66.2,55.8 C63.6,56.1 61,56.3 58.3,56.3 C55.7,56.3 53.1,56.1 50.5,55.8 C47.8,55.4 45.2,54.8 42.6,54 C40,53.2 37.4,52.2 34.7,50.8 C32.1,49.5 29.5,47.9 26.9,45.9 C24.2,43.9 20.8,40.4 19,38.9 C17.2,37.5 16.5,37.4 16,37.1 Z' fill='url(%23k)'/%3E%3C/svg%3E") center/100% 100% no-repeat;
  /* Το κείμενο κλιμακώνεται με το πλάτος ΤΗΣ ΚΑΡΤΕΛΑΣ, όχι του παραθύρου:
     15,5/158 = 9,8% — η ίδια αναλογία με το πρωτότυπο σε κάθε μέγεθος. */
  container-type:inline-size}
.fdw-nav a>span{position:absolute;left:0;right:0;top:0;height:66%;
  display:flex;align-items:center;justify-content:center;text-align:center;
  padding:0 6px;box-sizing:border-box;
  /* Τυπογραφία: fdw-type.css. Εδώ μόνο ύψος γραμμής και μέγεθος. */
  line-height:1.14;
  font-size:14px;                       /* εφεδρικό για browsers χωρίς cqi */
  font-size:clamp(9px,9.8cqi,17px)}
.fdw-nav a:hover>span,.fdw-nav a:focus-visible>span{color:#0b4d8a}
.fdw-nav a:hover,.fdw-nav a:focus-visible{filter:brightness(1.06) saturate(1.08)}
.fdw-nav a:focus-visible{outline:2px solid #0b4d8a;outline-offset:-2px}
.fdw-nav li.active a>span,.fdw-nav a[aria-current=page]>span{color:#00203d;
  text-decoration:underline;text-underline-offset:3px}