/* Liturgia slowa (/liturgia-slowa) na szablonach centralnych: widok view/liturgy/index.phtml, uklad tresci
   js/liturgy-page.js. Strona do czytania: miara wiersza ok. 64 znakow, pismo tekstu szablonu, naglowki jego krojem.
   Kolory wylacznie z tokenow palety; kolor dnia liturgicznego (data-lit na korzeniu strony) w kresce pod naglowkiem
   i w kropce szat, rubryki (refren, znaki psalmu, odpowiedzi) w kolorze glownym, jak czerwien rubryk w mszale. */

.lit {
  --lit-day: var(--sec);
  --lit-rubric: var(--pri-strong, var(--pri));
  --lit-measure: 64ch;
  --lit-text: clamp(17px, 1rem + .25vw, 19.5px);
  color: var(--ink);
}
.front-root[data-lit="green"] .lit { --lit-day: #3E7C46; }
.front-root[data-lit="purple"] .lit { --lit-day: #6B3FA0; }
.front-root[data-lit="red"] .lit { --lit-day: #C0392B; }
.front-root[data-lit="rose"] .lit { --lit-day: #D9779D; }
.front-root[data-lit="white"] .lit { --lit-day: #C9A227; } /* biel szat jako zloto, zeby kreska byla widoczna na jasnym tle */
.lit ::selection { background: color-mix(in srgb, var(--lit-rubric) 22%, transparent); color: inherit; }
.lit a { text-underline-offset: .22em; text-decoration-thickness: 1px; }
.lit :focus-visible { outline: 2px solid var(--lit-rubric); outline-offset: 3px; }
/* Ewangelia dnia z kolumny bocznej jest na tej stronie powtorzeniem */
.front-root:has([data-lit-page]) .front-sidebar .front-gospel { display: none; }

/* ---- Naglowek: tytul, data, dzien liturgiczny, kolor szat, rok i tydzien; kreska w kolorze dnia ---------------- */
.lit-head { position: relative; margin: 0 0 28px; padding-bottom: 22px; }
.lit-head::after { content: ""; position: absolute; left: 0; bottom: 0; width: min(100%, 220px); height: 3px; border-radius: 2px; background: var(--lit-day); }
.lit .lit-head__title { margin: 0; text-align: left; }
.lit-head__date { margin: 10px 0 0; font-size: clamp(22px, 1.6vw + 12px, 30px); font-weight: var(--heading-weight, 600); line-height: 1.2; letter-spacing: var(--heading-tracking, 0); text-transform: var(--heading-case, none); color: var(--ink); text-wrap: balance; }
.lit-head__feast { margin: 6px 0 0; max-width: var(--lit-measure); font-size: clamp(17px, .5vw + 14px, 20px); font-style: italic; line-height: 1.4; color: var(--ink-2, var(--ink)); text-wrap: balance; }
.lit-head__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 18px; margin: 12px 0 0; font-size: 14.5px; color: var(--ink-3, var(--ink)); }
.lit-head__meta:empty, .lit-head__cycle:empty { display: none; }
.lit-head__color { display: inline-flex; align-items: center; gap: 8px; }
.lit-head__dot { width: 12px; height: 12px; border-radius: 50%; background: var(--lit-day); box-shadow: 0 0 0 2px var(--surface, #fff), 0 0 0 3px color-mix(in srgb, var(--lit-day) 55%, transparent); }

/* ---- Odtwarzacz rozwazania i spis czytan ------------------------------------------------------------------- */
.lit-listen { max-width: 560px; margin: 0 0 30px; }
.lit-listen .mwd-player { margin: 0; }
.lit-toc { margin: 0 0 clamp(36px, 4vw, 52px); }
.lit-toc__list { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--border, rgba(0, 0, 0, .12)); }
.lit-toc__item { border-bottom: 1px solid var(--border, rgba(0, 0, 0, .12)); }
.lit-toc__link {
  display: grid; grid-template-columns: 9.5em 10.5em minmax(0, 1fr); align-items: baseline; gap: 4px 18px; padding: 12px 6px;
  color: var(--ink); text-decoration: none; transition: background-color .25s ease, padding-left .35s cubic-bezier(.2, .8, .2, 1);
}
.lit-toc__link:hover { padding-left: 12px; background: color-mix(in srgb, var(--lit-rubric) 6%, transparent); }
.lit-toc__kind { font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--lit-rubric); }
.lit-toc__ref { font-variant-numeric: tabular-nums; font-weight: 600; }
.lit-toc__incipit { color: var(--ink-2, var(--ink)); font-style: italic; }
.lit-toc__link:hover .lit-toc__incipit { color: var(--ink); }

/* ---- Czytania ---------------------------------------------------------------------------------------------- */
.lit-body #nd_liturgia { font-size: var(--lit-text); line-height: 1.75; }
.lit-body #nd_liturgia img { max-width: 100%; height: auto; }
.lit-body #nd_liturgia > div[style*="float"] { float: none !important; margin: 0 !important; }
.lit-reading { position: relative; max-width: calc(var(--lit-measure) + 2em); margin: 0 0 clamp(40px, 4vw, 56px); scroll-margin-top: 120px; }
.lit-reading__head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 20px; margin: 0 0 4px; padding-bottom: 8px; border-bottom: 1px solid var(--border, rgba(0, 0, 0, .12)); }
.lit .lit-reading__kind { display: inline-flex; align-items: center; gap: 10px; margin: 0; font-size: clamp(22px, 1.1vw + 14px, 28px); font-weight: var(--heading-weight, 600); line-height: 1.15; letter-spacing: var(--heading-tracking, 0); text-transform: var(--heading-case, none); color: var(--ink); }
.lit-reading__cross { width: .8em; height: .8em; flex: none; fill: none; stroke: var(--lit-rubric); stroke-width: 2.4; stroke-linecap: round; }
.lit-reading__ref { margin: 0; font-size: 15px; font-weight: 600; font-variant-numeric: tabular-nums; color: var(--lit-rubric); }
.lit-reading__incipit { margin: 10px 0 18px; font-size: 1.02em; font-style: italic; line-height: 1.45; color: var(--ink-2, var(--ink)); text-wrap: balance; }
.lit-reading :is(.nd_czytanie_tresc, .nd_psalm) { max-width: var(--lit-measure); margin: 0 0 1em; text-align: left; hyphens: manual; }
.lit-reading .nd_czytanie_tresc:empty { display: none; }
/* odpowiedz po czytaniu: rubryka z krotka kreska */
.lit-reading .nd_czytanie_odp { display: flex; align-items: center; gap: 12px; margin: 18px 0 0; font-size: .92em; font-style: italic; color: var(--lit-rubric); }
.lit-reading .nd_czytanie_odp::before { content: ""; width: 28px; height: 1px; background: currentColor; opacity: .6; }
/* psalm: refren z "R." jak w lekcjonarzu, strofy wierszami, znaki * i † jako rubryki */
.lit-reading .nd_psalm_refren { max-width: var(--lit-measure); margin: .4em 0 1em; font-weight: 700; line-height: 1.5; color: var(--ink); }
.lit-reading--psalm .nd_psalm_refren::before { content: "R. "; color: var(--lit-rubric); }
.lit-reading--psalm .lit-reading__incipit:empty { display: none; }
.lit-reading .nd_psalm { padding-left: 1.4em; line-height: 1.7; }
.lit-mark { color: var(--lit-rubric); font-weight: 700; }
.lit-reading--acclamation .nd_psalm_refren { color: var(--lit-rubric); font-style: italic; }
/* Ewangelia: lekko przyciemnione tlo calej sekcji i inicjal w kolorze rubryk */
.lit-reading--gospel { max-width: calc(var(--lit-measure) + 2em + 2 * clamp(20px, 3.2vw, 40px)); padding: clamp(22px, 3vw, 36px) clamp(20px, 3.2vw, 40px); border-radius: var(--radius-lg, 8px); background: color-mix(in srgb, var(--lit-rubric) 5%, var(--surface, #fff)); box-shadow: 0 10px 30px -18px rgba(0, 0, 0, .35); }
.lit-reading--gospel :is(.lit-reading__head, .lit-reading__incipit) + .nd_czytanie_tresc::first-letter { float: left; margin: .06em .1em 0 0; font-family: var(--font-serif); font-size: 3.2em; font-weight: 700; line-height: .82; color: var(--lit-rubric); }
/* przyjscie do sekcji ze spisu: tlo rozjasnia sie i gasnie (jedyny ruch na stronie) */
.lit-reading.is-arrived { animation: lit-arrive 1.6s cubic-bezier(.2, .8, .2, 1); }
@keyframes lit-arrive { from { box-shadow: 0 0 0 14px color-mix(in srgb, var(--lit-rubric) 14%, transparent); background-color: color-mix(in srgb, var(--lit-rubric) 10%, transparent); } }
.lit-reading:not(.lit-reading--gospel).is-arrived { border-radius: var(--radius-md, 4px); }

/* ---- Brak tresci i stopka zrodla --------------------------------------------------------------------------- */
.lit-fallback { max-width: var(--lit-measure); padding: 18px 20px; border-radius: var(--radius-md, 4px); background: var(--surface, #fff); }
.lit-source { margin-top: clamp(36px, 4vw, 56px); padding-top: 24px; border-top: 1px solid var(--border, rgba(0, 0, 0, .12)); font-size: 15px; color: var(--ink-2, var(--ink)); }
.lit-source__reflections { margin-bottom: 26px; }
.lit .lit-source__title { margin: 0 0 12px; font-size: 21px; font-weight: var(--heading-weight, 600); letter-spacing: var(--heading-tracking, 0); text-transform: var(--heading-case, none); color: var(--ink); }
.lit-source__list { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr)); gap: 2px 24px; margin: 0; padding: 0; list-style: none; }
.lit-source__link { display: flex; align-items: center; gap: 10px; padding: 8px 0; border-bottom: 1px solid var(--border, rgba(0, 0, 0, .1)); color: var(--ink); text-decoration: none; transition: color .2s, gap .3s cubic-bezier(.2, .8, .2, 1); }
.lit-source__link::after { content: "→"; margin-left: auto; color: var(--lit-rubric); transition: transform .3s cubic-bezier(.2, .8, .2, 1); }
.lit-source__link:hover { color: var(--lit-rubric); }
.lit-source__link:hover::after { transform: translateX(3px); }
.lit-source__credit, .lit-source__contact { margin: 6px 0; }
.lit-source__credit a, .lit-source__contact a { color: inherit; }
.lit-source__promo { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin-top: 18px; }
.lit-source__promo :is(div, p) { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 !important; float: none !important; }
.lit-source__promo br { display: none; }
.lit-source__promo img { max-height: 120px; width: auto; }

@media (max-width: 760px) {
  .lit-toc__link { grid-template-columns: auto minmax(0, 1fr); gap: 2px 12px; padding: 11px 2px; }
  .lit-toc__incipit { grid-column: 1 / -1; font-size: 15px; }
  .lit-reading .nd_psalm { padding-left: .8em; }
  .lit-reading--gospel { margin-inline: calc(-1 * var(--tresc-pad, 16px)); border-radius: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .lit *, .lit *::after { transition: none !important; animation: none !important; }
  .lit-reading.is-arrived { animation: none; }
}