/* Ι.Ν. ΚΟΙΜΗΣΕΩΣ ΤΗΣ ΘΕΟΤΟΚΟΥ, 40 ΕΚΚΛΗΣΙΕΣ — ΚΟΜΜΑΤΙ A3 (12/10/2026): η κίνηση του μενού του κινητού και της κορδέλας (μαζί με το menou.js).
   Φορτώνεται ΜΟΝΟ στη δημόσια σελίδα, μετά το selida.css. Χρώματα μόνο από το xromata.css (η γραμμή από κάτω μένει πρώτη).
   Ο Bill, 12/10/2026, για το μενού του κινητού: «πολυ ωραιο το νεο ειδικα σε κινητο αν μπορεις κανε το λιγο πιο aninamted etc.»
   Το ίδιο μενού, λίγο περισσότερη κίνηση: μία καμπύλη (αυτή της σελίδας), μήκη ως 420ms· τη σειρά των λέξεων την παίζει το menou.js. */
@import url("xromata.css") screen;
@media screen {
  /* ── το κουμπί: οι τρεις γραμμές γίνονται σταυρός γυρίζοντας· το περίγραμμα αλλάζει χρώμα μαζί τους, δεν πετάγεται ── */
  .menou-koumpi { transition: border-color .42s cubic-bezier(.22, .61, .36, 1), color .42s cubic-bezier(.22, .61, .36, 1); }
  .menou-eikona { transition: transform .42s cubic-bezier(.22, .61, .36, 1); }
  .menou-koumpi[aria-expanded="true"] .menou-eikona { transform: rotate(90deg); }

  /* ── η λέξη που πατήθηκε: χρυσή γραμμή πάνω στη γραμμή της σειράς, όσο φαρδιά είναι η λέξη, από αριστερά προς τα δεξιά, και το χρυσό σημάδι της σειράς κάνει ένα βήμα ── */
  .kefalida .menou-syndesmos { transition: color .24s cubic-bezier(.22, .61, .36, 1); }
  .menou-lexi { position: relative; display: flex; align-items: center; align-self: stretch; }
  .menou-lexi::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: var(--xryso); transform: scaleX(0); transform-origin: left center; transition: transform .24s cubic-bezier(.22, .61, .36, 1); }
  .menou-syndesmos.patithike .menou-lexi::after { transform: scaleX(1); }
  /* (η γραμμή της σειράς γινόταν ολόκληρη χρυσή με τη μία στο άγγιγμα, από τον κανόνα της πλοήγησης του πρωτοτύπου: τώρα χρυσώνει μόνο κάτω από τη λέξη) */
  .kefalida .menou-syndesmos:hover { border-bottom-color: var(--grammi); }
  @media (hover: hover) { .menou-syndesmos:hover .menou-lexi::after { transform: scaleX(1); } }
  .kefalida .menou-syndesmos.patithike { color: var(--kokkino-vathy); }
  .menou-syndesmos::after { transition: transform .24s cubic-bezier(.22, .61, .36, 1); }
  .menou-syndesmos.patithike::after { transform: translateX(5px) rotate(45deg); }

  /* ── ο υπολογιστής ── */
  .kefalaio-grammi { display: none; }
  @media (min-width: 1180px) {
    /* οι λέξεις της κεφαλίδας ήταν 42px ψηλές: 44 */
    .kefalida nav:not(.menou-kefalaia) { position: relative; }
    .kefalida nav:not(.menou-kefalaia) a { display: inline-flex; align-items: center; min-height: 44px; }
    /* η κορδέλα τυλίγει σε δεύτερη σειρά αν δεν χωρά· δεν κόβεται και δεν κυλά πλάγια */
    .kordela .wrap { position: relative; flex-wrap: wrap; overflow: visible; }
    /* η λεπτή χρυσή γραμμή κάτω από το κεφάλαιο που διαβάζεται (πρόταση του σχεδίου· τη βάζει το menou.js, και χωρίς αυτό δεν υπάρχει) */
    .kefalaio-grammi { display: block; position: absolute; left: 0; top: 0; width: 0; height: 2px; background: var(--xryso); opacity: 0; pointer-events: none; transition: transform .42s cubic-bezier(.22, .61, .36, 1), width .42s cubic-bezier(.22, .61, .36, 1), opacity .3s cubic-bezier(.22, .61, .36, 1); }
    .kordela .kefalaio-grammi { background: var(--xryso-fos); }
    .kefalida nav.me-grammi a:hover, .kordela .wrap.me-grammi a:hover { border-color: transparent; }
  }
}