/* Ι.Ν. ΚΟΙΜΗΣΕΩΣ ΤΗΣ ΘΕΟΤΟΚΟΥ, 40 ΕΚΚΛΗΣΙΕΣ — Η ΛΙΣΤΑ ΤΩΝ ΧΑΡΤΙΩΝ ΤΗΣ ΒΑΠΤΙΣΗΣ (ο λόγος του Bill, 6/10/2026 18:54).
   Το ίδιο κομμάτι σε τρία σημεία: στην οθόνη «Η αίτησή σας στάλθηκε», στη σελίδα «Τι χαρτιά χρειάζονται;» και στο «Οι αιτήσεις μου».
   Τα λόγια είναι του ναού (ρυθμίσεις της ενορίας)· εδώ μόνο πώς φαίνονται. Χρώματα: τα ονόματα που έχουν ΚΑΙ τα δύο φύλλα
   (του γραφείου και της φόρμας). Τυπώνεται σκέτο, με την απάντηση που έχει πατηθεί. */
@import url("xromata.css") screen;

.x-xartia { margin: 0 0 18px; text-align: left; }
.x-eisagogi { margin: 0 0 14px; font-size: 16px; line-height: 1.55; color: var(--melani-2); }
.x-lista { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.x-lista li { padding: 2px 0 2px 14px; border-left: 3px solid var(--xryso); }
.x-titlos { display: block; font-size: 17px; line-height: 1.4; font-weight: 600; color: var(--melani); overflow-wrap: anywhere; }
.x-pou { display: block; margin-top: 2px; font-size: 15px; line-height: 1.5; color: var(--melani-2); overflow-wrap: anywhere; }
.x-erotisi { margin: 18px 0 0; padding: 14px 16px 16px; border: 1px solid var(--grammi); border-radius: 6px; background: var(--xarti-2); }
.x-erotisi-titlos { margin: 0 0 10px; font: 700 17px/1.3 var(--etiketa); color: var(--melani); }
.x-koumpia { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 14px; }
.x-koumpi { flex: 1 1 130px; min-height: 48px; padding: 8px 14px; border: 1px solid var(--kokkino-vathy); border-radius: 4px; background: transparent; color: var(--kokkino-vathy); font: 700 16px/1.25 var(--etiketa); cursor: pointer; }
.x-koumpi[aria-pressed="true"] { background: var(--kokkino-vathy); color: var(--fyllo); }
.x-epilogi + .x-epilogi { margin-top: 14px; }
.x-epilogi-titlos { margin: 0 0 8px; font: 700 15px/1.3 var(--etiketa); letter-spacing: .04em; color: var(--melani-2); }
/* με το σενάριο, η απάντηση φαίνεται πάνω στο κουμπί της: η επικεφαλίδα της μένει μόνο για την εκτύπωση */
.x-me-koumpia .x-epilogi-titlos { display: none; }
.x-simeiosi { margin: 10px 0 0; font-size: 15px; line-height: 1.5; color: var(--melani-2); }
.x-simeioseis { margin: 18px 0 0; display: grid; gap: 10px; }
.x-simeioseis p { margin: 0; font-size: 15px; line-height: 1.55; color: var(--melani-2); overflow-wrap: anywhere; }
[hidden].x-epilogi, [hidden].x-koumpia, [hidden].x-typose { display: none !important; }

/* ── η σελίδα «Τι χαρτιά χρειάζονται;» και το «Οι αιτήσεις μου»: ό,τι δεν έχει ήδη το φύλλο του γραφείου ── */
.g-stili { width: min(680px, 100% - 32px); }
.g-stili > h1 { margin-bottom: 14px; }
.g-stili > h2 { margin: 36px 0 12px; font: 400 13px/1.4 var(--etiketa); letter-spacing: .14em; text-transform: uppercase; color: var(--kokkino-vathy); }
.g-stili > .g-protasi { margin-top: 8px; color: var(--melani-2); }
.g-grafeio-til { margin-top: 18px; font-size: 16px; }
.g-grafeio-til a { display: inline-flex; align-items: center; min-height: 44px; }
.g-kato { margin-top: 24px; font-size: 15px; line-height: 1.55; color: var(--melani-2); text-wrap: pretty; }
.g-kato a, .g-mikros-syndesmos { display: inline-flex; align-items: center; min-height: 44px; }
.g-praxeis-kato { display: flex; flex-wrap: wrap; gap: 10px 14px; margin-top: 22px; }
.g-syndedemenos { margin-top: 6px; font-size: 15px; color: var(--melani-2); overflow-wrap: anywhere; }
.g-dikes { list-style: none; margin: 18px 0 0; padding: 0; display: grid; gap: 10px; }
.g-diki { padding: 16px 20px; background: var(--fyllo); border: 1px solid var(--grammi); border-radius: 6px; }
.g-diki-arithmos { font: 400 22px/1.3 var(--titlos); font-variant-numeric: tabular-nums lining-nums; color: var(--kokkino-vathy); }
.g-diki-pote { margin-top: 2px; font-size: 15px; color: var(--axno); }
.g-diki-pou { margin-top: 8px; font-size: 17px; line-height: 1.45; color: var(--melani); }

/* (14/10/2026, η τελευταία ροή) η σελίδα «Τα χαρτιά της βάπτισης»: ένα κουτάκι «το έχω» μπροστά σε κάθε χαρτί (τα τικ μένουν στον browser του
   ανθρώπου), και η παράγραφος της Μητρόπολης σε σύντομες γραμμές. Μόνο στην οθόνη. */
.xp-me-tik { position: relative; padding-left: 50px !important; min-height: 44px; border-left: 0 !important; }
.xp-pou-grammi { display: block; }
.xp-pou-grammi + .xp-pou-grammi { margin-top: 6px; }
/* (15/10/2026) η Μητρόπολη σε τρεις σύντομες γραμμές, με ένα λεπτό χρυσό σημάδι η καθεμία· τα λόγια του ναού όπως είναι μόνο στο χαρτί */
.xp-pou-typoma { display: none; }
.xp-pou-syntomo { position: relative; padding-left: 14px; }
.xp-pou-syntomo::before { content: ""; position: absolute; left: 0; top: .62em; width: 5px; height: 5px; background: var(--xryso); transform: rotate(45deg); }
.xp-tik { position: absolute; left: 0; top: 0; width: 36px; height: 36px; margin: 2px 0; border: 1.5px solid var(--xryso); border-radius: 6px; background: var(--fyllo); cursor: pointer; }
.xp-tik::after { content: ""; position: absolute; left: 12px; top: 6px; width: 8px; height: 15px; border: solid var(--kokkino-vathy); border-width: 0 3px 3px 0; transform: rotate(45deg); opacity: 0; }
.xp-tik[aria-pressed="true"] { border-color: var(--kokkino-vathy); }
.xp-tik[aria-pressed="true"]::after { opacity: 1; }
.xp-to-exo .x-titlos { color: var(--melani-2); }
.xp-mitropoli { display: grid; gap: 8px; }
.xp-mitropoli-lista, .xp-mitropoli-epafi { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.xp-mitropoli-lista li { padding-left: 14px; border-left: 3px solid var(--grammi); font-size: 16px; line-height: 1.45; color: var(--melani); }
.xp-mitropoli-arxi { margin: 6px 0 0; font-size: 15px; line-height: 1.5; color: var(--melani-2); }
.xp-mitropoli-epafi li { font-size: 16px; line-height: 1.45; color: var(--melani); }
.xp-mitropoli-epafi a { display: inline-flex; align-items: center; min-height: 44px; }

.xp-me-tik { cursor: pointer; }
@media print {
  .xp-tik, .xp-dialexte { display: none !important; }
  /* (15/10/2026, βράδυ· οι κριτές: τα τικ δεν τυπώνονταν) ό,τι τσεκαρίστηκε τυπώνεται τσεκαρισμένο: το τικ ζωγραφίζεται πάνω στο κουτί του χαρτιού */
  .xp-me-tik.xp-to-exo { position: relative; }
  .xp-me-tik.xp-to-exo::after { content: ""; position: absolute; left: 6px; top: 9px; width: 4px; height: 9px; border: solid var(--kokkino-vathy); border-width: 0 2px 2px 0; transform: rotate(45deg); }
  html.es-typoma .xp-me-tik.xp-to-exo::after { left: 3pt; top: 5.5pt; width: 2.5pt; height: 5.5pt; border-width: 0 1.5px 1.5px 0; }
  /* (15/10/2026) on paper the empty tick box of esoterikes-selides.css sits at left:0, so the title starts 30px in, never under the box */
  .xp-me-tik { padding-left: 30px !important; }
  .xp-pou-typoma { display: inline !important; }
  .xp-pou-syntomo { display: none !important; }
  .x-koumpia, .x-typose, .g-praxeis-kato, .g-kato, .g-kefali-dexia { display: none !important; }
  .x-me-koumpia .x-epilogi-titlos { display: block; }
  .x-erotisi { border: 0; padding: 0; background: none; }
  .x-lista li { border-left: 0; padding-left: 0; }
}

@media screen and (max-width: 900px) {
  /* στο κινητό (7/10/2026): ό,τι διαβάζεται 16px, όπως στη δημόσια σελίδα */
  .x-pou, .x-simeiosi, .x-simeioseis p, .g-kato, .g-diki-pote, .g-syndedemenos { font-size: 16px; }
}