/* Ι.Ν. ΚΟΙΜΗΣΕΩΣ ΤΗΣ ΘΕΟΤΟΚΟΥ, 40 ΕΚΚΛΗΣΙΕΣ — ΚΟΜΜΑΤΙ A4 (12/10/2026): το πρόγραμμα: οι μέρες ως γυάλινα φύλλα, «Λίστα» και «Ημερολόγιο» (μαζί με το programma.js).
   Φορτώνεται ΜΟΝΟ στη δημόσια σελίδα, μετά το selida.css.
   Ο λόγος του Bill (12/10/2026): «δεν γινεται απο το ωραιο semi transparent να σε πεταει σε αυτο το βαρετο απλο αδειο οριακα λαθος εμφανιση»· και για
   το κινητό: «ημερομινιες μερες ωρες κτλ πιο αναλυτικα ειδικα μεγαλα γραμματα στο κινητο».
   · Το ίδιο υλικό με το πλαίσιο «Σήμερα» της πρώτης οθόνης: τα --gyali-… του xromata.css, τίποτα άλλο. Η σημερινή μέρα είναι το ένα φωτεινό φύλλο.
   · Πίσω από τα φύλλα η φωτογραφία του ναού (στο σώμα της σελίδας, enoria.html· από 16/10/2026 η «Φωτεινό απόγευμα» πάνω στο χαρτί), ακίνητη, κάτω από το σκούρο της πρώτης οθόνης (--menou-pisw: ποτέ κόκκινο πέπλο).
   · Κάθε κανόνας θέλει την κλάση «pr-etoimo», που τη βάζει το σενάριο ΑΦΟΥ στήσει τα φύλλα: χωρίς το σενάριο η ενότητα είναι ο πίνακας, όπως πριν.
   · Στο κινητό (ως 900px) κανένα γράμμα των φύλλων κάτω από 17px· οι ώρες 22px. Κάθε κουμπί 44px και πάνω.
   · Δεύτερη εκδοχή για να διαλέξει ο Bill: τα ίδια φύλλα πάνω στο χαρτί, όταν η ενότητα έχει data-edafos="xarti" (στο τέλος του αρχείου).
   Χρώματα μόνο από το xromata.css (η γραμμή από κάτω μένει πρώτη). Κάθε κανόνας μέσα σε «@media screen». */
@import url("xromata.css") screen;

@media screen {

  /* ── το έδαφος: ο ναός συνεχίζει πίσω από το πρόγραμμα ── */
  #programma.pr-etoimo { position: relative; -webkit-clip-path: inset(0); clip-path: inset(0); border-top: 0; background: var(--skouro); color: var(--gyali-keimeno); }
  /* (η φωτογραφία στέκεται στην οθόνη, όχι στην ενότητα: τα φύλλα περνούν από πάνω της· την κόβει στο σχήμα της ενότητας το clip-path) */
  /* (15/10/2026, κριτική 13:40: στη «Λίστα» με ανοιχτές μέρες, στα 390, τα λέπια τελείωναν σε σκληρή γραμμή μία οθόνη πιο κάτω και η ενότητα συνέχιζε
     σκέτη καφέ) το έδαφος ντύνει ΟΛΗ την ενότητα, όσο ψηλή κι αν γίνει: απλώνεται στο ύψος της, όχι στο ύψος μιας οθόνης */
  .pr-fonto { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; }
  /* 14/10/2026: όχι πια η φωτογραφία του ναού. Τα λέπια από τούβλο του ναού (τα ζωγραφίζει το programma.js), λεπτές γραμμές κεραμιδί και χρυσές, ΠΑΝΩ από το
     σκούρο πέπλο αλλά αχνές: ένα ήσυχο ύφασμα πίσω από τα λευκά γράμματα, κοφτό σε κάθε οθόνη */
  .pr-lepia { position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; display: block; }
  .pr-lepia-touvlo { fill: none; stroke: var(--kokkino-vathy); stroke-width: 1.6; }
  .pr-lepia-xryso { fill: none; stroke: var(--xryso); stroke-width: .7; opacity: .28; }
  .pr-fonto::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: var(--menou-pisw); }
  /* η πρώτη οθόνη τελειώνει στο σκούρο: το πρόγραμμα αρχίζει από εκεί και ο ναός ξαναφαίνεται σιγά σιγά */
  #programma.pr-etoimo::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 200px; z-index: 1; pointer-events: none; background: linear-gradient(180deg, var(--menou-pisw), transparent), linear-gradient(180deg, var(--menou-pisw), var(--menou-pisw) 30%, transparent); }
  #programma.pr-etoimo > .wrap { position: relative; z-index: 1; }
  #programma .pr [hidden], #programma .pr-fonto[hidden] { display: none !important; }

  /* ── η κεφαλή της ενότητας πάνω στο σκούρο ── */
  #programma.pr-etoimo .etiketa { color: var(--gyali-etiketa); }
  #programma.pr-etoimo h2 { color: var(--gyali-keimeno); }
  /* 14/10/2026, ο Bill: «τον τιτλο Ιερές ακολουθίες μεγαλο στο κεντρο οχι αριστερα και σε κινητο και υπολογιστη ασπρα γραμματα»· καμία πρόταση από κάτω */
  #programma .pr-kefali { display: block; margin-bottom: 30px; text-align: center; }
  #programma .pr-kefali h2 { margin: 0; font-size: clamp(40px, 5.4vw, 68px); line-height: 1.05; text-wrap: balance; }
  #programma.pr-etoimo .pr-kefali h2 { color: var(--gyali-keimeno); text-shadow: 0 1px 18px var(--menou-pisw); }
  #programma.pr-etoimo .lede { color: var(--gyali-keimeno-2); }
  #programma.pr-etoimo [data-programma-simeiosi] { margin: 0 0 18px; padding: 12px 16px; border-left: 2px solid var(--gyali-etiketa); background: var(--gyali-fonto); border-radius: 0 var(--gyali-aktina) var(--gyali-aktina) 0; font-size: 17px; line-height: 1.5; color: var(--gyali-keimeno); }
  #programma.pr-etoimo table.programma { display: none; }

  /* ── «Λίστα» · «Ημερολόγιο» ── */
  /* η γραμμή πάνω από τα φύλλα: αριστερά ο διακόπτης, δεξιά «Όλος ο μήνας στο ημερολόγιο» (στο κινητό από κάτω) */
  .pr-ergaleia { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 16px; margin: 0 0 20px; }
  .pr-diakoptis { display: inline-grid; grid-template-columns: 1fr 1fr; gap: 4px; margin: 0; padding: 4px; border: 1px solid var(--gyali-perigramma); border-radius: var(--gyali-aktina); background: var(--gyali-fonto); -webkit-backdrop-filter: blur(var(--gyali-tholoma)); backdrop-filter: blur(var(--gyali-tholoma)); }
  .pr-opsi { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; margin: 0; padding: 0 24px; border: 0; border-radius: 4px; background: transparent; color: var(--gyali-keimeno); font: 400 17px/1 var(--etiketa); letter-spacing: .06em; white-space: nowrap; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: background-color 420ms cubic-bezier(.22, .61, .36, 1), color 420ms cubic-bezier(.22, .61, .36, 1); }
  .pr-opsi[aria-pressed="true"] { background: var(--gyali-keimeno); color: var(--kokkino-vathy); }
  .pr-sxedio { flex: none; display: block; }

  /* ── το φύλλο μιας μέρας: το γυαλί του πλαισίου «Σήμερα» ── */
  .pr-mera { display: flex; flex-direction: column; min-width: 0; margin: 0; border: 1px solid var(--gyali-perigramma); border-radius: var(--gyali-aktina); background: var(--gyali-fonto); -webkit-backdrop-filter: blur(var(--gyali-tholoma)); backdrop-filter: blur(var(--gyali-tholoma)); }
  .pr-mera.pr-simera { background: var(--gyali-fonto-fotino); }
  /* το πέπλο πίσω από το γυαλί, μόνο όσο χρειάζονται τα γράμματα (μετρημένο: το δεύτερο κείμενο και το χρυσό 4,5 και πάνω και στο πιο φωτεινό σημείο του ναού) */
  .pr-mera, .pr-minas { position: relative; }
  .pr-mera::before, .pr-minas::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; border-radius: inherit; background: var(--gyali-peplo); opacity: .6; pointer-events: none; }
  .pr-mera-kefali { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 12px; row-gap: 2px; margin: 0; padding: 22px 24px 0; font: inherit; font-weight: 400; }
  .pr-mera-onoma { font: 400 30px/1.15 var(--titlos); color: var(--gyali-keimeno); }
  .pr-mera-imerominia { font: 400 17px/1.3 var(--keimeno); color: var(--gyali-keimeno-2); white-space: nowrap; }
  .pr-simadi { display: inline-flex; align-items: center; gap: 9px; font: 400 15px/1.3 var(--etiketa); letter-spacing: .1em; text-transform: uppercase; color: var(--gyali-etiketa); white-space: nowrap; }
  .pr-simadi::before { content: ""; flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--gyali-etiketa); box-shadow: 0 0 0 4px var(--efimeria-fos); }
  .pr-mera-soma { display: flex; flex-direction: column; flex: 1 1 auto; padding: 14px 24px 20px; }
  .pr-giorti { margin: 0 0 12px; font: italic 400 17px/1.4 var(--keimeno); color: var(--gyali-etiketa); }
  /* 14/10/2026, ο Bill: «αριστερα ωρες και δεξια τους με ενα ιδιο κενο τα λογια». ΕΝΑ πλέγμα για όλο το φύλλο: η στήλη της ώρας έχει το πλάτος της πιο
     φαρδιάς ώρας του φύλλου, και κάθε σειρά (subgrid) μοιράζεται τις ίδιες στήλες· έτσι όλα τα λόγια αρχίζουν στο ίδιο σημείο, με το ίδιο κενό. Το τέλος μιας
     ακολουθίας («–08:30») πάει κάτω από την αρχή, μικρότερο, για να μένει στενή η στήλη στο κινητό. Δεξιά το «+» εκείνης της ακολουθίας. */
  .pr-akolouthies { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: max-content minmax(0, 1fr) auto; column-gap: 16px; }
  .pr-akolouthia { grid-column: 1 / -1; display: grid; grid-template-columns: subgrid; align-items: baseline; padding: 12px 0 14px; border-top: 1px solid var(--gyali-grammi); }
  @supports not (grid-template-columns: subgrid) {
    .pr-akolouthia { grid-template-columns: 3em minmax(0, 1fr) auto; column-gap: 16px; }
  }
  .pr-ores { grid-column: 1; display: flex; flex-direction: column; align-items: flex-end; font: 400 22px/1.2 var(--keimeno); font-variant-numeric: tabular-nums lining-nums; letter-spacing: .01em; color: var(--gyali-keimeno); white-space: nowrap; }
  .pr-ora-eos { margin-top: 3px; font-size: 16px; color: var(--gyali-keimeno-2); }
  .pr-logia { grid-column: 2; display: flex; flex-direction: column; min-width: 0; }
  .pr-ics { grid-column: 3; align-self: start; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin: -9px -10px -9px 0; border-radius: 4px; color: var(--gyali-etiketa); text-decoration: none; -webkit-tap-highlight-color: transparent; transition: background-color 420ms cubic-bezier(.22, .61, .36, 1); }
  /* hover μόνο όπου υπάρχει ποντίκι: στο άγγιγμα το :hover μένει κολλημένο και δείχνει σαν επιλογή (έλεγχος 14/10/2026) */
  @media (hover: hover) { .pr-ics:hover { background: var(--gyali-fonto); } }
  .pr-titlos { font: 400 20px/1.3 var(--titlos); color: var(--gyali-keimeno); overflow-wrap: break-word; }
  .pr-ektakto .pr-titlos { color: var(--gyali-etiketa); }
  .pr-xoros { margin-top: 3px; font: 400 16px/1.4 var(--keimeno); color: var(--gyali-keimeno-2); }
  /* «Όλη η μέρα στο ημερολόγιο» στο τέλος κάθε φύλλου, και «Όλος ο μήνας στο ημερολόγιο» πάνω: το ίδιο γυαλί με τον διακόπτη */
  .pr-prosthiki { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; margin: 0; padding: 0 18px; border: 1px solid var(--gyali-perigramma); border-radius: var(--gyali-aktina); background: var(--gyali-fonto); color: var(--gyali-keimeno); font: 400 17px/1.2 var(--etiketa); letter-spacing: .06em; text-align: left; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: background-color 420ms cubic-bezier(.22, .61, .36, 1), border-color 420ms cubic-bezier(.22, .61, .36, 1); }
  .pr-prosthiki .pr-sxedio { color: var(--gyali-etiketa); }
  @media (hover: hover) { .pr-prosthiki:hover { border-color: var(--gyali-etiketa); background: var(--gyali-fonto-fotino); } }
  .pr-olos-minas { -webkit-backdrop-filter: blur(var(--gyali-tholoma)); backdrop-filter: blur(var(--gyali-tholoma)); }
  .pr-mera-prosthiki { align-self: flex-start; margin: 4px 0 16px; }
  .pr-efimerios { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; column-gap: 12px; margin: auto 0 0; padding-top: 14px; border-top: 1px solid var(--gyali-perigramma); }
  .pr-efimerios span { font: 400 15px/1.3 var(--etiketa); letter-spacing: .1em; text-transform: uppercase; color: var(--gyali-keimeno-2); }
  .pr-efimerios b { font: 400 20px/1.3 var(--titlos); color: var(--gyali-keimeno); }

  /* η κεφαλή μιας μέρας ως κουμπί (η λίστα στο κινητό) */
  .pr-mera-kefali:has(.pr-mera-koumpi) { display: block; padding: 0; }
  .pr-mera-koumpi { position: relative; display: flex; flex-wrap: wrap; align-items: baseline; align-content: center; column-gap: 12px; row-gap: 2px; width: 100%; min-height: 64px; margin: 0; padding: 12px 52px 12px 18px; border: 0; border-radius: var(--gyali-aktina); background: none; color: inherit; font: inherit; text-align: left; cursor: pointer; -webkit-tap-highlight-color: transparent; }
  .pr-mera-koumpi .anoigma-velaki { position: absolute; right: 22px; top: 50%; margin: -7px 0 0; color: var(--gyali-etiketa); }
  .pr-mera-koumpi[aria-expanded="true"] > .anoigma-velaki { margin: -2px 0 0; }

  /* ── η λίστα ── */
  .pr-lista { display: grid; gap: 10px; }
  @media (min-width: 901px) {
    .pr-lista { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
    /* η σημερινή μέρα, πρώτη και σε όλο το πλάτος: αριστερά η μέρα και ο εφημέριος, δεξιά οι ακολουθίες της η μία δίπλα στην άλλη */
    .pr-lista > .pr-simera:first-child { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); grid-template-rows: auto auto auto 1fr; column-gap: 40px; padding: 30px 34px 28px; }
    .pr-lista > .pr-simera:first-child .pr-mera-kefali { grid-column: 1; grid-row: 1; display: block; padding: 0; }
    .pr-lista > .pr-simera:first-child .pr-mera-onoma { display: block; font-size: 56px; line-height: 1.05; }
    .pr-lista > .pr-simera:first-child .pr-mera-imerominia { display: inline-block; margin: 8px 14px 0 0; font-size: 20px; }
    .pr-lista > .pr-simera:first-child .pr-mera-soma { display: contents; }
    .pr-lista > .pr-simera:first-child .pr-giorti { grid-column: 1; grid-row: 2; margin: 12px 0 0; font-size: 19px; }
    .pr-lista > .pr-simera:first-child .pr-efimerios { grid-column: 1; grid-row: 4; align-self: end; margin: 28px 0 0; }
    /* δεξιά οι ακολουθίες της, η μία κάτω από την άλλη, με την ίδια στήλη ώρας (14/10/2026) */
    .pr-lista > .pr-simera:first-child .pr-akolouthies { grid-column: 2; grid-row: 1 / span 4; column-gap: 24px; align-content: start; }
    .pr-lista > .pr-simera:first-child .pr-akolouthia:first-child { padding-top: 0; border-top: 0; }
    .pr-lista > .pr-simera:first-child .pr-mera-prosthiki { grid-column: 1; grid-row: 3; margin: 22px 0 0; }
    .pr-lista > .pr-simera:first-child .pr-ores { font-size: 28px; }
    .pr-lista > .pr-simera:first-child .pr-titlos { font-size: 23px; }
    .pr-lista > .pr-simera:first-child .pr-xoros { font-size: 17px; }
  }

  /* ── το ημερολόγιο ── */
  .pr-imerologio { display: grid; gap: 12px; }
  .pr-minas { min-width: 0; padding: 12px 12px 14px; border: 1px solid var(--gyali-perigramma); border-radius: var(--gyali-aktina); background: var(--gyali-fonto); -webkit-backdrop-filter: blur(var(--gyali-tholoma)); backdrop-filter: blur(var(--gyali-tholoma)); }
  .pr-minas-kefali { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 48px; margin: 0 0 4px; padding: 0 6px; }
  .pr-minas-titlos { margin: 0; font: 400 26px/1.2 var(--titlos); color: var(--gyali-keimeno); }
  .pr-minas-velos { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin: 0; padding: 0; border: 1px solid var(--gyali-perigramma); border-radius: 4px; background: none; color: var(--gyali-keimeno); cursor: pointer; -webkit-tap-highlight-color: transparent; }
  .pr-minas-velos[disabled] { opacity: .35; cursor: default; }
  .pr-minas-velos .anoigma-velaki { margin: 0; }
  .pr-minas-velos-prin .anoigma-velaki { transform: rotate(135deg); margin-left: 4px; }
  .pr-minas-velos-meta .anoigma-velaki { transform: rotate(-45deg); margin-right: 4px; }
  .pr-plegma { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 6px; }
  .pr-plegma-imera { padding: 6px 0 4px; text-align: center; font: 400 17px/1.2 var(--etiketa); letter-spacing: .04em; color: var(--gyali-keimeno-2); }
  .pr-keli { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; min-width: 0; min-height: 52px; margin: 0; padding: 0; border: 1px solid var(--gyali-grammi); border-radius: 4px; background: var(--gyali-fonto); color: var(--gyali-keimeno); font: 400 20px/1 var(--keimeno); font-variant-numeric: tabular-nums lining-nums; -webkit-tap-highlight-color: transparent; transition: background-color 420ms cubic-bezier(.22, .61, .36, 1), color 420ms cubic-bezier(.22, .61, .36, 1); }
  button.pr-keli { cursor: pointer; }
  .pr-keli-allou { color: var(--gyali-keimeno-2); }
  .pr-keli-adeio { border-color: transparent; background: none; color: var(--gyali-keimeno-2); opacity: .5; }
  .pr-teleia { display: block; width: 5px; height: 5px; border-radius: 50%; background: var(--gyali-etiketa); }
  /* (15/10/2026, κριτική 13:40: η ίδια τελεία σε κάθε μέρα δεν έλεγε τίποτα) γεμάτη και μεγαλύτερη σε εορτή, ένα λεπτό δαχτυλίδι σε μέρα με έκτακτη
     ακολουθία, τίποτα σε μια συνηθισμένη μέρα· και οι μέρες που πέρασαν λίγο πιο σβηστές */
  .pr-teleia-giorti { width: 7px; height: 7px; }
  .pr-teleia:not(.pr-teleia-giorti) { width: 6px; height: 6px; background: none; box-shadow: inset 0 0 0 1.2px var(--gyali-etiketa); }
  .pr-keli[aria-pressed="true"] .pr-teleia:not(.pr-teleia-giorti) { background: none; box-shadow: inset 0 0 0 1.2px var(--kokkino-vathy); }
  .pr-keli-perase:not([aria-pressed="true"]) { opacity: .55; }
  /* (16/10/2026, κλείσιμο) μια σημερινή ακολουθία που τελείωσε: σβηστή όπως στο «Σήμερα» της πρώτης οθόνης (proti.css, .simera-egine) */
  .pr-akolouthia.pr-egine { opacity: .55; }
  /* (16/10/2026, κλείσιμο) το υπόμνημα των τελειών, κάτω από τον μήνα */
  .pr-ypomnima { display: flex; flex-wrap: wrap; gap: 6px 20px; margin: 12px 6px 0; font: 400 15px/1.3 var(--etiketa); letter-spacing: .02em; color: var(--gyali-keimeno-2); }
  .pr-ypomnima-grammi { display: inline-flex; align-items: center; gap: 8px; }
  .pr-ypomnima .pr-teleia { flex: none; }
  .pr-keli-simera { border-color: var(--gyali-etiketa); box-shadow: inset 0 0 0 1px var(--gyali-etiketa); }
  .pr-keli[aria-pressed="true"] { border-color: var(--gyali-keimeno); background: var(--gyali-keimeno); color: var(--kokkino-vathy); }
  .pr-keli[aria-pressed="true"] .pr-teleia { background: var(--kokkino-vathy); }
  .pr-keli-simera[aria-pressed="true"] { box-shadow: inset 0 0 0 2px var(--xryso); }
  .pr-epilogi { min-width: 0; }
  .pr-epilogi .pr-mera-onoma { font-size: 34px; }
  @media (min-width: 901px) {
    .pr-imerologio { grid-template-columns: minmax(0, 11fr) minmax(0, 9fr); gap: 24px; align-items: start; }
    .pr-minas { padding: 12px 20px 18px; }
    .pr-keli { min-height: 50px; font-size: 21px; }
    .pr-plegma { gap: 8px; }
    .pr-plegma-imera { font-size: 15px; letter-spacing: .1em; text-transform: uppercase; }
    .pr-epilogi .pr-mera-onoma { font-size: 44px; }
    .pr-epilogi .pr-mera-imerominia { font-size: 19px; }
  }

  /* ── «Όλο το πρόγραμμα του μήνα →»: μόνο στη λίστα ── */
  #programma.pr-etoimo .programma-kato { margin: 20px 0 0; }
  #programma.pr-etoimo[data-opsi="imerologio"] .programma-kato { display: none; }
  /* (14/10/2026: ο τίτλος «Η εβδομάδα, μέρα με τη μέρα.» και η πρόταση από κάτω του έφυγαν από τη σελίδα· ο τίτλος «Ιερές ακολουθίες» φαίνεται και στις δύο προβολές) */
  #programma.pr-etoimo .programma-kato .koumpi { min-height: 48px; padding: 12px 22px; border-color: var(--gyali-perigramma); background: var(--gyali-fonto); color: var(--gyali-keimeno); font-size: 17px; -webkit-backdrop-filter: blur(var(--gyali-tholoma)); backdrop-filter: blur(var(--gyali-tholoma)); }

  /* ── «Στο ημερολόγιό σας»: το μικρό παράθυρο επιλογής (Google, Apple, Samsung και άλλα). Στο κινητό ανεβαίνει από κάτω· στον υπολογιστή στη μέση. ── */
  .pr-parathyro { box-sizing: border-box; width: min(460px, calc(100vw - 32px)); max-height: calc(100vh - 32px); margin: auto; padding: 20px 22px 22px; overflow: auto; border: 1px solid var(--gyali-perigramma); border-radius: var(--gyali-aktina); background: var(--skouro-vathy); color: var(--gyali-keimeno); box-shadow: 0 24px 60px var(--menou-pisw); }
  .pr-parathyro::backdrop { background: var(--menou-pisw); }
  .pr-parathyro-kefali { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
  .pr-parathyro-titlos { margin: 0; font: 400 28px/1.15 var(--titlos); color: var(--gyali-keimeno); }
  .pr-parathyro-kleisimo { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin: -6px -10px 0 0; padding: 0; border: 0; border-radius: 4px; background: none; color: var(--gyali-keimeno); cursor: pointer; }
  .pr-parathyro-ti { margin: 6px 0 16px; font: 400 17px/1.4 var(--keimeno); color: var(--gyali-keimeno-2); }
  .pr-parathyro-epiloges { display: grid; gap: 8px; }
  .pr-parathyro-epilogi { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; width: 100%; min-height: 64px; margin: 0; padding: 11px 16px; border: 1px solid var(--gyali-perigramma); border-radius: var(--gyali-aktina); background: var(--gyali-fonto); color: var(--gyali-keimeno); font: inherit; text-align: left; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: background-color 420ms cubic-bezier(.22, .61, .36, 1), border-color 420ms cubic-bezier(.22, .61, .36, 1); }
  /* το hover πιο αχνό από την επιλογή (μόνο φωτεινό γυαλί, χωρίς χρυσό περίγραμμα), και μόνο με ποντίκι */
  @media (hover: hover) { .pr-parathyro-epilogi:hover { background: var(--gyali-fonto-fotino); } }
  /* η επιλογή που πατήθηκε: χρυσό περίγραμμα, φωτεινό γυαλί και ένα χρυσό τικ δεξιά (14/10/2026) */
  .pr-parathyro-epilogi { position: relative; padding-right: 48px; }
  .pr-parathyro-epilogi[aria-pressed="true"] { border-color: var(--gyali-etiketa); background: var(--gyali-fonto-fotino); box-shadow: inset 3px 0 0 var(--gyali-etiketa); }
  .pr-parathyro-epilogi[aria-pressed="true"]::after { content: ""; position: absolute; right: 21px; top: 50%; width: 7px; height: 14px; margin-top: -10px; border: solid var(--gyali-etiketa); border-width: 0 2px 2px 0; transform: rotate(45deg); }
  .pr-parathyro-meta:focus { outline: none; }
  /* μέσα στο σκούρο παράθυρο το δαχτυλίδι της εστίασης είναι χρυσό, όχι το βαθύ κόκκινο της σελίδας που χάνεται στο σκούρο (15/10/2026, έλεγχος) */
  .pr-parathyro :focus-visible { outline: 3px solid var(--xryso-fos); outline-offset: 2px; }
  .pr-parathyro .pr-parathyro-syndesmos:focus-visible { outline-offset: 4px; border-radius: 2px; }
  .pr-parathyro-epilogi b { font: 400 20px/1.2 var(--titlos); }
  .pr-parathyro-epilogi small { font: 400 15px/1.35 var(--keimeno); color: var(--gyali-keimeno-2); }
  .pr-parathyro-meta:empty { display: none; }
  .pr-parathyro-meta { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--gyali-grammi); }
  .pr-parathyro-minima { margin: 8px 0 0; font: 400 16px/1.45 var(--keimeno); color: var(--gyali-etiketa); }
  .pr-parathyro-mia-mia { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: max-content minmax(0, 1fr) auto; column-gap: 14px; }
  .pr-parathyro-mia-mia li { grid-column: 1 / -1; display: grid; grid-template-columns: subgrid; }
  .pr-parathyro-mia-mia a { grid-column: 1 / -1; display: grid; grid-template-columns: subgrid; align-items: baseline; min-height: 48px; padding: 10px 2px; border-top: 1px solid var(--gyali-grammi); color: var(--gyali-keimeno); text-decoration: none; }
  .pr-parathyro-mia-mia li:first-child a { border-top: 0; }
  .pr-parathyro-mia-mia .pr-ores { font-size: 18px; }
  .pr-parathyro-mia-mia .pr-titlos { font-size: 18px; }
  .pr-parathyro-velos { color: var(--gyali-etiketa); }
  .pr-parathyro-mia-mia a.pr-egine .pr-titlos, .pr-parathyro-vimata .pr-egine { color: var(--gyali-keimeno-2); }
  .pr-parathyro-vimata { margin: 0; padding: 0 0 0 22px; display: grid; gap: 12px; font: 400 16px/1.4 var(--keimeno); color: var(--gyali-keimeno-2); }
  .pr-parathyro-vimata small { display: block; margin-top: 4px; font-size: 15px; }
  .pr-parathyro-syndesmos { display: inline-flex; align-items: center; min-height: 44px; margin: 0; padding: 0; border: 0; background: none; color: var(--gyali-etiketa); font: 400 17px/1.3 var(--keimeno); text-decoration: underline; text-underline-offset: 4px; cursor: pointer; }
  @media (max-width: 900px) {
    .pr-parathyro { width: 100%; max-width: none; margin: auto 0 0; border-radius: var(--gyali-aktina) var(--gyali-aktina) 0 0; border-bottom: 0; padding-bottom: max(22px, env(safe-area-inset-bottom)); }
  }

  /* ── το κινητό: μεγάλα γράμματα, τίποτα κάτω από 17px μέσα στα φύλλα ── */
  @media (max-width: 900px) {
    #programma.pr-etoimo .lede { font-size: 17px; }
    .pr-opsi { padding: 0 16px; }
    .pr-akolouthies { column-gap: 14px; }
    .pr-ora-eos { font-size: 17px; }
    /* στο κινητό το εικονίδιο μιας ακολουθίας καρφώνεται πάνω δεξιά στη στήλη των λόγων (14/10/2026: κάτω από την ώρα άφηνε άδεια λωρίδα
       σε κάθε σειρά με λίγα λόγια)· τα λόγια κρατούν από δεξιά όσο χώρο χρειάζεται για να μην περνούν από κάτω του */
    .pr-akolouthies { grid-template-columns: max-content minmax(0, 1fr); }
    .pr-akolouthia { position: relative; }
    /* (15/10/2026, έλεγχος) μόνο η ΠΡΩΤΗ γραμμή των λόγων αφήνει χώρο για το εικονίδιο (ένα μικρό float στη γωνία)· ό,τι ακολουθεί, και ο χώρος,
       πιάνει όλο το πλάτος της στήλης, για να μη γίνεται ψηλή η σειρά */
    .pr-logia { display: block; }
    .pr-logia > .pr-titlos, .pr-logia > .pr-xoros { display: block; }
    .pr-logia::before { content: ""; float: right; width: 34px; height: 24px; }
    .pr-ics { position: absolute; right: -10px; top: 4px; margin: 0; }
    /* ο διακόπτης, «Όλος ο μήνας» και η κάρτα του μήνα: ένα πλάτος, το πλάτος της στήλης */
    .pr-ergaleia { flex-direction: column; align-items: stretch; gap: 10px; }
    .pr-diakoptis { display: grid; width: 100%; }
    .pr-olos-minas { width: 100%; }
    /* «Όλη η μέρα στο ημερολόγιο»: όλο το πλάτος του φύλλου, ίσια με τις γραμμές από πάνω και από κάτω και με το κουμπί του μήνα (15/10/2026, έλεγχος) */
    .pr-mera-prosthiki { align-self: stretch; width: 100%; }
    .pr-minas-titlos { font-size: 23px; white-space: nowrap; }
    .pr-mera-onoma { font-size: 24px; }
    .pr-mera-koumpi .pr-mera-onoma { flex: 0 0 100%; }
    .pr-mera-koumpi { min-height: 76px; }
    .pr-simera .pr-mera-onoma { font-size: 30px; }
    .pr-simadi, .pr-ics, .pr-efimerios span { font-size: 17px; letter-spacing: .06em; }
    .pr-xoros { font-size: 17px; }
    .pr-mera-kefali { padding: 18px 18px 0; }
    .pr-mera-soma { padding: 4px 18px 18px; }
    .pr-epilogi .pr-mera-soma { padding-top: 12px; }
    .pr-minas { padding: 10px 5px 6px; }
    .pr-minas-kefali { padding: 0 13px; }
    .pr-plegma { gap: 4px; }
    #programma.pr-etoimo .programma-kato .koumpi { width: 100%; justify-content: center; white-space: normal; text-align: center; }
  }

  /* ── ΔΕΥΤΕΡΗ ΕΚΔΟΧΗ, για να διαλέξει ο Bill: τα ίδια φύλλα πάνω στο χαρτί (data-edafos="xarti" στην ενότητα) ── */
  #programma.pr-etoimo[data-edafos="xarti"] { background: var(--xarti); color: var(--melani); border-top: 1px solid var(--grammi); }
  #programma[data-edafos="xarti"] .pr-fonto, #programma.pr-etoimo[data-edafos="xarti"]::before { display: none; }
  #programma.pr-etoimo[data-edafos="xarti"] .etiketa { color: var(--kokkino-vathy); }
  #programma.pr-etoimo[data-edafos="xarti"] h2 { color: var(--melani); }
  #programma.pr-etoimo[data-edafos="xarti"] .lede { color: var(--melani-2); }
  #programma.pr-etoimo[data-edafos="xarti"] [data-programma-simeiosi] { border-left-color: var(--xryso); background: var(--fyllo); color: var(--melani); }
  #programma[data-edafos="xarti"] :is(.pr-diakoptis, .pr-mera, .pr-minas) { border-color: var(--grammi); background: var(--fyllo); -webkit-backdrop-filter: none; backdrop-filter: none; }
  #programma[data-edafos="xarti"] :is(.pr-mera, .pr-minas)::before { display: none; }
  #programma[data-edafos="xarti"] .pr-mera.pr-simera { border-color: var(--xryso); box-shadow: inset 0 3px 0 var(--xryso); }
  #programma[data-edafos="xarti"] :is(.pr-opsi, .pr-mera-onoma, .pr-ores, .pr-titlos, .pr-efimerios b, .pr-minas-titlos, .pr-minas-velos, .pr-keli) { color: var(--melani); }
  #programma[data-edafos="xarti"] :is(.pr-mera-imerominia, .pr-xoros, .pr-efimerios span, .pr-plegma-imera, .pr-keli-allou, .pr-keli-adeio) { color: var(--melani-2); }
  #programma[data-edafos="xarti"] :is(.pr-simadi, .pr-ics, .pr-giorti, .pr-ektakto .pr-titlos, .pr-mera-koumpi .anoigma-velaki) { color: var(--kokkino-vathy); }
  #programma[data-edafos="xarti"] .pr-simadi::before { background: var(--xryso); }
  #programma[data-edafos="xarti"] .pr-akolouthia, #programma[data-edafos="xarti"] .pr-efimerios { border-top-color: var(--grammi); }
  #programma[data-edafos="xarti"] .pr-opsi[aria-pressed="true"], #programma[data-edafos="xarti"] .pr-keli[aria-pressed="true"] { border-color: var(--kokkino-vathy); background: var(--kokkino-vathy); color: var(--fyllo); }
  #programma[data-edafos="xarti"] .pr-keli { border-color: var(--grammi); background: var(--fyllo); }
  #programma[data-edafos="xarti"] .pr-keli-adeio { border-color: transparent; background: none; }
  #programma[data-edafos="xarti"] .pr-teleia { background: var(--xryso); }
  #programma[data-edafos="xarti"] .pr-keli[aria-pressed="true"] .pr-teleia { background: var(--xryso-fos); }
  #programma[data-edafos="xarti"] .pr-keli-simera { border-color: var(--kokkino-vathy); box-shadow: inset 0 0 0 1px var(--kokkino-vathy); }
  #programma[data-edafos="xarti"] .pr-minas-velos { border-color: var(--grammi); }
  #programma.pr-etoimo[data-edafos="xarti"] .programma-kato .koumpi { border-color: var(--kokkino-vathy); background: transparent; color: var(--kokkino-vathy); -webkit-backdrop-filter: none; backdrop-filter: none; }

  /* 16/10/2026 · επιλογή του Bill «Φωτεινό απόγευμα»: ο ναός στη χρυσή ώρα πίσω από ανοιχτό πέπλο· φωτογραφία σταθερή στην οθόνη, κομμένη στην ενότητα από το clip-path· z-index -1 πάνω από το έδαφος, κάτω από τη ζώνη φωτός και τα φύλλα. */
  #programma.pr-etoimo .pr-foto-fonto { display: block; position: fixed; left: 0; top: 0; z-index: -1; width: 100%; height: 100vh; height: 100lvh; pointer-events: none; }
  .pr-foto-fonto picture, .pr-foto-fonto img { display: block; width: 100%; height: 100%; }
  .pr-foto-fonto img { object-fit: cover; object-position: 52% 42%; filter: saturate(1.08); }
  .pr-foto-fonto::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: radial-gradient(70% 34% at 50% 24%, color-mix(in srgb, var(--fyllo) 70%, transparent), color-mix(in srgb, var(--fyllo) 0%, transparent) 100%), linear-gradient(180deg, color-mix(in srgb, var(--fyllo) 78%, transparent) 0%, color-mix(in srgb, var(--fyllo) 20%, transparent) 42%, color-mix(in srgb, var(--fyllo) 14%, transparent) 70%, color-mix(in srgb, var(--fyllo) 60%, transparent) 100%); }
  #programma[data-edafos="xarti"] .pr-lepia { display: none; }
  #programma[data-edafos="xarti"] .pr-fonto { display: block; }
  #programma.pr-etoimo[data-edafos="xarti"] { border-top: 0; }
  #programma[data-edafos="xarti"] :is(.pr-diakoptis, .pr-mera, .pr-minas) { border-color: color-mix(in srgb, var(--fyllo) 75%, transparent); background: color-mix(in srgb, var(--fyllo) 87%, transparent); -webkit-backdrop-filter: blur(14px) saturate(1.1); backdrop-filter: blur(14px) saturate(1.1); box-shadow: 0 14px 40px color-mix(in srgb, var(--skouro) 16%, transparent); }
  #programma[data-edafos="xarti"] .pr-keli:not(.pr-keli-adeio):not([aria-pressed="true"]) { background: color-mix(in srgb, var(--fyllo) 80%, transparent); }
  #programma[data-edafos="xarti"] .pr-prosthiki, #programma.pr-etoimo[data-edafos="xarti"] .programma-kato .koumpi { border-color: color-mix(in srgb, var(--fyllo) 75%, transparent); background: color-mix(in srgb, var(--fyllo) 84%, transparent); color: var(--melani); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
  #programma[data-edafos="xarti"] .pr-prosthiki .pr-sxedio { color: var(--kokkino-vathy); }
  #programma[data-edafos="xarti"] .pr-fonto::after { display: block; background: linear-gradient(180deg, color-mix(in srgb, var(--fyllo) 90%, transparent) 0, color-mix(in srgb, var(--fyllo) 84%, transparent) 180px, color-mix(in srgb, var(--fyllo) 40%, transparent) 250px, color-mix(in srgb, var(--fyllo) 0%, transparent) 330px); }
  #programma.pr-etoimo[data-edafos="xarti"] .pr-kefali h2 { text-shadow: 0 0 2px color-mix(in srgb, var(--fyllo) 90%, transparent), 0 1px 28px color-mix(in srgb, var(--fyllo) 95%, transparent); }
  #programma[data-edafos="xarti"] :is(.pr-ypomnima, .pr-ora-eos) { color: var(--melani-2); }
  #programma[data-edafos="xarti"] .pr-teleia:not(.pr-teleia-giorti) { background: none; box-shadow: inset 0 0 0 1.4px var(--xryso-vathy); }
  #programma[data-edafos="xarti"] .pr-keli[aria-pressed="true"] .pr-teleia:not(.pr-teleia-giorti) { box-shadow: inset 0 0 0 1.4px var(--xryso-fos); }
  #programma[data-edafos="xarti"] .pr-teleia-giorti { background: var(--xryso); }
  #programma[data-edafos="xarti"] :is(.pr-keli-adeio, .pr-egine .pr-ora-eos, .pr-egine .pr-xoros) { color: var(--melani); }

/* Bill, 19/10/2026: a quiet empty state, without an empty table or calendar. */
#programma.pr-adeio [hidden] { display: none; }
#programma.pr-adeio [data-programma-simeiosi] { margin: 0; padding: 18px 20px; border-left: 2px solid var(--xryso); border-radius: 0 var(--gyali-aktina) var(--gyali-aktina) 0; background: var(--fyllo); color: var(--melani); font-size: 18px; line-height: 1.5; }
}
#programma .pr-foto-fonto { display: none; }