/* Ι.Ν. ΚΟΙΜΗΣΕΩΣ ΤΗΣ ΘΕΟΤΟΚΟΥ, 40 ΕΚΚΛΗΣΙΕΣ — ΠΑΝΩ ΑΠΟ ΤΑ ΦΥΛΛΑ ΤΗΣ ΔΗΜΟΣΙΑΣ ΣΕΛΙΔΑΣ, ΤΗΣ ΦΟΡΜΑΣ ΚΑΙ ΤΟΥ ΓΡΑΦΕΙΟΥ ΤΩΝ ΕΓΓΡΑΦΩΝ
   (SXEDIO-OPSI C.1, C.5, C.7). Φορτώνεται ΜΕΤΑ το styles.css και το vaptisi.css.

   ΤΙ ΕΙΝΑΙ, ΜΕ ΑΠΛΑ ΛΟΓΙΑ: η δημόσια σελίδα και η φόρμα είναι το πρωτότυπο όπως το είδε ο Bill, στο κόκκινο του (από 7/10/2026· στις 6/10 είχε
   γίνει κεραμιδί). Εδώ μένουν η γραμμή στο τέλος της σελίδας, το περίγραμμα της εστίασης, και όσα μπήκαν μετά το πρωτότυπο.

   ΤΙΠΟΤΑ ΕΔΩ ΔΕΝ ΦΤΑΝΕΙ ΣΤΟ ΤΥΠΩΜΕΝΟ ΧΑΡΤΙ: τα χρώματα και κάθε κανόνας είναι «screen». Το Α4 της δήλωσης τυπώνεται όπως πριν. */
@import url("xromata.css") screen;

@media screen {
  /* Το περίγραμμα της εστίασης: το ανοιχτό χρυσό του πρωτοτύπου ήταν 1,6 πάνω στο χαρτί. Το κόκκινο των κουμπιών σε ανοιχτό φόντο, φως κεριού σε σκούρο. */
  :is(a, button, input, select, textarea, summary):focus-visible { outline: 3px solid var(--kokkino-vathy); outline-offset: 2px; }
  :is(.iroas, .skouro, .kordela) :is(a, button, input, select, textarea, summary):focus-visible { outline-color: var(--xryso-fos); }

  /* Η κορδέλα είναι ξανά του πρωτοτύπου (φόντο --vyssini): το ανοιχτό χρυσό πάνω στο κόκκινο των κουμπιών είναι 7,4 για γράμματα 13px.
     (Με το κεραμιδί ήταν 4,4, και γι' αυτό είχε εδώ δικό της, πιο σκούρο φόντο.) */

  /* Η γραμμή στο τέλος κάθε σελίδας του ναού: σκέτο κείμενο, αχνό, ποτέ σύνδεσμος. */
  .ypografi { margin: 0; font: 400 13px/1.4 var(--etiketa); letter-spacing: .04em; color: var(--axno); text-align: center; }
  .v-podas { padding: 24px 16px; }
  .podas .ypografi { text-align: left; }

  /* Το γραφείο των εγγράφων: τα κουμπιά της μπάρας στο ύφος του ναού, και το σημείωμα της ρύθμισης ως σκέτο φύλλο. */
  .v-kefali .sima small { color: var(--kokkino-vathy); font-size: 13px; }
  .i-mpara { background: var(--fyllo); }
  /* ΤΟ ΙΔΙΟ ΓΡΑΦΕΙΟ (12/10/2026, δεύτερος γύρος διορθώσεων): το γραφείο των εγγράφων ανοίγει από το κύριο κουμπί μιας αίτησης, άρα πατά στο ίδιο
     χαρτί με τις καρτέλες (--xarti, όχι το πιο σκούρο της φόρμας του κόσμου) και τα τρία κουμπιά της μπάρας του έχουν το βάρος, το μέγεθος και
     το ύψος του «.koumpi» του γραφείου (opsi.css). Τίποτα άλλο του δεν αλλάζει· στο τυπωμένο Α4 τίποτα (όλα εδώ είναι «screen»). */
  body.v-soma:has(> .i-plaisio) { background: var(--xarti); }
  .i-mpara-koumpia .koumpi { min-height: 52px; border-radius: var(--koumpi-aktina); font: 700 17px/1.2 var(--etiketa); letter-spacing: .05em; }
  /* «Γραφείο του ναού · έγγραφα» μένει κάτω από το όνομα του ναού και στο κινητό, όπως στα 1280 (το κοινό φύλλο το έκρυβε κάτω από 480 px) */
  .v-kefali a.sima small i { font-style: normal; }
  @media (max-width: 480px) { .v-kefali a.sima small { display: block; white-space: nowrap; } .v-kefali a.sima small i { display: none; } }
  .i-simeioma { margin: 0 0 12px; padding: 10px 14px; background: var(--fyllo); border: 1px solid var(--grammi); border-left: 3px solid var(--xryso); border-radius: 0 4px 4px 0; font-size: 15px; color: var(--melani-2); }
  .v-simeioma { margin: 0; padding: 10px 16px; background: var(--fyllo); border-bottom: 1px solid var(--grammi); font-family: var(--etiketa); font-size: 16px; line-height: 1.4; color: var(--melani-2); text-align: center; }
}
@media print { .ypografi, .v-podas { display: none !important; } }

@media screen {
  /* Η δημόσια σελίδα: το σήμα της κεφαλής είναι πια το ζωντανό σήμα (sima.css)· εδώ μόνο το «Γραφείο του ναού» ως σύνδεσμος. */
  .podas a.tsip { display: inline-flex; align-items: center; min-height: 44px; color: var(--melani-2); text-decoration: none; }
  /* Το σημείωμα «ό,τι γράφετε μένει στο κινητό σας»: στο πρωτότυπο ήταν ροζ και διαβαζόταν σαν λάθος. Σκέτο φύλλο, όπως τα άλλα σημειώματα. */
  .v-proepiskopisi { background: var(--fyllo); border: 1px solid var(--grammi); color: var(--melani-2); }
  /* Η πρόταση των 7 ημερών μέσα στη φόρμα, πριν από την αποστολή και μετά: σκέτο φύλλο, όχι λάθος. */
  .v-simeioma-mesa { margin: 12px 0; padding: 10px 14px; background: var(--fyllo); border: 1px solid var(--grammi); border-left: 3px solid var(--xryso); border-radius: 0 4px 4px 0; font-size: 15px; color: var(--melani-2); }
}

@media screen {
  /* ΤΡΙΑ ΠΡΑΓΜΑΤΑ ΠΟΥ ΤΟ ΠΡΩΤΟΤΥΠΟ ΓΡΑΦΕΙ ΜΕ ΤΟ ΧΕΡΙ, ΟΧΙ ΜΕ ΜΕΤΑΒΛΗΤΗ (κρίση 6/10/2026). Παίρνουν το χρώμα τους από το xromata.css. */
  /* 1 — το πέπλο της φωτογραφίας της κεφαλής: το κόκκινο του πρωτοτύπου, που σκέπαζε τον ναό, δεν υπάρχει σε αυτή τη σελίδα. Από 12/10/2026 το φύλλο
     αυτό δεν βάζει κανένα πέπλο· ό,τι σκούρο χρειάζονται τα γράμματα το βάζει το proti.css, μόνο πίσω τους */
  .iroas .foto::after { background: none; }
  /* 2 — το κενό της πρότασης στη φόρμα, τα τρία κουτάκια του παραδείγματος και η επιλογή που πατήθηκε: ροζ φόντο → το χαρτί του ναού.
     (Έμεινε και με το κόκκινο: ουδέτερο φόντο κάτω από γράμματα που γράφει ο άνθρωπος. Για το ροζ του πρωτοτύπου σβήνονται οι κανόνες 2 και 3.) */
  .v-keno :is(input, select), .v-sxedio span, .v-epilogi[aria-pressed="true"] { background: var(--xarti-2); }
  /* 3 — οι ερωτήσεις («Να το αλλάξω κι αυτό;», «Να τυπωθεί έτσι;»): ροζ φόντο → ένα φύλλο */
  .v-rota, .i-rota { background: var(--fyllo); }
}

@media screen {
  /* ΕΝΑΣ ΔΡΟΜΟΣ ΓΙΑ ΤΗ ΒΑΠΤΙΣΗ (ο λόγος του Bill, 6/10/2026 18:54). Το κουμπί «Θέλω να κάνω βάπτιση» υπάρχει μόνο όσο η αίτηση είναι ανοιχτή
     (το γράφει ο διακομιστής πάνω στη ρίζα)· στην κεφαλή φαίνεται από 840px και πάνω· στο κινητό το ίδιο κουμπί είναι μέσα στο μενού. */
  .enoria-riza:not([data-vaptisi="anoixti"]) .thelo-vaptisi { display: none; }
  /* οι κάρτες χωρίς αίτηση: το τηλέφωνο του γραφείου, πατητό */
  .karta .karta-til { flex: none; margin-top: 8px; font-size: 16px; color: var(--melani); }
  .karta .karta-til a { display: inline-flex; align-items: center; min-height: 44px; color: var(--kokkino-vathy); font-weight: 600; }
  @media (max-width: 839px) { .kefalida .thelo-vaptisi { display: none; } }
  /* «Οι αιτήσεις μου» (7/10/2026): μόνο όπου ο ναός έχει ανοίξει την είσοδο των πιστών με λογαριασμό Google. Στο μενού του κινητού και στο τέλος της σελίδας (12/10/2026: όχι πια στην πρώτη οθόνη). */
  .enoria-riza:not([data-aitiseis-mou="nai"]) .aitiseis-mou-syndesmos { display: none; }
  p.aitiseis-mou-syndesmos { font-size: 15px; }
  p.aitiseis-mou-syndesmos a { display: inline-flex; align-items: center; min-height: 44px; font-size: 15px; color: var(--xarti); text-decoration: underline; text-underline-offset: 3px; }
  /* η «Πνευματική ζωή» είναι μία στήλη, όχι μισή σελίδα άδεια */
  .dyo.mia-stili { grid-template-columns: 1fr; }
}

@media screen {
  /* Η ΦΟΡΜΑ ΚΑΙ Ο ΛΟΓΑΡΙΑΣΜΟΣ GOOGLE (ο λόγος του Bill, 6/10/2026 23:04). Στην κεφαλή, μόνο για όποιον μπήκε: ποιος είναι, «Οι αιτήσεις μου», «Έξοδος». */
  .v-pistos { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 4px 16px; min-width: 0; font-family: var(--etiketa); font-size: 15px; color: var(--melani-2); }
  .v-pistos-poios { min-width: 0; overflow-wrap: anywhere; }
  .v-pistos-poios b { font-weight: 600; color: var(--melani); }
  .v-pistos a, .v-pistos button { display: inline-flex; align-items: center; min-height: 44px; padding: 0; border: 0; background: none; font: inherit; color: var(--kokkino-vathy); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
  .v-pistos form { margin: 0; }
  /* Κάτω από το κενό του email, και στην πρώτη οθόνη: «Συνέχεια με Google», δεύτερο κουμπί, με μία γραμμή που λέει τι κερδίζει ο άνθρωπος. */
  .v-google { margin: 18px 0 0; padding-top: 16px; border-top: 1px solid var(--grammi); display: grid; gap: 8px; }
  .v-google .koumpi { justify-content: center; min-height: 48px; white-space: normal; text-align: center; }
  .v-google small { font-size: 15px; line-height: 1.5; color: var(--melani-2); }
  @media (max-width: 640px) {
    .v-kefali .mesa:has(.v-pistos) { flex-wrap: wrap; padding: 8px 0; }
    .v-pistos { flex: 1 1 100%; justify-content: space-between; }
  }
}
@media print { .v-pistos, .v-google { display: none !important; } }

@media screen {
  /* ΤΟ ΜΕΝΟΥ ΤΟΥ ΚΙΝΗΤΟΥ (7/10/2026, ο Bill: «Δεν διαβάζονται όλα στο κινητό δεν έχει burger»). Κάτω από 1180px η πλοήγηση της κεφαλίδας
     κρύβεται (κάτω από 960px από το styles.css, ως τα 1179px από εδώ: 8/10/2026, στα 961–1179 τα επτά κεφάλαια, το κουμπί και το όνομα
     δεν χωρούσαν και το όνομα έσπαγε σε στήλη· η κεφαλίδα έφτανε τα 236px στα 1024 και τα 1190px στα 961)· στη θέση της ένα κουμπί «Μενού» (menou.js) που ανοίγει τα ίδια κεφάλαια σαν φύλλο κάτω από την κεφαλίδα, στο χαρτί
     του ναού: τα κεφάλαια με τα γράμματα των τίτλων, μια λεπτή γραμμή ανάμεσα, ο χρυσός ρόμβος ως στολίδι, και από κάτω η μία ενέργεια σε
     κόκκινο. Ό,τι μένει πίσω σκουραίνει και δεν κυλά. */
  .menou-koumpi { display: none; flex: none; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; margin-right: -6px; border: 1px solid var(--grammi); border-radius: 4px; background: transparent; color: var(--melani); cursor: pointer; -webkit-tap-highlight-color: transparent; }
  .menou-eikona { display: grid; gap: 5px; width: 20px; }
  .menou-eikona span { display: block; height: 1.5px; border-radius: 1px; background: currentColor; transition: transform .4s cubic-bezier(.22, .61, .36, 1), opacity .4s cubic-bezier(.22, .61, .36, 1); } /* 8/10/2026: η ίδια κίνηση με το φύλλο του μενού */
  .menou-koumpi[aria-expanded="true"] { border-color: var(--kokkino-vathy); color: var(--kokkino-vathy); }
  .menou-koumpi[aria-expanded="true"] .menou-eikona span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }
  .menou-koumpi[aria-expanded="true"] .menou-eikona span:nth-child(2) { opacity: 0; }
  .menou-koumpi[aria-expanded="true"] .menou-eikona span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }
  .menou { position: absolute; top: 100%; left: 0; right: 0; max-height: calc(100vh - 72px); max-height: calc(100dvh - 72px); overflow-y: auto; overscroll-behavior: contain; padding: 6px 0 26px; background: var(--xarti); border-top: 1px solid var(--grammi); box-shadow: 0 100vmax 0 100vmax var(--menou-pisw); }
  /* (η σκιά κατεβαίνει όσο απλώνεται: σκουραίνει ό,τι είναι ΚΑΤΩ από την κεφαλίδα, όχι την ίδια την κεφαλίδα με το κουμπί που κλείνει) */
  .menou > * { width: min(1160px, calc(100% - 48px)); margin-inline: auto; }
  .kefalida .menou-kefalaia { display: grid; } /* η πλοήγηση της κεφαλίδας κρύβεται κάτω από 1180px· αυτή είναι η δική του */
  .kefalida .menou-syndesmos { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 48px; padding: 0; border-bottom: 1px solid var(--grammi); font: 400 21px/1.2 var(--titlos); color: var(--melani); text-decoration: none; white-space: normal; }
  .kefalida .menou-syndesmos:active { color: var(--kokkino-vathy); }
  .menou-syndesmos::after { content: ""; flex: none; width: 6px; height: 6px; margin-right: 6px; background: var(--xryso); transform: rotate(45deg); }
  .menou-drasi { margin-top: 20px; }
  .enoria-riza[data-vaptisi="anoixti"] .menou .thelo-vaptisi { display: flex; justify-content: center; width: 100%; min-height: 52px; font-size: 17px; }
  .menou-mikra { display: flex; flex-wrap: wrap; gap: 0 26px; margin-top: 8px; }
  .menou-mikra p { margin: 0; }
  .menou .aitiseis-mou-syndesmos a { display: inline-flex; align-items: center; min-height: 44px; font-size: 16px; color: var(--kokkino-vathy); text-decoration: underline; text-underline-offset: 3px; }
  /* ό,τι μένει πίσω από το ανοιχτό μενού δεν κυλά, ΚΑΙ ο αναγνώστης δεν χάνει τη θέση του (δεύτερος έλεγχος, 12/10/2026): το «overflow: hidden» πάνω στο html
     τον πετούσε στην κορυφή της σελίδας. Τώρα το σώμα καρφώνεται εκεί που ήταν (το menou.js γράφει το «top» του) και, όταν το μενού κλείσει, η σελίδα
     είναι στο ίδιο σημείο. */
  html.menou-anoixto > body { position: fixed; left: 0; right: 0; width: 100%; }
  @media (max-width: 1179px) {
    .menou-koumpi { display: inline-flex; }
    .kefalida nav:not(.menou-kefalaia) { display: none; }
    /* Η κορδέλα των κεφαλαίων κάτω από την πρώτη οθόνη: στο κινητό ήταν δεύτερο αντίγραφο των ίδιων προορισμών, σε γράμματα 12px που κυλούσαν
       πλάγια με το μισό τους κρυμμένο. Τώρα που υπάρχει μενού, φαίνεται μόνο όπου φαίνεται και η πλοήγηση της κεφαλίδας. */
    .kordela { display: none; }
  }
  @media (min-width: 1180px) { .menou { display: none !important; } }
}
@media print { .menou-koumpi, .menou { display: none !important; } }

@media screen {
  /* Η ΠΡΩΤΗ ΟΘΟΝΗ. Από 12/10/2026 (οι 23 απαντήσεις του Bill, κομμάτι A1) η διάταξή της, το γυάλινο πλαίσιο «Σήμερα», το ένα κόκκινο κουμπί και το
     πέπλο πίσω από τα γράμματα είναι στο proti.css. Εδώ μένει ό,τι είναι της σελίδας: η φωτογραφία χωρίς τις στρογγυλές γωνίες των άλλων φωτογραφιών,
     το φως της μία φορά, και οι δύο κινήσεις της εισόδου. (Η πρώτη οθόνη της 8ης/10, με τα δύο κουμπιά και τους δύο μικρούς συνδέσμους στο κάτω άκρο
     της φωτογραφίας και τη «Σήμερα» από κάτω, έφυγε ολόκληρη από αυτό το φύλλο, μαζί με τα πέπλα --iroas-peplo του xromata.css.) */
  /* η φωτογραφία της κεφαλής πιάνει όλο το πλάτος: όχι τις στρογγυλές γωνίες και τη σκιά των φωτογραφιών μέσα στη σελίδα (.foto) */
  .iroas .foto { border-radius: 0; box-shadow: none; }
  /* Η φωτογραφία ΣΤΕΚΕΤΑΙ: το αργό ζουμ του πρωτοτύπου (kenburns, 28 s) δεν τρέχει σε αυτή την οθόνη, ούτε μεγέθυνση ούτε μετατόπιση· έρχεται
     μόνο το φως της, μία φορά. */
  .iroas .foto img { transform: none; animation: iroas-fos 650ms cubic-bezier(.22, .61, .36, 1) both; }

  /* Η ΚΙΝΗΣΗ ΤΗΣ ΠΡΩΤΗΣ ΟΘΟΝΗΣ (ο Bill: «πιο smooth animations»). Ήρεμη, μία φορά: η φωτογραφία φωτίζεται σε 650ms· το όνομα έρχεται με διαφάνεια
     και 8px, 500ms· το πλαίσιο και το κουμπί λίγο μετά (proti.css, με τα ίδια δύο καρέ). Η ίδια καμπύλη με όλη τη σελίδα, χωρίς υπέρβαση.
     Με «both» και χωρίς καμία κρυφή αρχική τιμή: αν η κίνηση δεν τρέξει ποτέ, όλα είναι στη θέση τους και φαίνονται. */
  @keyframes iroas-fos { from { opacity: 0; } to { opacity: 1; } }
  @keyframes iroas-anodos { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
  .iroas :is(.etiketa, h1) { animation: iroas-anodos 500ms cubic-bezier(.22, .61, .36, 1) both; }
  .iroas :is(.etiketa, h1) { animation-delay: 100ms; }

  /* Το κουμπί της πρώτης οθόνης είναι ΚΟΚΚΙΝΟ, το ίδιο με της κεφαλίδας (8/10/2026, ο Bill: «το πάνω κόκκινο μου αρέσει πιο πολύ από αυτό το κάτω, και
     κάνει ωραία αντίθεση με αυτό το υπόλευκο που έχει μέσα· αντικατέστησέ το παντού»): γέμισμα --kokkino-vathy, γράμματα --fyllo. */
  .iroas .koumpi { background: var(--kokkino-vathy); border-color: var(--kokkino-vathy); color: var(--fyllo); }
}


@media screen {
  /* ΤΑ ΚΟΥΜΠΙΑ ΤΟΥ ΝΑΟΥ, ΕΝΑ ΣΥΣΤΗΜΑ (7/10/2026, ο Bill: «Κουμπιά δεν έγιναν»). Από την παλέτα, πουθενά αλλού χρώμα:
       κύρια ενέργεια   γεμάτο κόκκινο --kokkino-vathy με γράμματα --fyllo (12,1:1)· πατημένο --kokkino-nyxta.
                        Το ίδιο και πάνω στη φωτογραφία της πρώτης οθόνης (8/10/2026): ένα κόκκινο για κάθε κουμπί του ναού.
       δεύτερη          περίγραμμα και γράμματα --kokkino-vathy σε χαρτί· πάνω σε σκούρο, περίγραμμα και γράμματα --xarti.
       επιλογή          ό,τι πατιέται και μένει πατημένο (φίλτρα, «Άγαμος/η»): γεμίζει κόκκινο, όπως η κύρια.
       χρυσό            ΜΟΝΟ στολίδι (κλωστές, ρόμβοι, γραμμές) και το φως της εστίασης πάνω σε σκούρο. Ποτέ γέμισμα κουμπιού.
     Τα ίδια ονόματα στο γραφείο: .g-koumpi, .g-deytero (opsi.css), .x-koumpi (xartia.css). */
  .koumpi:not(.deytero) { color: var(--fyllo); }
  .koumpi:not(.deytero):active { background: var(--kokkino-nyxta); border-color: var(--kokkino-nyxta); }
  .koumpi.deytero:active { background: var(--fyllo); }
  .tsip[aria-pressed="true"] { background: var(--kokkino-vathy); border-color: var(--kokkino-vathy); color: var(--fyllo); }
}

@media screen {
  @media (max-width: 900px) {
    /* ΤΟ ΚΙΝΗΤΟ, ΕΝΟΤΗΤΑ ΠΡΟΣ ΕΝΟΤΗΤΑ (7/10/2026, ο Bill: «Δεν διαβάζονται όλα στο κινητό»). Μετρημένο στα 390 πριν: ετικέτες 10–13px
       (κεφαλίδες ενοτήτων, ημέρες του προγράμματος, κατηγορίες ανακοινώσεων, «+ ημερολόγιο», ημερομηνίες, η επικοινωνία) και κείμενο 13–15px
       (κάρτες, χρονολόγιο, «Η ενορία μας», «Σήμερα»). Εδώ: ετικέτες 14px, κείμενο που διαβάζεται 16px. Μόνο ως 900px:
       η οθόνη του υπολογιστή μένει όπως ήταν. (Η γραμμή «powered by MediaTab» μένει 13px: είναι υπογραφή, όχι κείμενο, και είναι κλειδωμένη.) */
    .etiketa, .simera h3 small, .programma th, .anakoinosi .katigoria, .anakoinosi time small, .epikoinonia dt, .live, .foto span, .xartis, .perilipsi dt { font-size: 14px; letter-spacing: .1em; }
    .programma tr.simera-grammi th::after { content: "σήμερα"; display: block; margin-top: 2px; font-size: 14px; }
    /* η ημερομηνία κάτω από την ημέρα: το app.js τη γράφει με στυλ πάνω στο στοιχείο (12px), γι' αυτό εδώ με !important */
    .programma th .giorti, .programma th span { font-size: 14px !important; }
    .programma .ics { font-size: 14px; color: var(--kokkino-vathy); }
    .programma td span, .programma td.efim { font-size: 15px; }
    .programma td.efim b { font-size: 17px; }
    .simera li { font-size: 16px; }
    .simera .efimerevon, .orario-grammi { font-size: 15px; }
    .karta p, .xoroi-keimeno, .xronologio span, .x-pou, .pnevmatikoi span { font-size: 16px; }
    .mikro { font-size: 16px; }
    .tsip { font-size: 15px; }
    .podas, .podas-sima { font-size: 16px; }
    /* η ανακοίνωση: το «+ ημερολόγιο» είναι κουμπί στο μέγεθος των λέξεών του, όχι μια μπάρα σε όλο το πλάτος με γράμματα 14px */
    .anakoinosi .koumpi { justify-self: start; font-size: 15px; }
    /* σύνδεσμοι μέσα σε κείμενο (email, gov.gr): πιο ψηλή περιοχή πατήματος χωρίς να αλλάζει η γραμμή */
    .anakoinosi p a { padding: 11px 0; margin: -11px 0; }
    /* το τέλος της σελίδας: οι τρεις σύνδεσμοι ως σειρά κουμπιών χωρίς τις τελίτσες ανάμεσα (στο στενό έμεναν ορφανές στην αρχή της γραμμής) */
    .podas .wrap > span:nth-child(2) { display: flex; flex-wrap: wrap; gap: 8px; font-size: 0; }
    .podas .wrap > span:nth-child(2) > .aitiseis-mou-syndesmos { display: contents; }
    .podas .tsip { font-size: 15px; }
    /* η φόρμα: τα δύο σημειώματα κάτω από 16px */
    .v-proepiskopisi, .v-google small, .v-simeioma-mesa { font-size: 16px; }
    /* (πιο βαρύς από το «display: contents» από πάνω: «Οι αιτήσεις μου» μένει κρυμμένο όσο η είσοδος των πιστών είναι κλειστή — το βρήκε ο έλεγχος του εργαστηρίου) */
    .enoria-riza:not([data-aitiseis-mou="nai"]) .podas .wrap > span:nth-child(2) > .aitiseis-mou-syndesmos { display: none; }
  }
}

@media screen {
  /* ΜΕΤΑ ΤΗΝ ΚΡΙΣΗ (7/10/2026: ένας ανεξάρτητος έλεγχος «με το μάτι του Bill», με δικές του φωτογραφίες). Ό,τι βρήκε και διορθώνεται εδώ: */
  @media (max-width: 900px) {
    /* ① (η χαμηλή οθόνη της πρώτης οθόνης είναι από 12/10/2026 στο proti.css) ② κακά σπασίματα: το όνομα στην κεφαλίδα («…της / Θεοτόκου») και η ετικέτα της πρώτης οθόνης ισορροπούν τις γραμμές τους */
    .sima b, .iroas .etiketa, .anakoinosi .katigoria { text-wrap: balance; }
    /* ③ το δεύτερο κουμπί του προγράμματος και των οδηγών (.koumpi.mikro) ήταν 14px με αραιά γράμματα: 15px */
    .koumpi.mikro { font-size: 15px; }
    /* ④ η φόρμα: όνομα και επώνυμο δίπλα δίπλα έκοβαν το «Παπαδόπουλος» (155px στα 390, 140px στα 360)· στο κινητό το ένα κάτω από το άλλο.
       Η ημερομηνία μένει μία πρόταση σε μία σειρά, με τον μήνα πιο φαρδύ (το «Σεπτεμβρίου» χωρά και στα 360) */
    @media (max-width: 480px) {
      .v-kena.v-kena-2 { grid-template-columns: minmax(0, 1fr); }
      .v-kena.v-imer { grid-template-columns: 3.4em minmax(0, 1fr) 4.4em; gap: 8px; }
      .v-kena.v-imer select { padding-left: 6px; padding-right: 0; }
    }
  }
  /* ⑤ στα 641–1179 (τάμπλετ και στενά παράθυρα) η μικρή γραμμή κάτω από το όνομα της κεφαλίδας ήταν 10px· και το όνομα χωρά σε μία γραμμή */
  @media (min-width: 641px) and (max-width: 1179px) {
    .sima small { font-size: 13px; letter-spacing: .08em; }
    .sima b { max-width: 440px; }
  }
  /* ⑥ από 1180px (12/10/2026, ο έλεγχος όλης της σελίδας): εκεί που η κεφαλίδα έχει και τα επτά κεφάλαια και το κόκκινο κουμπί, το σήμα έχει 246px.
     Η μικρή γραμμή («Ενορία Σαράντα Εκκλησιών · Ιερά Μητρόπολις Θεσσαλονίκης») έσπαγε εκεί σε δύο, και με το όνομα σε δύο γίνονταν τέσσερις γραμμές
     που ακουμπούσαν πάνω και κάτω στη λωρίδα των 73px. Η λωρίδα δεν φαρδαίνει πέρα από 1160px, άρα η γραμμή δεν χωρά σε ΚΑΝΕΝΑ πλάτος μαζί με τα
     κεφάλαια: εδώ φεύγει (τα ίδια λόγια στέκονται, χρυσά, ακριβώς πάνω από το όνομα στην πρώτη οθόνη) και μένει το όνομα σε δύο γραμμές, στη μέση του σήματος. */
  @media (min-width: 1180px) {
    .kefalida .sima small { display: none; }
    .kefalida .sima b { line-height: 1.14; }
  }
}

/* ── η μία ήσυχη γραμμή στην πρώτη οθόνη της φόρμας (8/10/2026· από το στάδιο Β τη γράφει ο διακομιστής στη σελίδα, μόνο όταν έχει κάτι να πει) ── */
@media screen {
  .v-voithia.v-akri { margin: 16px 0 0; }
}

@media screen {
.eort-grammi { margin: 12px 0; font-size: 15px; line-height: 1.55; overflow-wrap: anywhere; }
.eort-megali { color: var(--xryso-vathy); }
.simera .eort-megali, .simera-plaisio .eort-megali { color: var(--xryso-fos); }
.eort-syndesmos { font-size: 14px; white-space: nowrap; text-underline-offset: 3px; }
}