/* Ι.Ν. ΚΟΙΜΗΣΕΩΣ ΤΗΣ ΘΕΟΤΟΚΟΥ, 40 ΕΚΚΛΗΣΙΕΣ — Η ΤΑΙΝΙΑ ΤΩΝ ΑΝΑΚΟΙΝΩΣΕΩΝ (14/10/2026, οι διορθώσεις του Bill, σημείο 2· μαζί με το tainia.js).
   Ο λόγος του Bill: «αυτη η μπαρα ειναι ωραια να εμφανιζεται απο κατω μονο οταν την ενεργοποιει ο πατερ και να εχει αργα κεινουμενο κειμενο που παει
   αριστερα αφηνει κενο και συνεχιζει … δεν θα χρειαζεται ομως να κανει scroll down καποιος για να εμφανιστει αυτο θα ειναι εξαρχης ντος ορασης».
   Άρα: η ίδια κόκκινη λωρίδα με τα χρυσά γράμματα της παλιάς κορδέλας, ΜΕΣΑ στην πρώτη οθόνη, στο κάτω άκρο της· όχι κολλημένη στην οθόνη όσο κυλάς.
   Υπάρχει μόνο όταν το tainia.js τη φτιάξει (ο ιερέας έβαλε ανακοίνωση στην ταινία και δεν πέρασε η ώρα της). Χρώματα μόνο από το xromata.css. */
@import url("xromata.css") screen;

@media screen {
  .iroas.me-tainia { --tainia-ypsos: 46px; position: relative; }
  /* Η ταινία ακολουθεί το κουμπί στη ροή, ακόμη όταν τα γράμματα μεγαλώσουν. */
  .iroas.me-tainia .wrap::after { content: none; }
  .iroas.proti-nea.me-tainia > .tainia { position: relative; z-index: 3; top: auto; bottom: auto; flex: none; align-self: stretch; width: 100%; min-width: 0; box-sizing: border-box; }
  .tainia { display: flex; align-items: stretch; height: var(--tainia-ypsos, 46px); background: var(--vyssini); color: var(--xryso-2); border-top: 1px solid color-mix(in srgb, var(--xryso-fos) 35%, transparent); }
  /* η λέξη μπροστά, ακίνητη: λέει τι είναι αυτό που περνά */
  .tainia-etiketa { position: relative; z-index: 1; flex: none; display: flex; align-items: center; gap: 10px; padding: 0 16px 0 max(24px, env(safe-area-inset-left, 0px), calc((100vw - 1180px) / 2)); background: var(--kokkino-nyxta); font: 400 13px/1 var(--etiketa); letter-spacing: .14em; text-transform: uppercase; color: var(--xryso-fos); white-space: nowrap; }
  .tainia-etiketa::before { content: ""; flex: none; width: 7px; height: 7px; background: var(--xryso-fos); transform: rotate(45deg); }
  .tainia-etiketa::after { content: ""; position: absolute; top: 0; bottom: 0; right: -14px; width: 14px; background: linear-gradient(90deg, var(--kokkino-nyxta), transparent); pointer-events: none; }
  .tainia-parathyro { position: relative; flex: 1 1 auto; min-width: 0; overflow: hidden; display: flex; align-items: center; }
  .tainia-keimeno { display: inline-flex; align-items: center; gap: 0; margin: 0; white-space: nowrap; font: 400 17px/1 var(--etiketa); letter-spacing: .04em; will-change: transform; transform: translateX(var(--tainia-apo, 16px)); }
  .tainia-keimeno.kineitai { animation: tainia-kylisi var(--tainia-xronos, 30s) linear var(--tainia-kathysterisi, 0s) infinite; }
  .tainia:hover .tainia-keimeno, .tainia:focus-within .tainia-keimeno { animation-play-state: paused; }
  .tainia-keimeno a { display: inline-flex; align-items: center; min-height: 44px; color: var(--fyllo); text-decoration: none; }
  .tainia-keimeno a:hover { text-decoration: underline; text-decoration-color: var(--xryso-fos); text-underline-offset: 4px; }
  .tainia-keimeno a:focus-visible { outline: 2px solid var(--xryso-fos); outline-offset: -4px; }
  /* (15/10/2026) a short line of the priest that is no post: the same letters, no link */
  .tainia-keimeno .tainia-grammi { display: inline-flex; align-items: center; min-height: 44px; color: var(--fyllo); }
  .tainia-pote { margin-left: 12px; color: var(--xryso-fos); }
  .tainia-xorisma { flex: none; width: 6px; height: 6px; margin: 0 26px; background: var(--xryso-fos); transform: rotate(45deg); opacity: .8; }
  @keyframes tainia-kylisi {
    from { transform: translateX(var(--tainia-apo, 100%)); }
    to { transform: translateX(var(--tainia-eos, -100%)); }
  }
  /* ΤΟ ΜΕΓΕΘΟΣ ΤΗΣ ΠΡΩΤΗΣ ΟΘΟΝΗΣ ΟΤΑΝ ΤΡΕΧΕΙ ΤΑΙΝΙΑ. Ο λόγος του Bill: «δεν θα χρειαζεται ομως να κανει scroll down καποιος για να εμφανιστει».
     Σε χαμηλά παράθυρα (κινητό με τις μπάρες του Safari, μικρό λάπτοπ) η ενότητα ήταν πιο ψηλή από την οθόνη και η ταινία έπεφτε από κάτω. Τώρα:
       στοίβα (κινητό): ο ναός δέχεται να μικρύνει ως το ένα πέμπτο του πλάτους, όπως στις γεμάτες μέρες, και σβήνει στα πλάγια· αυτό είναι γραμμένο
         στο proti.css (.me-tainia), γιατί οι μετρήσεις --proti-… ορίζονται μόνο εκεί·
       πλάτος (υπολογιστής), ως 820px ύψος: λιγότερος αέρας πάνω και κάτω από τη στήλη· ως 700px και το πλαίσιο πιο σφιχτό και η πρόταση «Από το 1929…»
         κρυμμένη, όπως είναι ήδη στο κινητό.
     Τίποτα από αυτά δεν αγγίζει την οθόνη χωρίς ταινία. */
  @media (min-width: 901px) and (min-aspect-ratio: 5/4) and (max-height: 820px) {
    .iroas.proti-nea.me-tainia .wrap { padding-top: 20px; padding-bottom: 18px; }
    .iroas.proti-nea.me-tainia .proti-omada { margin-top: 18px; }
  }
  @media (min-width: 901px) and (min-aspect-ratio: 5/4) and (max-height: 700px) {
    .iroas.proti-nea.me-tainia .ypo { display: none; }
    .iroas.proti-nea.me-tainia .simera { padding: 14px 22px 12px; }
    .iroas.proti-nea.me-tainia .simera li { padding: 4px 0; }
  }
  @media (max-width: 600px) {
    .iroas.me-tainia { --tainia-ypsos: 44px; }
    .tainia-etiketa { padding: 0 12px 0 max(24px, env(safe-area-inset-left, 0px)); font-size: 12px; letter-spacing: .12em; }
    .tainia-keimeno { font-size: 16px; }
  }
}
@media print { .tainia { display: none !important; } }