/* Ι.Ν. ΚΟΙΜΗΣΕΩΣ ΤΗΣ ΘΕΟΤΟΚΟΥ, 40 ΕΚΚΛΗΣΙΕΣ — ΟΙ ΑΛΛΕΣ ΣΕΛΙΔΕΣ ΤΟΥ ΕΠΙΣΚΕΠΤΗ (14/10/2026): η ανακοίνωση, ο χάρτης, τα χαρτιά, το «δεν βρέθηκε».

   Ο Bill, 14/10/2026: «…δεν ταιριαζει με το theme και την αρχικη εικονα δεν εχεις βαλει συμβολα και ομορφια και καθαρο grid…».
   Φορτώνεται ΤΕΛΕΥΤΑΙΟ (lib/ekklisia/naoi/panagia40ek/plaisio-episkepti.ts), μετά το esoteriki.css. Η κεφαλίδα και το υποσέλιδο είναι της αρχικής
   (styles.css, dimosia.css, metallio.css, kefali-podas.css)· εδώ μόνο ό,τι θέλει κάθε σελίδα πάνω τους, στο ίδιο πλέγμα: 24px περιθώριο στο κινητό,
   1160px στον υπολογιστή. Χρώματα μόνο από το xromata.css. Καμία «μειωμένη κίνηση» (κανόνας του Bill, 2/9/2026). */
@import url("xromata.css") screen;

@media screen {
  /* ── το πλαίσιο: η ρίζα κρατά κεφαλίδα, σελίδα και υποσέλιδο σε μία στήλη, το υποσέλιδο κάτω ── */
  .es-riza { display: flex; flex-direction: column; min-height: 100vh; min-height: 100dvh; }
  .es-riza > main { flex: 1 0 auto; }
  .es-riza > .podas { margin-top: 0; }
  /* «Είσοδος / Εγγραφή» γράφεται από τον διακομιστή μόνο όπου ισχύει (καμία ιδιότητα data- σε αυτές τις σελίδες): εδώ απλώς φαίνεται */
  .es-riza.enoria-riza .kefalida .kefali-eisodos.es-eisodos-naou { display: inline-flex; }
  @media (max-width: 839px) { .es-riza.enoria-riza .kefalida .kefali-drasi { display: none; } }
  .es-riza.enoria-riza .menou .menou-eisodos { display: flex; }
  /* (16/10/2026, κλείσιμο) η κεφαλίδα κληρονομεί τα γράμματα της αρχικής (16px), όχι τα 17px του σώματος αυτών των σελίδων: το κόκκινο «Ιερές ακολουθίες»,
     το μενού και το όνομα στέκονται ακριβώς όπου και στην αρχική */
  .es-riza.enoria-riza > .kefalida { font-size: 16px; line-height: 1.6; }
  /* το όνομα και η ενορία στο υποσέλιδο, όπως στην αρχική (metallio.css: b[data-onoma], [data-perioxi]) */
  .es-podas .podas-sima b.es-podas-onoma { display: block; margin: 0; font: 400 clamp(18px, 5.2vw, 38px)/1.2 var(--titlos); letter-spacing: 0; color: var(--melani); text-wrap: balance; }
  .es-podas .podas-sima .es-podas-perioxi { display: block; margin: 12px auto 0; max-width: 30em; font: 400 17px/1.55 var(--keimeno); color: var(--melani-2); text-wrap: balance; }
  .es-grammi-piso { display: flex; align-items: center; min-height: 52px; }
  .es-grammi-piso .es-piso { font-weight: 400; font-size: 16px; }

  /* ════════ Η ΑΝΑΚΟΙΝΩΣΗ ════════ */
  .a-soma .a-kyrio { padding-top: 0; }
  .a-simera { display: inline-flex; align-items: center; margin-left: 10px; padding: 3px 10px; border-radius: 999px; background: var(--simera-fonto); box-shadow: inset 0 0 0 1px var(--xryso); color: var(--xryso-vathy); font: 600 12px/1.2 var(--etiketa); letter-spacing: .12em; }
  .a-imera-simera { border-color: var(--xryso); box-shadow: inset 0 0 0 1px var(--xryso); }
  .a-stoixeia .a-eik { width: 20px; height: 20px; }
  .a-topos { display: inline-flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; color: var(--melani); text-decoration: underline; text-decoration-color: var(--grammi); text-underline-offset: 5px; }
  .a-topos small { font: 400 13px/1.2 var(--etiketa); letter-spacing: .12em; text-transform: uppercase; color: var(--kokkino-vathy); text-decoration: none; }
  .a-topos:hover { text-decoration-color: var(--kokkino-vathy); }
  /* ΜΙΑ σειρά πράξεων: ίσα ύψη, ίσο πλάτος στο κινητό, γεμίζει τη στήλη του κειμένου στον υπολογιστή */
  .a-drasi { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; margin-top: 32px; }
  .a-drasi:empty { display: none; }
  .a-drasi > .es-koumpi, .a-drasi > details > summary { width: 100%; }
  .a-drasi .es-koumpi[hidden] { display: none; }
  .a-imer-epilogi { position: relative; }
  .a-imer-epilogi > summary { list-style: none; }
  .a-imer-epilogi > summary::-webkit-details-marker { display: none; }
  .a-imer-velos { transition: transform 260ms var(--kampyli); }
  .a-imer-epilogi[open] .a-imer-velos { transform: rotate(180deg); }
  /* τρεις επιλογές (Google, Apple, «Samsung, Outlook και άλλα», 15/10/2026): μία κάτω από την άλλη στο κινητό, δίπλα δίπλα όπου χωράνε */
  .a-imer-lista { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 196px), 1fr)); gap: 8px; margin-top: 8px; }
  .a-imer-lista a { box-sizing: border-box; display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 52px; padding: 8px 12px; border: 1px solid var(--grammi); border-radius: 4px; background: var(--fyllo); color: var(--melani); font: 400 16px/1.2 var(--etiketa); letter-spacing: .03em; text-decoration: none; text-align: center; transition: border-color 260ms var(--kampyli); }
  .a-imer-lista a .es-sym { width: 20px; height: 20px; color: var(--kokkino-vathy); }
  .a-imer-lista a:hover { border-color: var(--kokkino-vathy); }
  .a-piso-kato { margin: 20px 0 0; }
  .a-soma .sy { margin-top: 24px; }
  .a-soma .sy-anoigma { width: 100%; }

  /* οι επόμενες ενημερώσεις: μικρές κάρτες με τη μέρα σε κουτάκι, όπως το κουτάκι της ημέρας πάνω */
  .a-epomenes { padding: 8px 0 56px; }
  .a-epomenes .es-etiketa { margin: 0 0 14px; padding-top: 28px; border-top: 1px solid var(--grammi); }
  .a-epomenes-lista { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; margin: 0; padding: 0; list-style: none; }
  .a-epomeni { display: grid; grid-template-columns: 56px minmax(0, 1fr) 20px; align-items: center; gap: 14px; min-height: 76px; padding: 10px 14px 10px 10px; border: 1px solid var(--grammi); border-radius: 8px; background: var(--fyllo); color: var(--melani); text-decoration: none; transition: border-color 260ms var(--kampyli); }
  .a-epomeni:hover { border-color: var(--kokkino-vathy); }
  .a-epomeni-mera { display: grid; justify-items: center; padding: 6px 0; border-right: 1px solid var(--grammi); font: 400 26px/1 var(--titlos); }
  .a-epomeni-mera b { font-weight: 400; }
  .a-epomeni-mera small { margin-top: 4px; font: 400 12px/1 var(--etiketa); letter-spacing: .1em; text-transform: uppercase; color: var(--melani-2); }
  .a-epomeni-logia { display: grid; gap: 2px; min-width: 0; }
  .a-epomeni-logia small { font: 400 12px/1.3 var(--etiketa); letter-spacing: .12em; text-transform: uppercase; color: var(--kokkino-vathy); }
  .a-epomeni-logia small em { font-style: normal; color: var(--xryso-vathy); }
  .a-epomeni-logia b { font: 400 19px/1.25 var(--titlos); color: var(--melani); }
  .a-epomeni-logia span { font-size: 15px; color: var(--melani-2); }
  .a-epomeni-velos { color: var(--kokkino-vathy); }

  @media (min-width: 620px) {
    .a-drasi { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
    /* «Δείτε το πρόγραμμα» and «Κοινοποίηση» sit side by side; a button left alone on its row takes the whole row */
    .a-drasi > :only-child, .a-drasi > :first-child:nth-last-child(2):is([hidden]) + *, .a-drasi > :first-child:nth-last-child(2):has(+ [hidden]) { grid-column: 1 / -1; }
  }
  @media (min-width: 901px) {
    .a-soma .a-kyrio { width: min(1160px, calc(100% - 48px)); padding-top: 12px; }
    .a-kyrio > .a-epomenes { width: 100%; padding-bottom: 72px; }
    .a-epomenes-lista { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
  }
  @media (max-width: 900px) {
    .a-epomenes { width: calc(100% - 48px); }
  }

  /* ════════ «ΔΕΝ ΒΡΕΘΗΚΕ» ════════ */
  .dv-kyrio { display: grid; place-items: center; padding: 40px 0 64px; }
  .dv-karta { display: grid; justify-items: center; gap: 12px; width: min(560px, 100%); text-align: center; }
  .dv-karta .es-etiketa { margin-top: 8px; }
  .dv-sima { display: grid; place-items: center; width: 84px; height: 84px; border-radius: 50%; background: var(--simera-fonto); box-shadow: inset 0 0 0 1px var(--xryso); color: var(--kokkino-vathy); }
  .dv-titlos { margin: 0; font: 400 32px/1.15 var(--titlos); color: var(--melani); text-wrap: balance; }
  .dv-stolidi { color: var(--xryso); }
  .dv-protasi { margin: 0; font-size: 17px; color: var(--melani-2); }
  .dv-plakidia { display: grid; gap: 10px; width: 100%; margin: 20px 0 0; padding: 0; list-style: none; text-align: left; }
  .dv-plakidio { display: grid; grid-template-columns: 48px minmax(0, 1fr) 20px; align-items: center; gap: 14px; min-height: 72px; padding: 10px 14px 10px 10px; border: 1px solid var(--grammi); border-radius: 8px; background: var(--fyllo); color: var(--melani); text-decoration: none; transition: border-color 260ms var(--kampyli); }
  .dv-plakidio:hover { border-color: var(--kokkino-vathy); }
  .dv-plakidio-sym { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: var(--simera-fonto); color: var(--xryso-vathy); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--xryso) 45%, transparent); }
  .dv-plakidio-logia { display: grid; gap: 2px; }
  .dv-plakidio-logia b { font: 400 20px/1.2 var(--titlos); }
  .dv-plakidio-logia small { font-size: 15px; color: var(--melani-2); }
  .dv-velos { color: var(--kokkino-vathy); }
  .dv-arxiki { margin: 12px 0 0; }
  @media (min-width: 900px) {
    .dv-kyrio { min-height: calc(100vh - 72px - 300px); padding: 64px 0 88px; }
    .dv-titlos { font-size: 44px; }
    .dv-karta { width: min(960px, 100%); }
    .dv-plakidia { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
    .dv-plakidio { grid-template-columns: minmax(0, 1fr); justify-items: center; gap: 10px; padding: 24px 16px; text-align: center; }
    .dv-plakidio .dv-velos { display: none; }
  }

  /* ════════ Ο ΤΙΤΛΟΣ ΜΙΑΣ ΣΕΛΙΔΑΣ (χάρτης, χαρτιά): ετικέτα, Didot, χρυσή γραμμή, μία πρόταση — όπως οι ενότητες της αρχικής ════════ */
  .es-titlos-selidas { display: grid; gap: 10px; padding: 28px 0 24px; }
  .es-titlos-selidas h1 { margin: 0; font: 400 36px/1.1 var(--titlos); color: var(--melani); text-wrap: balance; }
  .es-titlos-selidas .es-stolidi { color: var(--xryso); width: 112px; }
  .es-titlos-selidas p:not(.es-etiketa) { margin: 0; max-width: 620px; font-size: 17px; color: var(--melani-2); }
  @media (min-width: 900px) {
    .es-titlos-selidas { padding: 48px 0 32px; }
    .es-titlos-selidas h1 { font-size: 52px; }
  }

  /* ════════ «ΤΑ ΧΑΡΤΙΑ ΤΗΣ ΒΑΠΤΙΣΗΣ» ════════ */
  .xp-kyrio { width: min(760px, calc(100% - 48px)); padding-bottom: 64px; }
  .xp-titlos { grid-template-columns: auto minmax(0, 1fr); align-items: center; column-gap: 20px; }
  .xp-titlos .es-stolidi { margin-top: 10px; }
  /* η αψίδα της βάπτισης (το σχέδιο της αρχικής), με κλάση αντί για data-eidos: καμία ιδιότητα data- σε αυτές τις σελίδες */
  .es-apsida.xp-apsida-vaptisi { --es-mask: url("eikones/mystirio-vaptisi.svg"); }
  .es-apsida.xp-apsida-gamos { --es-mask: url("eikones/mystirio-gamos.svg"); }
  .xp-karta { margin: 0 -24px; padding: 24px; background: var(--fyllo); border-block: 1px solid var(--grammi); }
  .xp-karta .x-xartia { margin: 0; }
  .xp-karta .x-eisagogi { font-size: 17px; color: var(--melani); }
  /* κάθε χαρτί: ένα σύμβολο εγγράφου (χρυσή γραμμή), όχι σκέτη μπάρα */
  .xp-karta .x-lista { gap: 0; }
  .xp-karta .x-lista li { position: relative; padding: 14px 0 14px 40px; border-left: 0; border-top: 1px solid var(--grammi); }
  .xp-karta .x-lista li:first-child { border-top: 0; }
  .xp-karta .x-lista li::before { content: ""; position: absolute; left: 4px; top: 16px; width: 16px; height: 20px; box-sizing: border-box; border: 1.6px solid var(--xryso); border-radius: 2px 6px 2px 2px;
    background: linear-gradient(var(--xryso), var(--xryso)) 3px 6px / 7px 1.6px no-repeat, linear-gradient(var(--xryso), var(--xryso)) 3px 10px / 7px 1.6px no-repeat, linear-gradient(var(--xryso), var(--xryso)) 3px 14px / 5px 1.6px no-repeat; }
  .xp-karta .x-titlos { font-weight: 400; font-size: 18px; }
  .xp-karta .x-erotisi { margin-top: 24px; padding: 18px; border-radius: 8px; background: var(--xarti); }
  .xp-karta .x-erotisi-titlos { font: 400 21px/1.25 var(--titlos); }
  .xp-karta .x-koumpi { min-height: 52px; font-weight: 400; font-size: 17px; }
  /* οι ειδικές περιπτώσεις: ήσυχο πλαίσιο με τίτλο, όχι ένας μακρύς τοίχος κειμένου */
  .xp-karta .x-simeioseis { margin-top: 24px; padding: 16px 18px 18px; border: 1px solid var(--grammi); border-left: 3px solid var(--xryso); border-radius: 0 8px 8px 0; background: var(--xarti); }
  .xp-karta .x-simeioseis::before { content: "Ειδικές περιπτώσεις"; display: block; font: 400 13px/1.3 var(--etiketa); letter-spacing: .16em; text-transform: uppercase; color: var(--kokkino-vathy); }
  .xp-syndesmos { color: var(--kokkino-vathy); text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
  .xp-drasi { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; margin-top: 28px; }
  .xp-drasi .es-koumpi { width: 100%; }
  .xp-drasi .es-koumpi[hidden] { display: none; }
  .xp-kato { margin: 16px 0 0; }
  .xp-typoma-kefali { display: none; }
  /* (16/10/2026, κλείσιμο) η λίστα που άνοιξε από μια αίτηση που μόλις στάλθηκε: ο αριθμός της, στη θέση του «Θέλω να κάνω βάπτιση» (xartia-selida.js) */
  .xp-arithmos { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 16px; margin: 0; padding: 14px 18px; border: 1px solid var(--grammi); border-left: 4px solid var(--xryso); border-radius: 6px; background: var(--fyllo); }
  .xp-arithmos span { font: 400 14px/1.3 var(--etiketa); letter-spacing: .12em; text-transform: uppercase; color: var(--melani-2); }
  .xp-arithmos b { font: 400 34px/1 var(--titlos); font-variant-numeric: lining-nums; color: var(--kokkino-vathy); }
  @media (min-width: 620px) {
    .xp-drasi { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .xp-drasi > a.es-koumpi:not(.es-koumpi-deytero), .xp-drasi > .xp-arithmos { grid-column: 1 / -1; }
  }
  @media (min-width: 720px) {
    .xp-karta { margin: 0; padding: 32px 36px; border: 1px solid var(--grammi); border-radius: 8px; box-shadow: 0 18px 48px -32px color-mix(in srgb, var(--melani) 35%, transparent); }
  }

  /* ════════ «Ο ΛΟΓΑΡΙΑΣΜΟΣ ΜΟΥ», Η ΕΙΣΟΔΟΣ ΤΟΥ ΠΙΣΤΟΥ, «ΠΡΟΣΩΠΙΚΑ ΔΕΔΟΜΕΝΑ» (14/10/2026, απόφαση 7) ════════
     Ίδια κεφαλίδα, υποσέλιδο και τίτλος με τις άλλες σελίδες· οι ενότητες τους (g-*, l-*, pd-*) μένουν ως έχουν, μέσα σε ένα φύλλο σαν τα χαρτιά. */
  .es-pistos-kyrio { width: min(760px, calc(100% - 48px)); padding-bottom: 64px; }
  .es-pistos .es-pistos-karta { width: auto; margin: 0 -24px; padding: 4px 24px 28px; background: var(--fyllo); border-block: 1px solid var(--grammi); }
  .es-pistos .es-pistos-karta > .l-enotita:first-child, .es-pistos .es-pistos-karta > .es-pistos-poios + .l-enotita { margin-top: 24px; }
  .es-pistos-poios { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 16px; padding: 20px 0 20px; border-bottom: 1px solid var(--grammi); }
  .es-pistos-poios .g-syndedemenos { margin: 0; font-size: 16px; }
  .es-pistos-poios form { margin: 0; }
  .es-pistos .g-koumpi { min-height: 48px; }
  /* (15/10/2026) «Συνέχεια με Google» με το σήμα του, τα ίδια λόγια σε όλη τη σελίδα του ναού */
  .es-pistos .g-koumpi.g-google { gap: 10px; }
  .es-pistos .g-koumpi.g-google svg { flex: none; }
  /* η είσοδος: η ίδια μικρή κάρτα στη μέση, χωρίς το μεγάλο κενό από πάνω που είχε ως σκέτο φύλλο */
  .es-pistos .g-karta.es-pistos-eisodos { width: min(480px, 100%); margin: 32px auto 0; padding: 32px 24px 28px; background: var(--fyllo); border: 1px solid var(--grammi); border-radius: 8px; }
  .es-pistos-mikri .es-pistos-kyrio { padding-bottom: 72px; }
  .es-pistos .es-pistos-eisodos .dv-sima { margin: 0 auto 22px; }
  .es-pistos .es-pistos-eisodos .g-titlos-mikros { margin-top: 6px; }
  @media (min-width: 720px) {
    .es-pistos .es-pistos-karta { margin: 0; padding: 8px 36px 32px; border: 1px solid var(--grammi); border-radius: 8px; box-shadow: 0 18px 48px -32px color-mix(in srgb, var(--melani) 35%, transparent); }
    .es-pistos .g-karta.es-pistos-eisodos { margin-top: 56px; padding: 40px 36px 32px; box-shadow: 0 18px 48px -32px color-mix(in srgb, var(--melani) 35%, transparent); }
  }
}

@media print {
  .es-riza > .kefalida, .es-riza > .podas, .es-grammi-piso, .a-drasi, .a-epomenes, .dv-plakidia, .xp-drasi, .xp-kato, .es-stolidi { display: none !important; }
  /* τα χαρτιά στο χαρτί: ένα κουτάκι για τικ μπροστά από το καθένα, κανένα φόντο πίσω από το σήμα */
  .xp-karta { border: 0; padding: 0; box-shadow: none; background: none; }
  .xp-karta .x-lista li { position: relative; padding: 6px 0 6px 30px; border: 0; }
  .xp-karta .x-lista li::before { content: ""; position: absolute; left: 0; top: 8px; width: 16px; height: 16px; border: 1.5px solid currentColor; border-radius: 2px; }
  .xp-titlos .es-apsida { display: none; }
  .zsima, .zsima * { background: none !important; box-shadow: none !important; }
  /* the paper says which church it is from: the mark (no background), the name, the address and the office phone */
  .xp-typoma-kefali { display: flex; align-items: center; gap: 14px; margin: 0 0 18px; padding: 0 0 12px; border-bottom: 1px solid currentColor; break-inside: avoid; }
  .xp-typoma-sima { flex: none; width: 56px; height: 56px; }
  .xp-typoma-kefali p { display: grid; gap: 2px; margin: 0; font-size: 11pt; line-height: 1.35; }
  .xp-typoma-kefali b { font: 400 15pt/1.2 var(--titlos, serif); }
  .xp-titlos { padding-top: 0; }
  /* «Ειδικές περιπτώσεις» keeps its heading and a thin frame on paper */
  .xp-karta .x-simeioseis { margin-top: 18px; padding: 10px 12px; border: 1px solid currentColor; border-radius: 0; break-inside: avoid; }
  /* the labels of the two cases in the text face on paper: in the bold label face the tonos of «Έ» sits left of the letter and was cut at the
     paper's edge («Εγγαμος/η» in the PDF of 14/10) */
  .xp-karta .x-epilogi-titlos { font: 600 11pt/1.3 var(--keimeno, serif); letter-spacing: 0; }
  .xp-karta .x-eisagogi, .xp-karta .x-lista li { overflow-wrap: anywhere; }
  .xp-karta .x-simeioseis::before { content: "Ειδικές περιπτώσεις"; display: block; margin-bottom: 4px; font: 700 10pt/1.3 var(--etiketa, serif); letter-spacing: .08em; }
}
