/* Ι.Ν. ΚΟΙΜΗΣΕΩΣ ΤΗΣ ΘΕΟΤΟΚΟΥ, 40 ΕΚΚΛΗΣΙΕΣ — Η ΚΕΦΑΛΙΔΑ ΚΑΙ ΤΟ ΥΠΟΣΕΛΙΔΟ ΤΗΣ ΔΗΜΟΣΙΑΣ ΣΕΛΙΔΑΣ (14/10/2026, οι διορθώσεις του Bill, σημεία 12 και 13).
   Φορτώνεται ΜΕΤΑ το metallio.css (τελευταίο φύλλο των ενοτήτων): ό,τι γράφει εδώ για το υποσέλιδο κερδίζει. Χρώματα μόνο από το xromata.css.

   ΚΕΦΑΛΙΔΑ. Ο Bill: «το cta κουμπι πανω ειναι για το προγραμμα και διπλα εχει για εγγραφη / συνδεση και καπου μεσα στο burger στο κινητο».
     · Δεξιά: «Είσοδος / Εγγραφή» (σκέτη λέξη με υπογράμμιση) και το κόκκινο «Ιερές ακολουθίες», που πάει στο πρόγραμμα.
     · «Είσοδος / Εγγραφή» υπάρχει ΜΟΝΟ όπου ο ναός έχει ανοίξει την είσοδο των πιστών (ο διακομιστής γράφει data-aitiseis-mou="nai" στη ρίζα)·
       για όποιον έχει ήδη μπει γράφει «Ο λογαριασμός μου» (data-pistos="mesa", πάλι από τον διακομιστή). Και τα δύο πάνε στο /aitiseis.
     · Κάτω από 840px τα δύο φεύγουν από την κεφαλίδα και είναι μέσα στο μενού (menou.js): το κόκκινο σε όλο το πλάτος και από κάτω του το δεύτερο.
   ΥΠΟΣΕΛΙΔΟ. Ο Bill: «το νομισμα δεν χρειαζεται βαλε απλα πραγματα πχ το λογοτυπο του site και προσωπικα δεδομενα και ολα τα νομιμα».
     · Το σήμα του ναού (το ίδιο αρχείο με της κεφαλίδας), ακίνητο, εκεί που ήταν το μετάλλιο· το όνομα και η ενορία όπως ήταν (metallio.css).
     · Μία ήσυχη σειρά συνδέσμων: «Προσωπικά δεδομένα», «Cookies», «Επικοινωνία»· και η αχνή γραμμή «powered by MediaTab».
     · Το υποσέλιδο δεν γεμίζει πια όλη την οθόνη: είναι όσο χρειάζεται. */
@import url("xromata.css") screen;

@media screen {
  /* (15/10/2026, κριτική 13:40) «Στο περιεχόμενο»: ο πρώτος σταθμός του πληκτρολογίου, κρυφός ώσπου να πάρει την εστίαση· τότε φαίνεται πάνω αριστερά */
  .parakampsi { position: absolute; left: 12px; top: -80px; z-index: 100; padding: 12px 18px; border-radius: 4px; background: var(--kokkino-vathy); color: var(--fyllo); font: 400 16px/1.2 var(--etiketa); text-decoration: none; }
  .parakampsi:focus { top: 12px; outline: 3px solid var(--xryso-fos); outline-offset: 2px; }
  #kyrio:focus { outline: none; }
  /* ── η κεφαλίδα ── */
  .kefalida .kefali-drasi { display: flex; flex: none; align-items: center; gap: 20px; }
  .kefalida .kefali-eisodos { display: inline-flex; align-items: center; min-height: 44px; font: 400 15px/1.2 var(--etiketa); letter-spacing: .03em; color: var(--melani); text-decoration: underline; text-decoration-color: var(--grammi); text-underline-offset: 5px; white-space: nowrap; transition: color .24s cubic-bezier(.22, .61, .36, 1), text-decoration-color .24s cubic-bezier(.22, .61, .36, 1); }
  .kefalida .kefali-eisodos:hover { color: var(--kokkino-vathy); text-decoration-color: var(--kokkino-vathy); }
  .kefali-eisodos-mesa { display: none; }
  .enoria-riza[data-pistos="mesa"] .kefali-eisodos-exo { display: none; }
  .enoria-riza[data-pistos="mesa"] .kefali-eisodos-mesa { display: inline; }
  .enoria-riza:not([data-aitiseis-mou="nai"]) .kefali-eisodos { display: none; }
  @media (max-width: 839px) { .kefalida .kefali-drasi { display: none; } }

  /* ── (16/10/2026) ο συνδεδεμένος ενορίτης: καμπανάκι με αριθμό και εικονίδιο λογαριασμού ──
     Ο Bill: «…καμπανακι για τις ειδοποιησεις που θα βαζει νουμερα ακομα και στην αρχικη αν εισαι συνδεδεμενος και profile icon κτλ.»
     · Στην αρχική η σήμανση είναι πάντα εκεί, κρυμμένη· φαίνεται μόνο με data-pistos="mesa" στη ρίζα. Στις άλλες σελίδες ο διακομιστής τη
       γράφει μόνο για όποιον έχει μπει (.kefali-pistos-mesa). Για τον επισκέπτη χωρίς σύνδεση η κεφαλίδα μένει ακριβώς όπως ήταν.
     · Μπαίνει πριν από τα δύο της κεφαλίδας και μένει ορατή και στο κινητό, δίπλα στο «Μενού». Η λέξη «Ο λογαριασμός μου» της κεφαλίδας
       γίνεται το εικονίδιο (μέσα στο μενού του κινητού μένει ως λέξη). Στόχοι 44px. Ο αριθμός: το kampana.js. */
  .kefali-pistos { display: none; }
  .enoria-riza[data-pistos="mesa"] .kefalida .kefali-pistos, .kefalida .kefali-pistos.kefali-pistos-mesa { display: flex; flex: none; align-items: center; gap: 6px; margin-left: auto; }
  .enoria-riza[data-pistos="mesa"] .kefalida .wrap > nav:not(.menou-kefalaia), .kefalida .wrap:has(> .kefali-pistos-mesa) > nav:not(.menou-kefalaia) { margin-left: auto; }
  .enoria-riza[data-pistos="mesa"] .kefalida .kefali-drasi > .kefali-eisodos,
  .es-riza.enoria-riza .kefalida .kefali-pistos-mesa ~ .kefali-drasi > .kefali-eisodos.es-eisodos-naou { display: none; }
  .kefali-kampana, .kefali-profil-koumpi { position: relative; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 1px solid var(--grammi); border-radius: 50%; background: var(--fyllo); color: var(--kokkino-vathy); text-decoration: none; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: border-color .24s cubic-bezier(.22, .61, .36, 1), background-color .24s cubic-bezier(.22, .61, .36, 1), transform .24s cubic-bezier(.22, .61, .36, 1); }
  .kefali-kampana:hover, .kefali-profil-koumpi:hover, .kefali-profil[open] > .kefali-profil-koumpi { border-color: var(--kokkino-vathy); background: var(--xarti-2); }
  .kefali-kampana:active, .kefali-profil-koumpi:active { transform: scale(.94); }
  .kefali-kampana:focus-visible, .kefali-profil-koumpi:focus-visible, .kefali-profil-grammi:focus-visible { outline: 3px solid var(--kokkino-vathy); outline-offset: 2px; }
  .kefali-pistos .es-sym { display: block; flex: none; }
  .kefali-profil-koumpi { font-size: 20px; font-weight: 600; background: var(--kokkino-vathy); border-color: var(--kokkino-vathy); color: var(--fyllo); }
  .kefali-profil-koumpi:hover, .kefali-profil[open] > .kefali-profil-koumpi { background: var(--kokkino-nyxta); border-color: var(--kokkino-nyxta); }
  /* ο αριθμός: κόκκινος κύκλος με χρυσό περίγραμμα πάνω δεξιά· μπαίνει με ένα μικρό «σκίρτημα» */
  .kefali-arithmos { position: absolute; top: -5px; right: -6px; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; min-width: 22px; height: 22px; padding: 0 6px; border: 2px solid var(--xarti); border-radius: 999px; background: var(--kokkino-vathy); color: var(--fyllo); font: 700 12px/1 var(--etiketa); letter-spacing: 0; font-variant-numeric: tabular-nums lining-nums; box-shadow: 0 0 0 1px var(--xryso); animation: kefali-arithmos-erxetai .5s cubic-bezier(.22, .61, .36, 1) both; }
  .kefali-arithmos[hidden] { display: none; }
  .kefali-kampana.exei-nees { border-color: var(--kokkino-vathy); }
  .kefali-kampana.exei-nees .es-sym { transform-origin: 50% 12%; animation: kefali-kampana-xtypa 1.1s .3s cubic-bezier(.22, .61, .36, 1) both; }
  @keyframes kefali-arithmos-erxetai { from { opacity: 0; transform: scale(.4); } 70% { transform: scale(1.12); } to { opacity: 1; transform: none; } }
  @keyframes kefali-kampana-xtypa { 0%, 100% { transform: none; } 15% { transform: rotate(14deg); } 30% { transform: rotate(-12deg); } 45% { transform: rotate(8deg); } 60% { transform: rotate(-5deg); } 75% { transform: rotate(2deg); } }
  /* το εικονίδιο λογαριασμού ανοίγει ένα μικρό φύλλο: «Ο λογαριασμός μου» και «Έξοδος» */
  .kefali-profil { position: relative; }
  .kefali-profil > summary { list-style: none; }
  .kefali-profil > summary::-webkit-details-marker { display: none; }
  .kefali-profil-fyllo { position: absolute; top: calc(100% + 10px); right: 0; z-index: 30; display: grid; min-width: 230px; padding: 6px; background: var(--fyllo); border: 1px solid var(--grammi); border-radius: 8px; box-shadow: 0 18px 40px -18px color-mix(in srgb, var(--melani) 45%, transparent); animation: kefali-profil-anoigei .22s cubic-bezier(.22, .61, .36, 1) both; }
  .kefali-profil-forma { margin: 0; }
  .kefali-profil-grammi { box-sizing: border-box; display: flex; align-items: center; gap: 12px; width: 100%; min-height: 48px; padding: 8px 12px; border: 0; border-radius: 6px; background: transparent; font: 400 16px/1.2 var(--etiketa); letter-spacing: .03em; color: var(--melani); text-align: left; text-decoration: none; white-space: nowrap; cursor: pointer; }
  .kefali-profil-grammi .es-sym { color: var(--kokkino-vathy); }
  .kefali-profil-grammi:hover, .kefali-profil-grammi:active { background: var(--xarti-2); color: var(--kokkino-vathy); }
  .kefali-profil-forma .kefali-profil-grammi { border-top: 1px solid var(--grammi); border-radius: 0 0 6px 6px; }
  @keyframes kefali-profil-anoigei { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
  @media (max-width: 839px) {
    .enoria-riza[data-pistos="mesa"] .kefalida .kefali-pistos, .kefalida .kefali-pistos.kefali-pistos-mesa { gap: 4px; margin-right: -8px; }
  }

  /* ── μέσα στο μενού του κινητού ── */
  .menou .menou-drasi .kefali-programma { display: flex; justify-content: center; width: 100%; min-height: 52px; font-size: 17px; }
  .menou .menou-drasi .menou-eisodos { display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: 100%; min-height: 52px; margin-top: 12px; border: 1px solid var(--kokkino-vathy); border-radius: var(--koumpi-aktina); background: var(--fyllo); font: 400 17px/1.2 var(--etiketa); letter-spacing: .04em; color: var(--kokkino-vathy); text-decoration: none; }
  .menou .menou-drasi .menou-eisodos:active { background: var(--xarti-2); }
  .enoria-riza:not([data-aitiseis-mou="nai"]) .menou .menou-eisodos { display: none; }

  /* ── το υποσέλιδο ── */
  .podas.podas-aplo { min-height: 0; padding: 64px 0 28px; }
  .podas-aplo .podas-simaio { display: block; flex: none; width: 112px; height: 112px; margin: 0 auto 24px; }
  .podas-aplo .podas-nomika { display: flex; flex-wrap: wrap; justify-content: center; gap: 0 28px; width: 100%; margin: 28px auto 0; }
  .podas-aplo .podas-nomika a { display: inline-flex; align-items: center; min-height: 44px; font: 400 16px/1.2 var(--etiketa); letter-spacing: .04em; color: var(--melani-2); text-decoration: underline; text-decoration-color: var(--grammi); text-underline-offset: 5px; transition: color .24s cubic-bezier(.22, .61, .36, 1), text-decoration-color .24s cubic-bezier(.22, .61, .36, 1); }
  .podas-aplo .podas-nomika a:hover { color: var(--kokkino-vathy); text-decoration-color: var(--kokkino-vathy); }
  .podas-aplo .ypografi { margin-top: 24px; }
  @media (min-width: 700px) {
    .podas.podas-aplo { padding-top: 80px; }
    .podas-aplo .podas-simaio { width: 128px; height: 128px; }
  }
}
@media print { .kefali-drasi, .kefali-pistos, .podas-nomika { display: none !important; } }
/* Επτά κεφάλαια με το Εορτολόγιο: η κεφαλίδα χωρά και στα 1280px. */
@media screen and (min-width: 1180px) and (max-width: 1399px) {
  .kefalida .wrap { gap: 12px; }
  .kefalida .sima { gap: 8px; }
  .kefalida .sima b { max-width: 190px; }
  .kefalida nav:not(.menou-kefalaia) { gap: 12px; }
  .kefalida .kefali-drasi { gap: 12px; }
}