/* ==========================================================================
Renovatio: pagina unei predici. Stil editorial, alb, ușor de citit.
Fără umbre, fără animații, fără decor. Serif pentru lectură, Inter pentru interfață.
Se încarcă după intro.css și suprascrie doar ce apare pe această pagină.
========================================================================== */
.pagina-predica {
--p-fundal: #ffffff;
--p-fundal-2: #f6f6f5;
--p-text: #141414; /* titluri */
--p-text-2: #2b2b2b; /* text de citit */
--p-text-3: #6b6b6b; /* meta, date */
--p-linie: #e7e7e7;
--p-linie-2: #d4d4d4;
color: var(--p-text-2);
background: var(--p-fundal);
font-size: 1.125rem;
}
.pagina-predica::before { display: none; }
.pagina-predica *, .pagina-predica *::before, .pagina-predica *::after { box-shadow: none !important; animation: none !important; }
.pagina-predica ::selection { background: #f5d0d1; color: var(--p-text); }
/* Titluri în serif, sobru */
.pagina-predica h1, .pagina-predica h2, .pagina-predica h3, .pagina-predica h4 {
font-family: var(--font-serif); font-weight: 600; letter-spacing: -0.01em; color: var(--p-text);
}
/* Componente din intro.css, în varianta editorială */
.pagina-predica .buton { font-family: var(--font-text); font-size: 1.0625rem; padding: 15px 24px; border-radius: 4px; }
.pagina-predica .buton--rosu:hover { background: var(--rosu-inchis); }
.pagina-predica .buton--contur { color: var(--p-text); border-color: var(--p-linie-2); }
.pagina-predica .buton--contur:hover { border-color: var(--p-text); }
.pagina-predica .legatura { font-family: var(--font-text); font-size: 1rem; color: var(--p-text); border-bottom-width: 1px; }
.pagina-predica .legatura:hover { color: var(--rosu); border-color: var(--rosu); }
.pagina-predica .eticheta { font-family: var(--font-text); font-size: .8125rem; letter-spacing: .14em; gap: 0; margin-bottom: 14px; }
.pagina-predica .eticheta__cruce, .pagina-predica .pastila__punct { display: none; }
.pagina-predica .sectiune { padding-block: clamp(48px, 7vw, 88px); }
.pagina-predica .sectiune h2 { font-size: clamp(2rem, 4vw, 2.6rem); line-height: 1.15; }
/* Antet */
.antet-predica { --antet-h: 76px; position: sticky; top: 0; z-index: 40; background: var(--p-fundal); border-bottom: 1px solid var(--p-linie); }
.antet-predica__rand { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 20px; min-height: var(--antet-h, 76px); }
.antet-predica .meniu-sus { justify-self: center; }
.antet-predica__logo img { display: block; width: auto; height: 32px; }
.antet-predica__dreapta { display: flex; align-items: center; justify-content: flex-end; gap: 10px; min-width: 0; justify-self: end; }
.antet-predica__inapoi { font-family: var(--font-text); font-size: 1rem; font-weight: 600; color: var(--p-text); text-decoration: none; padding: 8px 0; white-space: nowrap; }
.antet-predica__inapoi:hover { color: var(--rosu); }
.antet-predica__inapoi span { color: var(--p-text-3); margin-right: 4px; }
.cadru--video { max-width: 1040px; }
.cadru--text { max-width: 700px; }
/* Capul paginii */
.predica__cap { padding: 24px 0 48px; background: var(--p-fundal); }
.firimituri ol { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 0; margin: 0 0 22px; padding: 0; list-style: none; font: .8125rem/1.3 var(--font-text); letter-spacing: .01em; color: var(--p-text-3); } /* aliniate la stânga, pe linia logoului; separator = unghi subțire, nu „/” */
.firimituri li { display: inline-flex; align-items: center; }
.firimituri li + li::before { content: ""; flex: 0 0 auto; width: 5px; height: 5px; margin: 0 10px 0 9px; border-top: 1.5px solid var(--p-linie-2); border-right: 1.5px solid var(--p-linie-2); transform: rotate(45deg); }
.firimituri a { color: var(--p-text-3); text-decoration: none; transition: color .12s ease; }
.firimituri a:hover { color: var(--rosu); }
.firimituri [aria-current] { color: var(--p-text-2); font-weight: 500; }
.player--predica { border: 0; border-radius: 4px; background: #000; }
.player--predica .player__fatada { background: #000; }
.player--predica .player__fatada::after, .player--predica .player__cruce { display: none; }
.player--predica .player__poster { opacity: 1; transition: none; }
.player--predica .player__fatada:hover .player__poster { opacity: 1; transform: none; }
.player--predica .player__play { transform: translate(-50%, -50%); width: 76px; height: 76px; transition: background .15s ease; }
.player--predica .player__fatada:hover .player__play { transform: translate(-50%, -50%); background: var(--rosu-inchis); }
.predica__antet { max-width: 700px; margin: 48px auto 0; }
.predica__antet .eticheta { margin-bottom: 16px; }
.predica__titlu { font-size: clamp(2.6rem, 5.4vw, 4rem); line-height: 1.06; margin: 0 0 16px; text-wrap: balance; }
.predica__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 2px; margin: 0 0 32px; font-family: var(--font-text); color: var(--p-text-3); font-size: 1.0625rem; }
.predica__meta span:first-child { color: var(--p-text); font-weight: 600; }
/* Bara de acțiuni: un rând sobru între două linii fine */
.predica__actiuni {
display: flex; align-items: center; justify-content: space-between; gap: 16px;
padding: 16px 0; border-top: 1px solid var(--p-linie); border-bottom: 1px solid var(--p-linie);
}
.pagina-predica .predica__yt { height: 44px; padding: 0 18px; gap: 10px; font-size: 1rem; border-radius: 4px; white-space: nowrap; }
.pagina-predica .predica__yt svg { width: 18px; height: 18px; }
.predica__retele { display: flex; align-items: center; gap: 8px; }
.predica__retele-eticheta { margin-right: 8px; font-family: var(--font-text); font-size: .8125rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--p-text-3); }
.buton-rotund {
display: grid; place-items: center; width: 44px; height: 44px; border-radius: 4px; padding: 0;
background: var(--p-fundal); color: var(--p-text); border: 1px solid var(--p-linie-2); cursor: pointer;
transition: border-color .15s ease, color .15s ease;
}
.buton-rotund svg { width: 18px; height: 18px; }
.buton-rotund:hover { border-color: var(--p-text); color: var(--rosu); }
.predica__mesaj { min-height: 1.4em; margin: 8px 0 0; font-family: var(--font-text); font-size: .9375rem; color: #1f7a45; }
/* Verset cheie */
.predica__verset { background: var(--p-fundal-2); border-top: 1px solid var(--p-linie); border-bottom: 1px solid var(--p-linie); }
.predica__verset h2 { margin-bottom: 28px; }
.scriptura { margin: 0; padding: 0 0 0 24px; border-left: 2px solid var(--rosu); }
.scriptura::before { content: none; }
.scriptura p { margin: 0 0 1em; font-family: var(--font-serif); font-style: italic; font-size: clamp(1.3125rem, 1.9vw, 1.5rem); line-height: 1.62; color: var(--p-text-2); text-wrap: pretty; }
.scriptura p:last-child { margin-bottom: 0; }
/* Rezumat */
.predica__rezumat { background: var(--p-fundal); }
.predica__rezumat h2 { margin-bottom: 0; }
.parte { margin-top: clamp(36px, 5vw, 52px); padding-top: 18px; border-top: 2px solid var(--p-text); }
.parte--final { border-top-color: var(--rosu); }
.parte__titlu { display: block; font-size: clamp(1.75rem, 3vw, 2.1rem); line-height: 1.15; margin: 0 0 6px; }
.parte__eticheta { display: block; margin-bottom: 6px; font-family: var(--font-text); font-size: .8125rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--p-text-3); }
.parte--final .parte__eticheta { color: var(--rosu); }
.idei { margin: 0; padding: 0; list-style: none; }
.idei::before { content: none; }
.idee { display: grid; grid-template-columns: 2.4em minmax(0, 1fr); column-gap: 10px; padding: 26px 0; border-bottom: 1px solid var(--p-linie); }
.idee:last-child { border-bottom: 0; padding-bottom: 0; }
.idee__nr {
display: block; width: auto; height: auto; border: 0; border-radius: 0; background: none;
font-family: var(--font-serif); font-weight: 600; font-size: 1.5rem; line-height: 1.3; color: var(--rosu);
font-variant-numeric: lining-nums tabular-nums;
}
.idee__corp h4 { margin: 0 0 10px; font-size: clamp(1.375rem, 2.1vw, 1.5rem); line-height: 1.3; text-wrap: balance; }
.idee__corp p { margin: 0; font-family: var(--font-serif); font-size: clamp(1.25rem, 1.7vw, 1.375rem); line-height: 1.65; color: var(--p-text-2); text-wrap: pretty; }
/* Cele cinci etape: o simplă succesiune, fără decor */
.etape { display: flex; flex-wrap: wrap; align-items: baseline; row-gap: 6px; margin: 16px 0 0; padding: 14px 0 0; border-top: 1px solid var(--p-linie); list-style: none; font-family: var(--font-text); font-size: 1.0625rem; font-weight: 600; color: var(--p-text); }
.etape li { padding: 0; border: 0; border-radius: 0; background: none; }
.etape li::before { content: none; }
.etape li + li::before { content: "→"; display: inline; width: auto; height: auto; margin: 0 10px; border-radius: 0; background: none; font-weight: 400; color: var(--p-text-3); }
.etape li:last-child { color: var(--rosu); border: 0; background: none; }
.etape li:last-child::before { background: none; color: var(--p-text-3); }
/* Live-urile */
.predica__cta { border-top: 1px solid var(--p-linie); border-bottom: 1px solid var(--p-linie); background: var(--p-fundal); padding: 30px 0; }
.predica__cta-rand { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 24px; max-width: 700px; }
.predica__cta-text { margin: 0; font-family: var(--font-serif); font-weight: 600; font-size: clamp(1.375rem, 2.4vw, 1.6rem); color: var(--p-text); }
.predica__cta-butoane { display: flex; flex-wrap: wrap; gap: 10px; }
/* Alte predici */
.predica__alte { background: var(--p-fundal-2); border-top: 1px solid var(--p-linie); }
/* predicile înrudite: două pe rând, carduri încadrate, afișul în stânga și textul în dreapta (17 oct 2026) */
.predica__alte .videoclipuri, .predica__inrudite .videoclipuri, .videoclipuri--inrudite { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.predica__inrudite .videoclip a, .videoclipuri--inrudite .videoclip a { grid-template-columns: 148px minmax(0, 1fr); grid-template-rows: auto auto 1fr; align-items: start; gap: 4px 18px; padding: 14px; border: 1px solid var(--p-linie-2); border-radius: 12px; transition: border-color .15s ease; }
.predica__inrudite .videoclip a:hover, .videoclipuri--inrudite .videoclip a:hover { border-color: var(--p-text); }
.predica__inrudite .videoclip__poster, .videoclipuri--inrudite .videoclip__poster { grid-row: 1 / span 3; aspect-ratio: 16 / 9; border-radius: 6px; }
.predica__inrudite .videoclip__motiv { font-size: .6875rem; letter-spacing: .12em; }
.pagina-predica .predica__inrudite .videoclip__titlu, .pagina-predica .videoclipuri--inrudite .videoclip__titlu { font-size: 1.125rem; line-height: 1.3; }
.pagina-predica .predica__inrudite .videoclip__data, .pagina-predica .videoclipuri--inrudite .videoclip__data { font-size: .875rem; }
.pagina-predica .predica__inrudite .videoclip a:hover .videoclip__titlu, .pagina-predica .videoclipuri--inrudite .videoclip a:hover .videoclip__titlu { text-decoration: none; color: var(--rosu); }
.predica__inrudite { border-top: 1px solid var(--p-linie); }
.videoclip__motiv { display: block; font-family: var(--font-text); font-size: .75rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--rosu); }
.pagina-predica .videoclip a { color: var(--p-text-2); gap: 12px; }
.pagina-predica .videoclip__poster { background: #e9e9e9; border: 0; border-radius: 4px; }
.pagina-predica .videoclip__poster img { opacity: 1; transition: none; }
.pagina-predica .videoclip a:hover .videoclip__poster img { transform: none; }
.pagina-predica .videoclip__play { display: none; }
.pagina-predica .videoclip__durata { left: 8px; top: 8px; border-radius: 2px; font-family: var(--font-text); }
.pagina-predica .videoclip__titlu { font-family: var(--font-serif); font-weight: 600; font-size: 1.25rem; line-height: 1.3; color: var(--p-text); }
.pagina-predica .videoclip a:hover .videoclip__titlu { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.pagina-predica .videoclip__data { font-family: var(--font-text); font-size: .9375rem; color: var(--p-text-3); }
.pagina-predica .videoclip--schelet { background: #ebebeb; }
@media (max-width: 760px) {
.predica__alte .videoclipuri, .predica__inrudite .videoclipuri, .videoclipuri--inrudite { grid-template-columns: 1fr; gap: 12px; }
.predica__inrudite .videoclip a, .videoclipuri--inrudite .videoclip a { grid-template-columns: 116px minmax(0, 1fr); gap: 3px 14px; padding: 10px; border-radius: 10px; }
.pagina-predica .predica__inrudite .videoclip__titlu, .pagina-predica .videoclipuri--inrudite .videoclip__titlu { font-size: 1.0625rem; }
}
/* Subsol */
.pagina-predica .subsol { background: var(--p-fundal); border-top-color: var(--p-linie); color: var(--p-text-3); font-size: 1rem; }
.pagina-predica .subsol__biserica strong { color: var(--p-text); }
.pagina-predica .subsol a { color: var(--p-text); border-bottom-color: var(--p-linie-2); }
.pagina-predica .subsol a:hover { color: var(--rosu); border-color: var(--rosu); }
/* Mobil: capul paginii centrat, textul de citit aliniat la stânga pentru lizibilitate */
@media (max-width: 760px) {
.pagina-predica { font-size: 1.0625rem; }
.antet-predica { --antet-h: 64px; }
.antet-predica__rand { grid-template-columns: auto 1fr; }
.antet-predica__logo img { height: 26px; }
.antet-predica__inapoi { font-size: .9375rem; }
.antet-predica__dreapta { gap: 12px; }
.predica__antet { text-align: center; }
.predica__antet .eticheta { justify-content: center; }
.predica__titlu { font-size: 2.5rem; }
.predica__meta { justify-content: center; }
/* meta pe trei rânduri: autor, data, apoi „Video · Citire” */
.predica__meta .meta__autor, .predica__meta .meta__data { flex-basis: 100%; }
.predica__meta .meta__data::before, .predica__meta .meta__durata::before { content: none; }
.predica__antet { margin-top: 32px; }
.predica__meta { margin-bottom: 24px; }
.predica__actiuni { padding: 12px 0; gap: 12px; }
.doar-lat, .predica__retele-eticheta { display: none; }
.pagina-predica .predica__yt { padding: 0 16px; }
.predica__retele { gap: 6px; }
.buton-rotund { width: 44px; height: 44px; }
.predica__mesaj { text-align: center; }
.scriptura { padding-left: 16px; }
.scriptura p { font-size: 1.3125rem; }
.idee { grid-template-columns: 2em minmax(0, 1fr); column-gap: 8px; padding: 22px 0; }
.idee__nr { font-size: 1.3125rem; }
.idee__corp h4 { font-size: 1.3125rem; }
.idee__corp p { font-size: 1.25rem; }
.predica__cta-rand { flex-direction: column; align-items: flex-start; }
.predica__alte .sectiune__cap--rand { flex-direction: row; align-items: end; text-align: left; }
}
/* Telefoane foarte înguste: butonul și pictogramele pe două rânduri, centrate */
@media (max-width: 374px) {
.predica__actiuni { flex-wrap: wrap; justify-content: center; row-gap: 12px; }
}
/* Momentul din predică: link spre secunda exactă din video */
.player--predica { scroll-margin-top: 84px; }
.idee__moment {
display: inline-flex; align-items: center; gap: 8px; margin-top: 14px; padding: 2px 0;
font-family: var(--font-text); font-size: .9375rem; font-weight: 600; color: var(--p-text); text-decoration: none;
}
.idee__moment svg { width: 11px; height: 11px; color: var(--rosu); flex: 0 0 auto; }
.idee__timp { font-variant-numeric: tabular-nums; color: var(--rosu); }
.idee__moment:hover .idee__moment-text, .idee__moment:hover .idee__timp { text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.idee--acum .idee__moment { color: var(--rosu); }
/* ==========================================================================
Ritm aerisit: titluri care respiră, separări curate, secțiuni bine despărțite.
Scară de spațiere: 8 · 16 · 24 · 32 · 48 · 64 · 112
========================================================================== */
.pagina-predica .sectiune { padding-block: clamp(80px, 10vw, 120px); }
.pagina-predica .eticheta { margin-bottom: 16px; }
.pagina-predica .sectiune h2 { line-height: 1.12; }
.predica__verset h2 { margin-bottom: 40px; }
.scriptura p { margin-bottom: 1.2em; }
.predica__rezumat h2 { margin-bottom: 0; }
.parte { margin-top: 64px; padding-top: 32px; border-top-width: 2px; }
.parte + .parte { margin-top: 80px; }
.parte__eticheta { margin-bottom: 12px; }
.parte__titlu { margin: 0 0 16px; line-height: 1.12; }
.idee { padding: 40px 0; column-gap: 16px; }
.idee:first-child { padding-top: 24px; }
.idee:last-child { padding-bottom: 8px; }
.idee__corp h4 { margin: 0 0 16px; line-height: 1.25; }
.idee__corp p { line-height: 1.7; }
.etape { margin-top: 24px; padding-top: 0; border-top: 0; row-gap: 10px; }
.idee__moment { margin-top: 24px; }
.predica__cta { padding: 40px 0; }
.predica__alte .sectiune__cap, .predica__inrudite .sectiune__cap { margin-bottom: 26px; }
@media (max-width: 760px) {
.pagina-predica .sectiune { padding-block: 72px; }
.predica__verset h2 { margin-bottom: 32px; }
.parte { margin-top: 48px; padding-top: 24px; }
.parte + .parte { margin-top: 64px; }
.idee { padding: 32px 0; column-gap: 10px; }
.idee:first-child { padding-top: 16px; }
.idee__corp h4 { margin-bottom: 12px; }
.etape, .idee__moment { margin-top: 20px; }
}
/* Notă discretă sub player (pregătire / pornire fără sunet) */
.player__nota { max-width: 700px; margin: 12px auto 0; font-family: var(--font-text); font-size: .9375rem; line-height: 1.45; color: var(--p-text-3); text-align: center; }
.player__nota[hidden] { display: none; }
/* ==========================================================================
Meta, trimitere moment, text conex, teme, transcriere, reluare
========================================================================== */
.predica__meta > * + *::before { content: "·"; margin: 0 .55em; color: var(--rosu); }
.predica__reluare {
max-width: 700px; margin: 12px auto 0; padding: 10px 14px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px 14px;
font-family: var(--font-text); font-size: .9375rem; color: var(--p-text-2); background: var(--p-fundal-2); border: 1px solid var(--p-linie); border-radius: 4px;
}
.predica__reluare[hidden] { display: none; }
.predica__reluare strong { font-variant-numeric: tabular-nums; }
.predica__reluare-buton { font: inherit; font-weight: 600; color: #fff; background: var(--rosu); border: 0; border-radius: 4px; padding: 7px 14px; cursor: pointer; }
.predica__reluare-buton:hover { background: var(--rosu-inchis); }
.predica__reluare-x { font: inherit; color: var(--p-text-3); background: none; border: 0; padding: 7px 2px; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.idee__actiuni { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 22px; margin-top: 24px; }
.idee__actiuni .idee__moment { margin-top: 0; }
.idee__trimite { display: inline-flex; align-items: center; gap: 6px; padding: 2px 0; font-family: var(--font-text); font-size: .9375rem; font-weight: 600; color: var(--p-text-3); text-decoration: none; }
.idee__trimite svg { width: 15px; height: 15px; }
.idee__trimite:hover { color: var(--p-text); }
.idee__trimite:hover span { text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.verset-conex { margin-top: 56px; padding-top: 32px; border-top: 1px solid var(--p-linie-2); }
.verset-conex .eticheta { margin-bottom: 12px; }
.verset-conex__titlu { font-size: clamp(1.6rem, 3vw, 2rem); line-height: 1.15; margin: 0 0 12px; }
.verset-conex__intro { margin: 0 0 28px; font-family: var(--font-text); font-size: 1rem; line-height: 1.5; color: var(--p-text-3); }
.predica__teme { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 18px; margin: 56px 0 0; padding-top: 24px; border-top: 1px solid var(--p-linie); font-family: var(--font-text); font-size: 1.0625rem; }
.predica__teme-eticheta { margin-right: 2px; font-size: .8125rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--p-text-3); }
.predica__teme a { font-weight: 600; color: var(--p-text); text-decoration: underline; text-decoration-color: var(--p-linie-2); text-underline-offset: 4px; text-decoration-thickness: 1px; }
.predica__teme a:hover { color: var(--rosu); text-decoration-color: var(--rosu); }
.predica__transcriere { background: var(--p-fundal); border-top: 1px solid var(--p-linie); }
.transcriere__nota { margin: 16px 0 32px; font-family: var(--font-text); font-size: .9375rem; line-height: 1.5; color: var(--p-text-3); }
.transcriere { border-top: 1px solid var(--p-linie); border-bottom: 1px solid var(--p-linie); }
.transcriere > summary { list-style: none; cursor: pointer; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 6px 16px; padding: 22px 0; font-family: var(--font-text); }
.transcriere > summary::-webkit-details-marker { display: none; }
.transcriere__deschide { font-size: 1.0625rem; font-weight: 600; color: var(--p-text); }
.transcriere__deschide::after { content: " +"; color: var(--rosu); white-space: pre; }
.transcriere[open] .transcriere__deschide::after { content: " –"; }
.transcriere > summary:hover .transcriere__deschide { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; }
.transcriere__info { font-size: .9375rem; color: var(--p-text-3); }
.transcriere__corp { padding: 8px 0 40px; }
.transcriere__capitol { display: flex; align-items: baseline; gap: 14px; margin: 48px 0 18px; padding-top: 28px; border-top: 1px solid var(--p-linie); font-size: clamp(1.3rem, 2.2vw, 1.5rem); line-height: 1.25; }
.transcriere__capitol:first-child { margin-top: 16px; }
.transcriere__capitol-nr { flex: 0 0 auto; color: var(--rosu); font-variant-numeric: lining-nums tabular-nums; }
.transcriere__paragraf { margin: 0 0 1.15em; font-family: var(--font-serif); font-size: 1.1875rem; line-height: 1.75; color: var(--p-text-2); }
.transcriere__timp { display: inline-block; margin-right: 10px; font-family: var(--font-text); font-size: .8125rem; font-weight: 600; color: var(--rosu); text-decoration: none; font-variant-numeric: tabular-nums; vertical-align: 1px; }
.transcriere__timp:hover { text-decoration: underline; text-underline-offset: 3px; }
.transcriere__paragraf span[data-t] { cursor: pointer; border-radius: 2px; }
.transcriere__paragraf span[data-t]:hover { background: #f3f3f3; }
.transcriere__paragraf span.t--acum { background: #fbe4e4; color: var(--p-text); }
/* ==========================================================================
Arhiva de predici (/predici/)
========================================================================== */
.arhiva { padding: 24px 0 104px; background: var(--p-fundal); }
.cadru--arhiva { max-width: 920px; }
.arhiva__cap { margin: 32px 0 40px; }
.arhiva__titlu-pagina { margin: 0 0 18px; font-size: clamp(2.6rem, 5.4vw, 3.8rem); line-height: 1.06; }
.arhiva__intro { max-width: 640px; margin: 0; font-family: var(--font-serif); font-size: 1.3125rem; line-height: 1.6; color: var(--p-text-2); }
.arhiva__filtre { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 14px; margin: 0 0 24px; padding: 22px 0; border-top: 1px solid var(--p-linie); border-bottom: 1px solid var(--p-linie); }
.arhiva__camp { display: grid; gap: 8px; }
.arhiva__camp label { font-family: var(--font-text); font-size: .8125rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--p-text-3); }
.arhiva__camp input, .arhiva__camp select {
width: 100%; padding: 12px 12px; font-family: var(--font-text); font-size: 1rem; color: var(--p-text);
background: var(--p-fundal); border: 1px solid var(--p-linie-2); border-radius: 4px; appearance: none;
}
.arhiva__camp select { padding-right: 34px; background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-position: right 12px center; }
.arhiva__camp input:focus, .arhiva__camp select:focus { outline: 2px solid var(--p-text); outline-offset: 1px; }
.arhiva__numar { margin: 0 0 4px; font-family: var(--font-text); font-size: .9375rem; color: var(--p-text-3); }
.arhiva__lista { margin: 0; padding: 0; list-style: none; }
.arhiva__item { border-bottom: 1px solid var(--p-linie); }
.arhiva__link { display: grid; grid-template-columns: 208px minmax(0, 1fr); gap: 28px; align-items: center; padding: 28px 0; color: inherit; text-decoration: none; }
.arhiva__poster { display: block; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 4px; background: #ececec; }
.arhiva__poster img { width: 100%; height: 100%; object-fit: cover; }
.arhiva__corp { display: grid; gap: 8px; min-width: 0; }
.arhiva__meta { font-family: var(--font-text); font-size: .9375rem; color: var(--p-text-3); }
.arhiva__titlu { font-family: var(--font-serif); font-weight: 600; font-size: 1.5rem; line-height: 1.25; color: var(--p-text); }
.arhiva__link:hover .arhiva__titlu { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.arhiva__extra { font-family: var(--font-text); font-size: .875rem; font-weight: 600; color: var(--rosu); }
.arhiva__extra--yt { font-weight: 400; color: var(--p-text-3); }
.arhiva__gol { padding: 32px 0; font-family: var(--font-text); color: var(--p-text-3); }
.arhiva__gol[hidden] { display: none; }
.arhiva__reset { font: inherit; color: var(--p-text); background: none; border: 0; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.arhiva__youtube { margin-top: 48px; }
@media (max-width: 760px) {
.idee__actiuni { margin-top: 20px; gap: 8px 18px; }
.verset-conex { margin-top: 44px; padding-top: 28px; }
.predica__teme { margin-top: 44px; }
.transcriere__paragraf { font-size: 1.125rem; }
.arhiva__cap { margin: 24px 0 32px; }
.arhiva__intro { font-size: 1.1875rem; }
.arhiva__filtre { grid-template-columns: 1fr 1fr; }
.arhiva__camp--cautare { grid-column: 1 / -1; }
.arhiva__link { grid-template-columns: 128px minmax(0, 1fr); gap: 16px; padding: 20px 0; align-items: start; }
.arhiva__titlu { font-size: 1.1875rem; }
.arhiva__meta, .arhiva__extra { font-size: .8125rem; }
}
@media (max-width: 760px) {
.predica__reluare { padding: 8px 10px; gap: 6px 10px; font-size: .875rem; }
.predica__reluare-buton { padding: 6px 12px; }
}
/* ==========================================================================
Personaj cheie, repere, text conex pliabil, verset restrâns,
căutare live în transcriere, căutare în arhivă
========================================================================== */
.predica__despre { margin: -4px 0 18px; font-family: var(--font-serif); font-style: italic; font-size: clamp(1.25rem, 2vw, 1.45rem); line-height: 1.4; color: var(--p-text-2); }
.predica__despre a { color: var(--p-text); font-style: normal; font-weight: 600; text-decoration: underline; text-decoration-color: var(--rosu); text-decoration-thickness: 1px; text-underline-offset: 4px; }
.predica__despre a:hover { color: var(--rosu); }
.predica__repere { display: grid; gap: 14px; margin-top: 56px; padding-top: 24px; border-top: 1px solid var(--p-linie); }
.predica__repere .predica__teme { margin: 0; padding: 0; border: 0; }
/* Text conex: titlul și contextul vizibile, textul la clic */
.verset-conex__detalii > summary { list-style: none; cursor: pointer; display: inline-flex; padding: 4px 0; font-family: var(--font-text); }
.verset-conex__detalii > summary::-webkit-details-marker { display: none; }
.verset-conex__deschide { font-size: 1.0625rem; font-weight: 600; color: var(--p-text); }
.verset-conex__deschide::after { content: " +"; color: var(--rosu); white-space: pre; }
.verset-conex__detalii[open] .verset-conex__deschide::after { content: " –"; }
.verset-conex__detalii > summary:hover .verset-conex__deschide { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; }
.verset-conex__detalii[open] > summary { margin-bottom: 24px; }
.verset-conex__intro { margin-bottom: 18px; }
/* Versetul cheie pe jumătate, cu estompare spre fundal */
.scriptura.este-restrans { position: relative; overflow: hidden; }
.scriptura.este-restrans::after {
content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 9em; pointer-events: none;
background: linear-gradient(to bottom, rgba(246, 246, 245, 0), var(--p-fundal-2) 88%);
}
.scriptura__comuta {
margin-top: 18px; padding: 6px 0; font-family: var(--font-text); font-size: 1.0625rem; font-weight: 600; color: var(--p-text);
background: none; border: 0; cursor: pointer;
}
.scriptura__comuta::after { content: " +"; color: var(--rosu); white-space: pre; }
.scriptura__comuta[aria-expanded="true"]::after { content: " –"; }
.scriptura__comuta:hover { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; }
.scriptura__comuta[hidden] { display: none; }
/* Căutare live în transcriere */
.cauta-t { margin: 0 0 32px; padding: 24px; background: var(--p-fundal-2); border: 1px solid var(--p-linie); border-radius: 4px; }
.cauta-t__eticheta { display: block; margin-bottom: 10px; font-family: var(--font-text); font-size: .8125rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--p-text-3); }
.cauta-t__camp {
width: 100%; padding: 14px 14px 14px 44px; font-family: var(--font-text); font-size: 1.0625rem; color: var(--p-text);
background: var(--p-fundal) url("data:image/svg+xml;utf8,") no-repeat 14px center;
border: 1px solid var(--p-linie-2); border-radius: 4px; appearance: none;
}
.cauta-t__camp:focus { outline: 2px solid var(--p-text); outline-offset: 1px; }
.cauta-t__repede { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 14px; margin: 14px 0 0; font-family: var(--font-text); font-size: .9375rem; }
.cauta-t__repede span { color: var(--p-text-3); }
.cauta-t__repede button { padding: 2px 0; font: inherit; font-weight: 600; color: var(--p-text); background: none; border: 0; cursor: pointer; text-decoration: underline; text-decoration-color: var(--p-linie-2); text-underline-offset: 4px; text-decoration-thickness: 1px; }
.cauta-t__repede button:hover { color: var(--rosu); text-decoration-color: var(--rosu); }
.cauta-t__rezultat { margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--p-linie); }
.cauta-t__rezultat[hidden] { display: none; }
.cauta-t__stare { margin: 0 0 14px; font-family: var(--font-text); font-size: .9375rem; color: var(--p-text-2); }
.cauta-t__harta { display: block; position: relative; width: 100%; height: 22px; padding: 0; background: none; border: 0; cursor: pointer; }
.cauta-t__harta-linie { position: absolute; left: 0; right: 0; top: 9px; height: 4px; background: var(--p-linie); border-radius: 2px; }
.cauta-t__reper { position: absolute; top: -5px; width: 2px; height: 14px; margin-left: -1px; background: var(--rosu); }
.cauta-t__capete { display: flex; justify-content: space-between; margin: 4px 0 16px; font-family: var(--font-text); font-size: .75rem; color: var(--p-text-3); font-variant-numeric: tabular-nums; }
.cauta-t__lista { margin: 0; padding: 0; list-style: none; }
.cauta-t__lista li + li { border-top: 1px solid var(--p-linie); }
.cauta-t__item { display: grid; grid-template-columns: 4.2em minmax(0, 1fr); gap: 10px; width: 100%; padding: 12px 0; text-align: left; background: none; border: 0; cursor: pointer; }
.cauta-t__timp { font-family: var(--font-text); font-size: .875rem; font-weight: 600; color: var(--rosu); font-variant-numeric: tabular-nums; padding-top: 3px; }
.cauta-t__text { font-family: var(--font-serif); font-size: 1.0625rem; line-height: 1.55; color: var(--p-text-2); }
.cauta-t__item:hover .cauta-t__text { color: var(--p-text); }
.cauta-t__item.este-ales .cauta-t__timp::before { content: "▶ "; }
.cauta-t mark, .transcriere__paragraf mark, .arhiva__fragment mark { background: #fbe4e4; color: var(--p-text); padding: 0 1px; border-radius: 2px; }
.cauta-t__mai-mult { margin-top: 12px; padding: 6px 0; font-family: var(--font-text); font-size: .9375rem; font-weight: 600; color: var(--p-text); background: none; border: 0; cursor: pointer; text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; }
/* Arhivă: personaj cheie, filtre pe cinci câmpuri, fragmente găsite */
.arhiva__despre { font-family: var(--font-text); font-size: .9375rem; color: var(--p-text-2); }
.arhiva__despre strong { font-weight: 600; color: var(--p-text); }
.arhiva__filtre { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.arhiva__camp--cautare { grid-column: 1 / -1; }
.arhiva__gasit { margin: -8px 0 24px calc(208px + 28px); }
.arhiva__gasit-sumar { margin: 0 0 8px; font-family: var(--font-text); font-size: .875rem; font-weight: 600; color: var(--p-text-3); }
.arhiva__fragmente { margin: 0; padding: 0; list-style: none; border-left: 2px solid var(--p-linie); }
.arhiva__fragment { display: block; padding: 8px 0 8px 14px; color: inherit; text-decoration: none; }
.arhiva__fragment-cap { display: block; margin-bottom: 2px; font-family: var(--font-text); font-size: .8125rem; font-weight: 600; color: var(--rosu); font-variant-numeric: tabular-nums; }
.arhiva__fragment-text { font-family: var(--font-serif); font-size: 1.0625rem; line-height: 1.5; color: var(--p-text-2); }
.arhiva__fragment:hover .arhiva__fragment-text { color: var(--p-text); }
@media (max-width: 760px) {
.predica__despre { margin-top: 0; }
.predica__repere { margin-top: 44px; }
.cauta-t { padding: 18px 16px; }
.cauta-t__item { grid-template-columns: 3.8em minmax(0, 1fr); }
.arhiva__filtre { grid-template-columns: 1fr 1fr; }
.arhiva__gasit { margin: -4px 0 20px 0; }
}
/* Video-ul te urmează când citești: card în dreapta jos (desktop), bară jos (telefon).
Playerul rămâne același element, doar devine fix; .player-loc îi ține locul în pagină.
Sunetul, redarea, revenirea la video-ul mare și închiderea au butoane proprii, mari: controalele YouTube sunt prea mici într-un mini-video. */
:root { --pl-l: clamp(300px, 30vw, 400px); --pl-vh: calc((var(--pl-l) - 2px) * 9 / 16); --pl-bara: 52px; --pl-dr: 24px; --pl-jos: 24px; }
.player-loc { display: none; aspect-ratio: 16 / 9; border-radius: 4px; background: var(--p-fundal-2); scroll-margin-top: 84px; }
.player-loc.este-activ { display: block; }
.player--predica.este-plutitor {
position: fixed; z-index: 51; right: calc(var(--pl-dr) + 1px); bottom: calc(var(--pl-jos) + 1px + var(--pl-bara));
width: calc(var(--pl-l) - 2px); height: var(--pl-vh); aspect-ratio: auto; border-radius: 5px 5px 0 0;
opacity: 0; transform: translateY(12px);
}
.plutitor {
position: fixed; z-index: 50; right: var(--pl-dr); bottom: var(--pl-jos); width: var(--pl-l); height: calc(var(--pl-vh) + var(--pl-bara) + 2px);
display: flex; align-items: center; gap: 4px; padding: var(--pl-vh) 6px 0 14px;
background: var(--p-fundal); border: 1px solid var(--p-linie-2); border-radius: 6px;
font-family: var(--font-text); color: var(--p-text);
opacity: 0; transform: translateY(12px);
}
.plutitor[hidden] { display: none; }
.player--predica.este-plutitor.este-vizibil, .plutitor.este-vizibil { opacity: 1; transform: none; transition: opacity .22s ease, transform .22s ease; }
.player--predica.este-plutitor .player__play { width: 52px; height: 52px; }
.player--predica.este-plutitor .player__play svg { width: 18px; height: 18px; }
.plutitor__text { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; justify-content: center; height: var(--pl-bara); }
.plutitor__text p { margin: 0; }
.plutitor__timp { font-size: .9375rem; font-variant-numeric: tabular-nums; white-space: nowrap; }
.plutitor__timp strong { font-weight: 600; color: var(--rosu); }
.plutitor__din { color: var(--p-text-3); }
.plutitor__fraza { display: none; }
.plutitor__nota { overflow: hidden; font-size: .8125rem; line-height: 1.3; color: var(--p-text-3); white-space: nowrap; text-overflow: ellipsis; }
.plutitor__nota[hidden] { display: none; }
.plutitor__butoane { display: flex; align-items: center; flex: 0 0 auto; }
.plutitor__buton { display: inline-grid; place-items: center; width: 40px; height: 40px; padding: 0; color: var(--p-text); background: none; border: 0; border-radius: 4px; cursor: pointer; }
.plutitor__buton:hover { color: var(--rosu); background: var(--p-fundal-2); }
.plutitor__buton.este-mut { color: var(--rosu); }
.plutitor__buton:focus-visible { outline: 2px solid var(--p-text); outline-offset: 1px; }
.plutitor__ecran { display: none; }
@media (prefers-reduced-motion: reduce) {
.player--predica.este-plutitor, .plutitor { transform: none; }
.player--predica.este-plutitor.este-vizibil, .plutitor.este-vizibil { transition: none; }
}
/* Telefon: bară jos pe toată lățimea. Video mic în stânga; în dreapta minutul, fraza de acum pe un singur rând
și un rând de patru butoane mari (sunet, redare, înapoi la video, închide). O atingere pe mini-video = redare/pauză. */
/* Tabletă (700–900px): cardul din colț stă deasupra barei de jos stil aplicație (--bara-app din intro.css). */
@media (max-width: 900px) {
:root { --pl-jos: calc(var(--bara-app, 0px) + env(safe-area-inset-bottom, 0px) + 12px); }
}
@media (max-width: 699px) {
/* --pl-sigur = ce e sub bara playerului: bara de jos stil aplicație (compactă cât rulează video-ul) + zona sigură a telefonului */
:root { --pl-vw: min(40vw, 164px); --pl-vh: calc(var(--pl-vw) * 9 / 16); --pl-pad: 8px; --pl-sigur: calc(var(--bara-app, 0px) + env(safe-area-inset-bottom, 0px)); }
.player--predica.este-plutitor { left: var(--pl-pad); right: auto; bottom: calc(var(--pl-pad) + var(--pl-sigur)); width: var(--pl-vw); height: var(--pl-vh); border-radius: 4px; }
.player--predica.este-plutitor .player__play { width: 38px; height: 38px; }
.player--predica.este-plutitor .player__play svg { width: 14px; height: 14px; margin-left: 2px; }
.plutitor {
left: 0; right: 0; bottom: 0; width: auto; height: calc(var(--pl-vh) + 2 * var(--pl-pad) + 1px + var(--pl-sigur));
display: grid; grid-template-columns: var(--pl-vw) minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) auto; column-gap: 10px; row-gap: 4px; align-items: start;
padding: var(--pl-pad) var(--pl-pad) calc(var(--pl-pad) + var(--pl-sigur));
border: 0; border-top: 1px solid var(--p-linie-2); border-radius: 0;
}
.plutitor__text { grid-column: 2; grid-row: 1; height: auto; min-height: 0; justify-content: flex-start; gap: 2px; overflow: hidden; }
.plutitor__timp { font-size: .875rem; line-height: 1.25; }
.plutitor__fraza { display: block; overflow: hidden; font-family: var(--font-serif); font-size: .875rem; line-height: 1.3; color: var(--p-text-2); white-space: nowrap; text-overflow: ellipsis; }
.plutitor__fraza.este-indiciu { font-family: var(--font-text); font-size: .8125rem; color: var(--p-text-3); }
.plutitor.are-nota .plutitor__fraza { display: none; }
.plutitor__butoane { grid-column: 2; grid-row: 2; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; align-self: end; }
.plutitor__buton { width: auto; height: 40px; border: 1px solid var(--p-linie-2); border-radius: 6px; background: var(--p-fundal); }
.plutitor__buton.este-mut { border-color: var(--rosu); }
.plutitor__ecran {
display: block; position: fixed; z-index: 52; left: var(--pl-pad); bottom: calc(var(--pl-pad) + var(--pl-sigur)); width: var(--pl-vw); height: var(--pl-vh);
padding: 0; background: transparent; border: 0; border-radius: 4px; -webkit-tap-highlight-color: transparent;
}
html:not(.are-plutitor) .plutitor__ecran, .plutitor__ecran[hidden] { display: none; }
html.are-plutitor.are-plutitor body { padding-bottom: calc(var(--pl-vh) + 2 * var(--pl-pad) + var(--pl-sigur)); }
}
/* Subsolul are tot z-index 1 și vine după main: cât plutește video-ul, main urcă un nivel (sub antet). */
html.are-plutitor .pagina-predica > main { z-index: 2; }
/* ===== Stratul playerului (player.js): un singur player YouTube pe document, în afara conținutului paginii, ca să rămână pornit
când se schimbă pagina (navigare.js). Andocat: stă fix peste locul lui din pagină (coordonate față de document, puse din JS);
plutitor: regulile .este-plutitor de mai sus (card în colț / bară jos). Stratul urcă peste bara capitolului (40) doar când plutește. ===== */
.strat-player { position: absolute; top: 0; left: 0; width: 100%; height: 0; z-index: 3; pointer-events: none; }
.strat-player > * { pointer-events: auto; }
.strat-player.este-plutitor { z-index: 55; }
.player--strat { position: absolute; margin: 0; aspect-ratio: auto; border-radius: 4px; overflow: hidden; background: #000; }
.player--strat[hidden] { display: none; }
.player--strat:not(.este-plutitor) { opacity: 0; pointer-events: none; transition: opacity .2s ease; } /* până răspunde YouTube se vede afișul din pagină */
.player--strat.este-gata:not(.este-plutitor) { opacity: 1; pointer-events: auto; }
.player--strat iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
/* locul din pagină: sub player cât e andocat; cât video-ul e în colț, afișul estompat și un îndemn */
.player--ocupat .player__play, .player--golit .player__play { display: none; }
.player--golit .player__fatada { cursor: pointer; }
.player--golit .player__poster { opacity: .35; }
.player--golit::after {
content: "Video-ul rulează în colț · atinge ca să-l aduci înapoi"; position: absolute; left: 50%; top: 50%; z-index: 3; transform: translate(-50%, -50%);
max-width: calc(100% - 32px); padding: 10px 16px; font: 500 .875rem/1.3 var(--font-text); color: #fff; text-align: center; background: rgba(0, 0, 0, .58); border-radius: 999px; pointer-events: none;
}
/* cardul: titlul video-ului (pe desktop mereu; pe telefon când pagina nu dă fraza curentă) */
.plutitor__titlu { overflow: hidden; font-size: .8125rem; line-height: 1.3; color: var(--p-text-2); white-space: nowrap; text-overflow: ellipsis; }
.plutitor__titlu:empty { display: none; }
@media (max-width: 699px) {
.plutitor__titlu { display: none; }
.plutitor.fara-fraza .plutitor__titlu { display: block; font-family: var(--font-serif); font-size: .875rem; color: var(--p-text-2); }
.plutitor.fara-fraza .plutitor__fraza { display: none; }
.player--golit::after { font-size: .8125rem; padding: 8px 12px; }
}
html.navigare-in-curs { cursor: progress; }
@media print { .strat-player { display: none !important; } }
/* Pagini generate din arhivă: text de bază fără citat, notă despre rezumatul automat */
.predica__baza { margin: -4px 0 18px; font-family: var(--font-text); font-size: 1.0625rem; line-height: 1.5; color: var(--p-text-2); }
.predica__baza strong { font-weight: 600; color: var(--p-text); }
.rezumat__nota { max-width: 700px; margin: 0 0 8px; padding: 14px 0 0; font-family: var(--font-text); font-size: .9375rem; line-height: 1.5; color: var(--p-text-3); }
.pagina-predica .predica__rezumat .rezumat__nota + .parte { margin-top: 28px; }
.rezumat__moment { color: var(--p-text); font-weight: 600; text-decoration: underline; text-decoration-color: var(--rosu); text-decoration-thickness: 1px; text-underline-offset: 3px; font-variant-numeric: tabular-nums; }
/* Citatul-dovadă sub fiecare idee (pagini generate): vorba exactă a predicatorului, fără decor */
.idee__citat { margin: 16px 0 0; padding: 0 0 0 18px; border-left: 2px solid var(--p-linie-2); }
.idee__corp .idee__citat p { margin: 0; font-family: var(--font-serif); font-style: italic; font-size: clamp(1.0625rem, 1.5vw, 1.1875rem); line-height: 1.6; color: var(--p-text-2); }
/* ---------- Zona editorială: pagina de autor ----------
Scară tipografică potolită: nume 3rem, frază de deschidere 1.375rem, text 1.1875rem. Fără cifre uriașe. */
.autor__cadru { max-width: 920px; }
.autor__col { max-width: 700px; }
.autor__cap { padding: 20px 0 8px; background: var(--p-fundal); }
.autor__intro { display: grid; grid-template-columns: 176px minmax(0, 1fr); gap: 0 40px; align-items: center; margin-top: 28px; }
.autor__foto { display: block; width: 176px; height: 176px; border-radius: 4px; object-fit: cover; background: var(--p-fundal-2); }
.autor__foto--monograma, .autori__foto--monograma { display: grid; place-items: center; font-family: var(--font-serif); font-weight: 600; color: var(--p-text-3); letter-spacing: .04em; }
.autor__foto--monograma { font-size: 3rem; }
.autor__nume { margin: 6px 0 8px; font-size: clamp(2.125rem, 4.2vw, 3rem); line-height: 1.08; letter-spacing: -0.02em; font-weight: 600; text-wrap: balance; }
.autor__rol { margin: 0 0 16px; font-family: var(--font-text); font-size: 1rem; color: var(--p-text-3); }
.autor__lead { margin: 0 0 16px; max-width: 34em; font-family: var(--font-serif); font-size: clamp(1.1875rem, 1.9vw, 1.375rem); line-height: 1.5; color: var(--p-text-2); text-wrap: pretty; }
.autor__meta { display: flex; flex-wrap: wrap; gap: 4px 18px; margin: 0; font-family: var(--font-text); font-size: .9375rem; color: var(--p-text-3); }
.autor__meta strong { font-family: var(--font-serif); font-size: 1.125rem; font-weight: 600; color: var(--p-text); }
.autor__titlu-sectiune { margin: 0 0 22px; font-size: clamp(1.5rem, 2.4vw, 1.75rem); line-height: 1.15; }
.pagina-predica .sectiune.autor__despre, .pagina-predica .sectiune.autor__serii, .pagina-predica .sectiune.autor__noi, .pagina-predica .sectiune.autor__repere, .pagina-predica .sectiune.autor__lista { padding: clamp(32px, 4.5vw, 48px) 0; border-top: 1px solid var(--p-linie); }
.pagina-predica .sectiune.autor__despre { margin-top: 28px; }
.autor__text { margin: 0 0 18px; font-family: var(--font-serif); font-size: clamp(1.125rem, 1.6vw, 1.1875rem); line-height: 1.7; color: var(--p-text-2); text-wrap: pretty; }
.autor__citat { margin: 28px 0 22px; padding: 0 0 0 20px; border-left: 2px solid var(--rosu); }
.autor__citat blockquote { margin: 0; }
.autor__citat p { margin: 0 0 8px; font-family: var(--font-serif); font-style: italic; font-size: clamp(1.25rem, 2vw, 1.5rem); line-height: 1.4; color: var(--p-text); }
.autor__citat figcaption, .autor__surse { font-family: var(--font-text); font-size: .875rem; line-height: 1.55; color: var(--p-text-3); }
.autor__surse { margin: 0 0 4px; }
.autor__citat a, .autor__surse a { color: inherit; text-decoration: underline; text-decoration-color: var(--p-linie-2); text-underline-offset: 3px; text-decoration-thickness: 1px; font-variant-numeric: tabular-nums; }
.autor__citat a:hover, .autor__surse a:hover { color: var(--rosu); text-decoration-color: var(--rosu); }
/* serii */
.autor__serie + .autor__serie { margin-top: 36px; }
.autor__serie-cap { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 16px; margin: 0 0 16px; }
.autor__serie-nume { margin: 0; font-size: 1.375rem; line-height: 1.2; }
.autor__serie-info { margin: 0; font-family: var(--font-text); font-size: .9375rem; color: var(--p-text-3); }
.autor__episoade { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin: 0; padding: 0; list-style: none; }
.autor__episoade a { display: grid; gap: 6px; text-decoration: none; color: inherit; }
.autor__ep-poza, .autor__nou-poza, .autor__predica-poza { display: block; overflow: hidden; border-radius: 3px; background: var(--p-fundal-2); aspect-ratio: 16 / 9; }
.autor__ep-poza img, .autor__nou-poza img, .autor__predica-poza img { display: block; width: 100%; height: 100%; object-fit: cover; }
.autor__ep-nr { font-family: var(--font-text); font-size: .8125rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--rosu); }
.autor__ep-titlu { font-family: var(--font-serif); font-weight: 600; font-size: 1.125rem; line-height: 1.3; color: var(--p-text); }
.autor__episoade a:hover .autor__ep-titlu { color: var(--rosu); }
/* cele mai noi */
.autor__noi-lista { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin: 0; padding: 0; list-style: none; }
.autor__nou a { display: grid; gap: 4px; text-decoration: none; color: inherit; }
.autor__nou-poza { margin-bottom: 8px; }
.autor__nou-data { font-family: var(--font-text); font-size: .875rem; color: var(--p-text-3); }
.autor__nou-titlu { font-family: var(--font-serif); font-weight: 600; font-size: 1.25rem; line-height: 1.25; color: var(--p-text); }
.autor__nou a:hover .autor__nou-titlu { color: var(--rosu); }
.autor__nou-baza { font-family: var(--font-text); font-size: .875rem; font-weight: 600; color: var(--p-text-2); }
/* repere (etichete) */
.autor__grup { margin: 0 0 24px; }
.autor__grup-titlu { margin: 0 0 10px; font-family: var(--font-text); font-size: .8125rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--p-text-3); }
.autor__etichete { display: flex; flex-wrap: wrap; gap: 8px 8px; margin: 0; padding: 0; list-style: none; }
.autor__etichete a { display: inline-block; padding: 5px 12px; font-family: var(--font-text); font-size: .9375rem; color: var(--p-text); text-decoration: none; border: 1px solid var(--p-linie-2); border-radius: 999px; }
.autor__etichete a:hover { border-color: var(--p-text); }
.autor__etichete a.activ { color: #fff; background: var(--p-text); border-color: var(--p-text); }
/* lista predicilor */
.autor__filtru { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 14px; margin: -6px 0 18px; font-family: var(--font-text); font-size: .9375rem; color: var(--p-text-2); }
.autor__filtru[hidden] { display: none; }
.autor__reset { padding: 0; font: inherit; font-weight: 600; color: var(--p-text); background: none; border: 0; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.autor__an { margin: 28px 0 0; padding-bottom: 8px; font-family: var(--font-text); font-size: .8125rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--p-text-3); border-bottom: 1px solid var(--p-text); }
.autor__an:first-of-type { margin-top: 0; }
.autor__predici { margin: 0; padding: 0; list-style: none; }
.autor__predica { display: grid; grid-template-columns: 148px minmax(0, 1fr); column-gap: 20px; padding: 18px 0; border-bottom: 1px solid var(--p-linie); }
.autor__predica[hidden] { display: none; }
.autor__data { display: block; margin: 0 0 2px; font-family: var(--font-text); font-size: .875rem; color: var(--p-text-3); }
.autor__predica h4 { margin: 0 0 4px; font-size: clamp(1.1875rem, 1.9vw, 1.3125rem); line-height: 1.25; }
.autor__predica h4 a { color: var(--p-text); text-decoration: none; }
.autor__predica h4 a:hover { color: var(--rosu); }
.autor__baza { margin: 0 0 4px; font-family: var(--font-text); font-size: .875rem; font-weight: 600; color: var(--p-text-2); }
.autor__idei { margin: 0; font-family: var(--font-serif); font-size: 1rem; line-height: 1.5; color: var(--p-text-3); }
.autor__toate { margin: 28px 0 0; }
/* index autori */
.autori__lista { margin: 36px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--p-text); }
.autori__item a { display: grid; grid-template-columns: 88px minmax(0, 1fr); gap: 20px; align-items: center; padding: 22px 0; border-bottom: 1px solid var(--p-linie); text-decoration: none; color: inherit; }
.autori__foto { display: block; width: 88px; height: 88px; border-radius: 4px; object-fit: cover; background: var(--p-fundal-2); }
.autori__foto--monograma { font-size: 1.5rem; }
.autori__text { display: grid; gap: 2px; }
.autori__nume { font-family: var(--font-serif); font-weight: 600; font-size: 1.5rem; line-height: 1.2; color: var(--p-text); }
.autori__item a:hover .autori__nume { color: var(--rosu); }
.autori__rol { font-family: var(--font-text); font-size: .9375rem; color: var(--p-text-3); }
.autori__nr { font-family: var(--font-text); font-size: .875rem; color: var(--p-text-2); }
/* card de autor la finalul unei predici */
.pagina-predica .sectiune.autor-card-sectiune { padding: clamp(32px, 4.5vw, 48px) 0; border-top: 1px solid var(--p-linie); background: var(--p-fundal); }
.autor-card { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 20px; align-items: center; margin: 0 0 32px; }
.autor-card__foto { display: block; width: 96px; height: 96px; border-radius: 4px; object-fit: cover; background: var(--p-fundal-2); }
.autor-card h2 { margin: 2px 0 2px; font-size: 1.5rem; line-height: 1.2; }
.autor-card h2 a { color: var(--p-text); text-decoration: none; }
.autor-card h2 a:hover { color: var(--rosu); }
.autor-card__rol { margin: 0 0 6px; font-family: var(--font-text); font-size: .9375rem; color: var(--p-text-3); }
.autor-card__lead { margin: 0; font-family: var(--font-serif); font-size: 1.0625rem; line-height: 1.5; color: var(--p-text-2); }
.autor-card__titlu { margin: 0 0 16px; font-family: var(--font-text); font-size: .8125rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--p-text-3); }
.autor-card__lista { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin: 0; padding: 0; list-style: none; }
.autor-card__lista a { display: grid; gap: 4px; text-decoration: none; color: inherit; }
.autor-card__lista .autor__nou-poza { margin-bottom: 6px; }
.predica__meta a.meta__autor-link { color: inherit; text-decoration: none; border-bottom: 1px solid var(--p-linie-2); }
.predica__meta a.meta__autor-link:hover { color: var(--rosu); border-bottom-color: var(--rosu); }
@media (max-width: 760px) {
.autor__intro { grid-template-columns: 1fr; gap: 20px; margin-top: 20px; }
.autor__foto { width: 112px; height: 112px; }
.autor__episoade, .autor__noi-lista, .autor-card__lista { grid-template-columns: 1fr; gap: 22px; }
.autor__episoade a, .autor__nou a, .autor-card__lista a { grid-template-columns: 132px minmax(0, 1fr); column-gap: 14px; align-items: start; }
.autor__episoade .autor__ep-poza, .autor__nou .autor__nou-poza, .autor-card__lista .autor__nou-poza { grid-row: 1 / span 3; margin: 0; }
.autor__predica { grid-template-columns: 112px minmax(0, 1fr); column-gap: 14px; padding: 16px 0; }
.autor__predica h4 { font-size: 1.125rem; }
.autor__idei { display: none; }
.autor-card { grid-template-columns: 72px minmax(0, 1fr); gap: 14px; }
.autor-card__foto { width: 72px; height: 72px; }
.autori__item a { grid-template-columns: 72px minmax(0, 1fr); gap: 16px; }
.autori__foto { width: 72px; height: 72px; }
}
/* Schița predicii: copiază / descarcă / tipărește; link spre concordanță; citat copiat cu referință */
.predica__baza-link { margin-left: 8px; font-size: .9375rem; color: var(--p-text-3); text-decoration: underline; text-decoration-color: var(--p-linie-2); text-underline-offset: 3px; }
.predica__baza-link:hover { color: var(--rosu); text-decoration-color: var(--rosu); }
.verset__alte { margin: -8px 0 20px; font-family: var(--font-text); font-size: .9375rem; }
.verset__alte a { color: var(--p-text-3); text-decoration: underline; text-decoration-color: var(--p-linie-2); text-underline-offset: 3px; }
.verset__alte a:hover { color: var(--rosu); text-decoration-color: var(--rosu); }
.schita { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; margin: 0 0 28px; padding: 12px 14px; font-family: var(--font-text); font-size: .9375rem; background: var(--p-fundal-2); border-radius: 4px; }
.schita__eticheta { margin-right: 4px; font-size: .8125rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--p-text-3); }
.schita__buton { padding: 7px 12px; font: 600 .875rem/1.2 var(--font-text); color: var(--p-text); background: var(--p-fundal); border: 1px solid var(--p-linie-2); border-radius: 999px; cursor: pointer; }
.schita__buton:hover { border-color: var(--p-text); color: var(--rosu); }
.schita__optiune { display: inline-flex; align-items: center; gap: 6px; font-size: .875rem; color: var(--p-text-2); cursor: pointer; }
.schita__optiune input { width: 16px; height: 16px; margin: 0; accent-color: var(--rosu); }
.schita__mesaj { flex-basis: 100%; font-size: .875rem; color: var(--p-text-3); }
.schita__blocat { display: inline-block; margin-left: 6px; padding: 2px 8px; font-size: .6875rem; letter-spacing: .08em; color: var(--rosu); border: 1px solid var(--rosu); border-radius: 999px; vertical-align: 1px; }
.schita__blocat[hidden] { display: none; }
.schita__contul { margin-left: auto; font-size: .875rem; color: var(--p-text-3); text-decoration: underline; text-underline-offset: 3px; }
.schita__contul[hidden] { display: none; }
.schita__cont { flex-basis: 100%; margin: 4px 0 0; padding: 10px 12px; font-size: .9375rem; line-height: 1.5; color: var(--p-text); background: var(--p-fundal); border: 1px solid var(--p-linie); border-radius: 4px; }
.schita__cont[hidden] { display: none; }
.schita__cont a { font-weight: 600; color: var(--p-text); text-decoration: underline; text-underline-offset: 3px; }
.schita__cont a:hover { color: var(--rosu); }
.schita__mesaj:empty { display: none; }
.predica__transcriere .cadru { position: relative; }
.citat-plutitor { position: absolute; z-index: 6; padding: 9px 14px; font: 600 .875rem/1 var(--font-text); color: #fff; background: var(--p-text); border: 0; border-radius: 999px; box-shadow: 0 6px 20px rgba(0, 0, 0, .18); cursor: pointer; white-space: nowrap; }
.citat-plutitor::after { content: ""; position: absolute; left: 18px; bottom: -5px; width: 10px; height: 10px; background: var(--p-text); transform: rotate(45deg); }
.citat-plutitor[hidden] { display: none; }
.doar-print { display: none; }
@media (max-width: 760px) {
.schita { gap: 8px; padding: 10px 12px; }
.schita__eticheta { flex-basis: 100%; margin: 0; }
}
/* Tipărire: schița predicii pe hârtie sau PDF; transcrierea doar când e bifată */
@media print {
.antet-predica, .sari, .player--predica, .player-loc, .plutitor, .predica__actiuni, .predica__mesaj, .predica__reluare, .player__nota, .schita, .citat-plutitor,
.idee__actiuni, .scriptura__comuta, .cauta-t, .predica__cta, .predica__alte, .card-autor, .subsol, .firimituri, .predica__transcriere { display: none !important; }
body.print-cu-transcriere .predica__transcriere { display: block !important; }
body.print-cu-transcriere .transcriere__paragraf { font-size: 10.5pt; line-height: 1.5; }
body.print-cu-transcriere .transcriere__timp { color: #777; text-decoration: none; margin-right: 6px; font-size: 9pt; }
.doar-print { display: block; margin: 0 0 14pt; font: 9pt/1.4 var(--font-text); color: #555; word-break: break-all; }
.pagina-predica .sectiune { padding-block: 14pt; }
.predica__cap { padding: 0; }
.predica__titlu { font-size: 24pt; line-height: 1.1; margin-bottom: 6pt; }
.predica__meta { margin-bottom: 10pt; font-size: 10.5pt; }
.scriptura { max-height: none !important; overflow: visible !important; }
.scriptura::after { display: none !important; }
.idee { break-inside: avoid; }
.idee__corp h4 { font-size: 12pt; }
.idee__corp p { font-size: 10.5pt; line-height: 1.5; }
.idee__corp h4::after { content: " (" attr(data-timp) ")"; font-weight: 400; color: #777; }
.predica__repere, .predica__teme { margin-top: 12pt; padding-top: 8pt; font-size: 10pt; }
.predica__teme a { text-decoration: none; color: #000; }
a[href]::after { content: none !important; }
@page { margin: 18mm 16mm; }
}
/* ===== Lucrarea socială (Fundația Viață și Lumină): secțiunea de dinaintea subsolului, pe toate paginile interioare; pe /doneaza/ e pagina însăși ===== */
.lucrare { background: var(--p-fundal-2); border-top: 1px solid var(--p-linie); }
.lucrare--pagina { background: var(--p-fundal); border-top: 0; }
.pagina-predica .lucrare .sectiune__cap { margin-bottom: clamp(28px, 3.5vw, 40px); }
.pagina-predica .lucrare .eticheta { color: var(--rosu); }
.lucrare__grila { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: clamp(28px, 4.5vw, 64px); align-items: start; }
.lucrare__poze { display: grid; grid-template-columns: 1.55fr 1fr; grid-template-rows: 1fr 1fr; gap: 10px; aspect-ratio: 16 / 11; }
.lucrare__poza { display: block; width: 100%; height: 100%; min-height: 0; object-fit: cover; border-radius: 6px; background: var(--p-linie); }
.lucrare__poza--mare { grid-row: 1 / 3; }
.lucrare__nume { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 12px; font: 600 1.0625rem/1.2 var(--font-text); color: var(--p-text); }
.lucrare__inima { display: grid; place-items: center; width: 36px; height: 36px; color: #fff; background: var(--rosu); border-radius: 50%; }
.lucrare__inima svg { width: 20px; height: 20px; }
.lucrare__lead { margin: 0 0 18px; font-family: var(--font-serif); font-size: clamp(1.125rem, 1.6vw, 1.3125rem); line-height: 1.5; color: var(--p-text-2); text-wrap: pretty; }
.lucrare__cifre { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px 16px; margin: 0 0 22px; padding: 18px 0 0; list-style: none; border-top: 1px solid var(--p-linie); }
.lucrare__cifre li { display: grid; gap: 4px; }
.lucrare__cifre strong { font-family: var(--font-serif); font-weight: 600; font-size: clamp(1.75rem, 2.6vw, 2.25rem); line-height: 1; color: var(--p-text); font-variant-numeric: tabular-nums; }
.lucrare__cifre strong em { font-style: normal; color: var(--rosu); }
.lucrare__cifre span { font: .8125rem/1.4 var(--font-text); color: var(--p-text-3); }
.lucrare__programe { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; margin: clamp(32px, 4vw, 48px) 0 0; padding: 0; list-style: none; }
.lucrare__programe a { display: grid; gap: 8px; align-content: start; height: 100%; padding: 16px 16px 18px; color: var(--p-text); text-decoration: none; background: var(--p-fundal); border: 1px solid var(--p-linie); border-radius: 8px; transition: border-color var(--tranzitie), transform var(--tranzitie); }
.lucrare__programe a:hover { border-color: var(--p-text); transform: translateY(-2px); }
.lucrare__nr { font: 600 .75rem/1 var(--font-text); letter-spacing: .12em; color: var(--rosu); }
.lucrare__prog { display: grid; gap: 4px; }
.lucrare__prog strong { font-family: var(--font-serif); font-weight: 600; font-size: 1.125rem; line-height: 1.2; }
.lucrare__prog span { font: .875rem/1.45 var(--font-text); color: var(--p-text-3); }
/* formularul de donație (doneaza.js + /api/doneaza.php) */
.doneaza { margin: 0; padding: 18px 18px 16px; background: var(--p-fundal); border: 1px solid var(--p-linie-2); border-radius: 10px; }
.lucrare--pagina .doneaza { background: var(--p-fundal-2); border-color: var(--p-linie); }
.doneaza__titlu { margin: 0 0 12px; font: 600 1rem/1.2 var(--font-text); color: var(--p-text); }
.doneaza__sume { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 12px; }
.doneaza__suma { position: relative; }
.doneaza__suma input { position: absolute; width: 1px; height: 1px; margin: 0; opacity: 0; pointer-events: none; }
.doneaza__suma span { display: inline-flex; align-items: center; min-height: 40px; padding: 0 16px; font: 600 .9375rem/1 var(--font-text); color: var(--p-text); background: var(--p-fundal); border: 1px solid var(--p-linie-2); border-radius: 999px; cursor: pointer; transition: background var(--tranzitie), color var(--tranzitie), border-color var(--tranzitie); }
.doneaza__suma span:hover { border-color: var(--p-text); }
.doneaza__suma input:checked + span { color: #fff; background: var(--p-text); border-color: var(--p-text); }
.doneaza__suma input:focus-visible + span { outline: 3px solid var(--rosu); outline-offset: 2px; }
.doneaza__alta { margin: 0 0 12px; }
.doneaza__alta input { width: 100%; max-width: 220px; height: 44px; padding: 0 14px; font: 1rem/1 var(--font-text); color: var(--p-text); background: var(--p-fundal); border: 1px solid var(--p-linie-2); border-radius: 8px; -webkit-appearance: none; appearance: none; }
.doneaza__alta input:focus { outline: 2px solid var(--rosu); outline-offset: 1px; border-color: transparent; }
.doneaza__actiuni { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; }
.pagina-predica .doneaza .buton { padding: 13px 22px; font-size: 1rem; }
.doneaza .buton[disabled] { opacity: .7; cursor: progress; }
.doneaza__rezerva { font: 600 .9375rem/1.2 var(--font-text); color: var(--p-text); text-decoration: none; border-bottom: 1px solid var(--p-linie-2); }
.doneaza__rezerva:hover { color: var(--rosu); border-color: var(--rosu); }
.doneaza__mesaj { min-height: 1.3em; margin: 10px 0 0; font: .875rem/1.4 var(--font-text); color: var(--p-text-2); }
.doneaza__mesaj:empty { display: none; }
.doneaza__mesaj--eroare { color: var(--rosu-inchis); }
.doneaza__nota { margin: 8px 0 0; font: .8125rem/1.4 var(--font-text); color: var(--p-text-3); }
.doneaza__rezultat { margin: 0 0 8px; padding: 16px 18px; font: 1rem/1.5 var(--font-text); border-radius: 8px; }
.doneaza__rezultat--multumim { color: #0f5a2e; background: #e7f5ec; border: 1px solid #bfe3cb; }
.doneaza__rezultat--anulat { color: var(--p-text-2); background: var(--p-fundal-2); border: 1px solid var(--p-linie-2); }
.pagina-doneaza .lucrare__cap .legatura { display: none; }
.doneaza__detalii { padding: 0 0 clamp(48px, 7vw, 88px); }
.doneaza__detalii .cadru { max-width: 760px; }
.doneaza__detalii h2 { margin: 0 0 12px; font-size: 1.375rem; }
.doneaza__detalii p { margin: 0 0 12px; font: 1rem/1.6 var(--font-text); color: var(--p-text-2); }
.doneaza__detalii a { color: var(--p-text); }
@media (max-width: 1080px) { .lucrare__programe { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 960px) {
.lucrare .sectiune__cap--rand { flex-direction: row; align-items: end; text-align: left; }
.lucrare .eticheta { justify-content: flex-start; }
.lucrare__grila { grid-template-columns: 1fr; gap: 26px; }
.lucrare__poze { aspect-ratio: 16 / 10; }
}
@media (max-width: 600px) {
.lucrare__programe { grid-template-columns: 1fr; gap: 8px; }
.lucrare__programe a { padding: 14px 14px 15px; }
.lucrare__cifre { grid-template-columns: 1fr 1fr; }
.lucrare__cifre li:last-child { grid-column: 1 / -1; }
.doneaza { padding: 16px 14px 14px; }
.doneaza__actiuni .buton { width: 100%; }
.doneaza__alta input { max-width: none; }
}
/* apărare împotriva unui intro.css?v=5 rămas în cache cu varianta închisă a secțiunii (a fost live ~1 oră pe 16 oct 2026) */
.lucrare::before { content: none; }
.lucrare__text { text-align: left; }
.lucrare__prog strong, .lucrare__cifre strong, .lucrare__nume { color: var(--p-text); }
.lucrare__programe a { border-bottom: 1px solid var(--p-linie); }
.lucrare__programe a:hover { background: var(--p-fundal); padding-left: 16px; }