/* Ι.Ν. ΚΟΙΜΗΣΕΩΣ ΤΗΣ ΘΕΟΤΟΚΟΥ, 40 ΕΚΚΛΗΣΙΕΣ — Η ΔΗΜΟΣΙΑ ΣΕΛΙΔΑ, ΓΥΡΟΣ 3 (8/10/2026· ο λόγος του Bill, 7/10/2026).
   Φορτώνεται ΜΟΝΟ στη δημόσια σελίδα, τελευταίο, μετά το styles.css του πρωτοτύπου και το dimosia.css. Πάει μαζί με το selida.js.

   · πιο σύντομη στο κινητό: το πρόγραμμα ανοίγει με ένα άγγιγμα (τα κουμπιά τα φτιάχνει το selida.js)· η ιστορία είναι από 12/10/2026 του istoriko.css·
   · το άδειο κουτί του χάρτη δεν φαίνεται, σε καμία οθόνη, ώσπου να υπάρξει αληθινός χάρτης· η διεύθυνση μένει·
   · οι πνευματικοί: το ήρεμο σημάδι «Εφημερεύει σήμερα» (το τηλέφωνο κάτω από κάθε όνομα έφυγε στις 12/10/2026· η ενότητα είναι πια του pnevmatiki.css)·
   · Η ΚΙΝΗΣΗ: ΤΙΠΟΤΑ ΔΕΝ ΠΕΡΙΜΕΝΕΙ ΚΡΥΜΜΕΝΟ. Το πρωτότυπο κρατούσε κάθε ενότητα αόρατη (opacity 0) ώσπου να τη φέρει το σκρολ, και χωρίς
     JavaScript η σελίδα έμενε μισή. Εδώ όλα στέκονται ορατά· την ήρεμη είσοδο (διαφάνεια και 12px, 600ms) την κάνει το selida.js μόνο σε ό,τι
     έρχεται στην οθόνη. Μία καμπύλη για όλα, ease-out χωρίς υπέρβαση. ΚΑΝΕΝΑ μπλοκ «μειωμένης κίνησης» (κανόνας του κώδικα).
   Χρώματα μόνο από το xromata.css. */
@import url("xromata.css") screen;

@media screen {

  /* ── η κίνηση ── */
  /* (βαρύτερο από το [data-apokalypsi] και το [data-apokalypsi].mesa του styles.css) */
  .enoria-riza [data-apokalypsi] { opacity: 1; transform: none; transition: none; }
  /* το παράθυρο («Προσωπικά δεδομένα», μια φωτογραφία): έρχεται, δεν πετάγεται */
  .enoria-riza dialog.forma[open] { animation: selida-eisodos 420ms cubic-bezier(.22, .61, .36, 1); }
  .enoria-riza dialog.forma[open]::backdrop { animation: selida-fos 420ms cubic-bezier(.22, .61, .36, 1); }
  @keyframes selida-eisodos { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
  @keyframes selida-fos { from { opacity: 0; } to { opacity: 1; } }

  /* ό,τι κλείνει με κουμπί κρύβεται ΜΟΝΟ με το hidden του selida.js (καμία κλάση που θα το κρατούσε κρυφό χωρίς σενάριο) */
  .enoria-riza :is(.programma td, .anoigma-soma)[hidden] { display: none !important; }
  .anoigma-soma { display: flow-root; }

  /* το βελάκι των κουμπιών: ένας ρόμβος-γωνία που γυρίζει, με την ίδια κίνηση */
  .anoigma-velaki { flex: none; width: 9px; height: 9px; margin: 0 4px 4px 12px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); transition: transform 420ms cubic-bezier(.22, .61, .36, 1), margin 420ms cubic-bezier(.22, .61, .36, 1); }
  [aria-expanded="true"] > .anoigma-velaki { transform: rotate(225deg); margin-bottom: -4px; }

  /* ── ο χάρτης: το κουτί φεύγει, η διεύθυνση μένει, με τον σύνδεσμο «Άνοιγμα στον χάρτη» από κάτω της ── */
  .enoria-riza .xartis.xoris-syndesmo { display: none; }
  #epikoinonia .wrap.dyo { grid-template-columns: 1fr; }
  .xartis-syndesmos { display: block; }
  .xartis-syndesmos a { display: inline-flex; align-items: center; min-height: 44px; color: var(--kokkino-vathy); text-underline-offset: 3px; }

  /* ── η «Επικοινωνία» (12/10/2026, ο έλεγχος όλης της σελίδας· ο λόγος του Bill: «βαρετο απλο αδειο», «τα κουμπια μεγαλυτερα και ποιανουν τον χωρο τους»).
     Καμία καινούργια λέξη: οι ίδιες ετικέτες και τα ίδια στοιχεία. Ο χάρτης και το τηλέφωνο είναι κουμπιά (το δεύτερο κουμπί της σελίδας), όχι υπογραμμισμένα λόγια·
     από 901px τα στοιχεία απλώνονται σε μία σειρά, πάνω στο ανοιχτό φύλλο με τη χρυσή γραμμή που φορά και η κάρτα των εθελοντών. ── */
  #epikoinonia h2 { margin-bottom: 26px; }
  #epikoinonia dd { font-size: 18px; line-height: 1.5; }
  #epikoinonia .xartis-syndesmos { margin-top: 12px; }
  #epikoinonia :is(.xartis-syndesmos a, dd > a[href^="tel:"]) { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 56px; padding: 12px 22px; border: 1px solid var(--kokkino-vathy); border-radius: 4px; background: transparent; font-family: var(--etiketa); font-size: 18px; line-height: 1.2; letter-spacing: .05em; color: var(--kokkino-vathy); text-align: center; text-decoration: none; -webkit-tap-highlight-color: transparent; transition: background-color 420ms cubic-bezier(.22, .61, .36, 1); }
  #epikoinonia :is(.xartis-syndesmos a, dd > a[href^="tel:"]):active { background: var(--xarti-2); }
  #epikoinonia dd > a[href^="tel:"] { margin-top: 4px; font-variant-numeric: lining-nums; }
  #epikoinonia [data-email] a { overflow-wrap: anywhere; }
  @media (min-width: 901px) {
    #epikoinonia h2 { margin-bottom: 34px; }
    #epikoinonia dl { grid-template-columns: minmax(0, 1.25fr) minmax(0, .85fr) minmax(0, 1.1fr); grid-template-rows: auto 1fr; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 0; padding: 34px 0 32px; border: 1px solid var(--grammi); border-top: 3px solid var(--xryso); border-radius: 6px; background: var(--fyllo); }
    #epikoinonia :is(dt, dd) { padding: 0 28px; border-left: 1px solid var(--grammi); }
    #epikoinonia dt { padding-bottom: 10px; }
    #epikoinonia :is(dt, dd):first-of-type, #epikoinonia dt[hidden] + dd[hidden] + dt, #epikoinonia dt[hidden] + dd[hidden] + dt + dd { border-left-color: transparent; }
    #epikoinonia dt { font-size: 14px; letter-spacing: .12em; }
    #epikoinonia dd { font-size: 17px; }
    #epikoinonia .xartis-syndesmos { margin-top: 16px; }
    #epikoinonia :is(.xartis-syndesmos a, dd > a[href^="tel:"]) { min-height: 52px; padding: 10px 16px; font-size: 17px; }
    /* όταν ο ναός δώσει ώρες: τρεις στήλες, δύο στοιχεία η καθεμία. Με ΜΙΑ γραμμή ωρών (μόνο του γραφείου, ή μόνο του ναού) τα στοιχεία είναι πέντε
       και μπαίνουν στις ίδιες τρεις στήλες (2 + 2 + 1). Ο πρώτος έλεγχος του σταδίου Β (13/10/2026, εύρημα 6): με μόνο το ωράριο του γραφείου το κουτί
       έμενε στη μία σειρά με πέντε στενές στήλες, και η διεύθυνση κοβόταν μέσα στη λέξη («546 36 Θεσσα / λονίκη»).
       Ποιο στοιχείο στέκεται δεύτερο σε στήλη (παίρνει αέρα από πάνω): με δύο γραμμές ωρών το 2ο, 4ο, 6ο· με μία το 3ο και το 5ο.
       Η πρώτη στήλη δεν έχει γραμμή αριστερά, ούτε στο δεύτερο στοιχείο της. */
    #epikoinonia dl:has(> dd:is([data-orario-naou], [data-orario-grafeiou]):not([hidden])) { grid-template-columns: none; grid-template-rows: auto auto auto auto; }
    #epikoinonia dl:has(> dd:is([data-orario-naou], [data-orario-grafeiou]):not([hidden])) dt:nth-of-type(2n+3) { padding-top: 24px; }
    #epikoinonia dl:has(> dd:is([data-orario-naou], [data-orario-grafeiou]):not([hidden])) :is(dt:nth-of-type(3), dt:nth-of-type(3) + dd) { border-left-color: transparent; }
    #epikoinonia dl:has(> dd[data-orario-naou]:not([hidden])):has(> dd[data-orario-grafeiou]:not([hidden])) dt:nth-of-type(2n+3) { padding-top: 0; }
    #epikoinonia dl:has(> dd[data-orario-naou]:not([hidden])):has(> dd[data-orario-grafeiou]:not([hidden])) dt:nth-of-type(even) { padding-top: 24px; }
    #epikoinonia dl:has(> dd[data-orario-naou]:not([hidden])):has(> dd[data-orario-grafeiou]:not([hidden])) :is(dt:nth-of-type(3), dt:nth-of-type(3) + dd) { border-left-color: var(--grammi); }
    #epikoinonia dl:has(> dd[data-orario-naou]:not([hidden])):has(> dd[data-orario-grafeiou]:not([hidden])) :is(dt:nth-of-type(2), dt:nth-of-type(2) + dd) { border-left-color: transparent; }
  }

  /* ── οι πνευματικοί ── */
  /* «Εφημερεύει σήμερα»: μικρό, ήρεμο, ακίνητο — ένα φως κεριού και δυο λέξεις πάνω από το όνομα */
  .pnevmatikoi .efimerevei-simera { display: flex; width: max-content; align-items: center; gap: 9px; margin: 0 0 6px; font-family: var(--etiketa); font-size: 14px; letter-spacing: .1em; text-transform: uppercase; color: var(--xryso-fos); }
  .efimerevei-simera i { display: block; flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--xryso-fos); box-shadow: 0 0 0 4px var(--efimeria-fos); }
  .pnevmatikoi li.efimerevei b { color: var(--fyllo); }

  /* ── «Ο ναός» χωρίς το σενάριό του (istoriko.js): η εικόνα πρώτη, και η ιστορία από κάτω της με τον αέρα που είχε ως τώρα η εικόνα (ήταν στυλ πάνω στο στοιχείο) ── */
  #naos:not(.ist-etoimo) > .wrap + .wrap { margin-top: 72px; }

  /* ── κουμπιά που υπάρχουν μόνο στο κινητό ── */
  .anoigma-titlos { display: none; }

  @media (max-width: 900px) {
    /* ① το πρόγραμμα: κάθε μέρα μία γραμμή-κουμπί· ανοιχτή μόνο η σημερινή */
    .programma.me-anoigmata, .programma.me-anoigmata tbody, .programma.me-anoigmata tr, .programma.me-anoigmata th, .programma.me-anoigmata td { display: block; width: 100%; }
    .programma.me-anoigmata th { padding: 0; border-top: 1px solid var(--grammi); }
    .programma.me-anoigmata tr:first-child th { border-top: 0; }
    .programma.me-anoigmata td { padding: 0 16px 12px; border-top: 0; }
    .programma.me-anoigmata td.efim { padding-top: 0; padding-bottom: 16px; }
    .programma.me-anoigmata tr.simera-grammi th::after { content: none; }
    .mera-koumpi { display: flex; align-items: center; width: 100%; min-height: 52px; padding: 10px 16px; margin: 0; border: 0; background: none; font: inherit; letter-spacing: inherit; text-transform: inherit; text-align: left; color: inherit; cursor: pointer; -webkit-tap-highlight-color: transparent; }
    .mera-koumpi .mera-onoma { flex: 1 1 auto; min-width: 0; }
    /* η ημέρα και η ημερομηνία σε μία γραμμή (το app.js γράφει την ημερομηνία ως μπλοκ, με στυλ πάνω στο στοιχείο) */
    .mera-koumpi .mera-onoma > span:not(.giorti) { display: inline !important; margin-left: 4px; letter-spacing: .02em !important; }
    .mera-koumpi .giorti { margin-top: 2px; }
    .mera-koumpi .mera-simera { flex: none; margin-left: 12px; font-size: 14px; letter-spacing: .1em; color: var(--kokkino-vathy); }
    .mera-koumpi .anoigma-velaki { color: var(--kokkino-vathy); }
    .mera-simera-athinas .mera-koumpi { color: var(--kokkino-vathy); }
    .mera-simera-athinas { background: var(--simera-fonto); }
    /* το «Εφημερεύει» μέσα σε ανοιχτή μέρα: μία γραμμή */
    .programma.me-anoigmata td.efim br { display: none; }
    .programma.me-anoigmata td.efim b { display: inline; margin-left: 6px; }

    /* ② μία γραμμή-κουμπί που ανοίγει ό,τι έχει από κάτω της, στη θέση του (koumpiAnoigmatos του selida.js)· ο οδηγός του γάμου, που τη φορούσε, έφυγε στις 12/10/2026 */
    .anoigma-koumpi { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 56px; padding: 12px 18px; border: 1px solid var(--grammi); border-left: 3px solid var(--xryso); border-radius: 0 6px 6px 0; background: var(--fyllo); font: 400 21px/1.25 var(--titlos); color: var(--melani); text-align: left; cursor: pointer; -webkit-tap-highlight-color: transparent; }
    .anoigma-koumpi .anoigma-velaki { color: var(--kokkino-vathy); }
    .anoigma-koumpi[aria-expanded="true"] { border-color: var(--grammi); border-left-color: var(--kokkino-vathy); }
  }
}
@media print {
  /* στο χαρτί όλα ανοιχτά, χωρίς τα κουμπιά */
  .enoria-riza :is(.anoigma-soma, #ist-synexeia, #ist-eikona-synexeia)[hidden] { display: block !important; }
  .enoria-riza .programma td[hidden] { display: table-cell !important; }
  .mera-koumpi { border: 0; background: none; padding: 0; font: inherit; color: inherit; text-align: inherit; }
  .anoigma-titlos, .ist-kouti, .ist-mathete-kouti, .anoigma-velaki { display: none !important; }
}
