/* ==========================================================================
   Elim — roluri tipografice (manual, cap. 04 „Roluri de text”, 21 oct. 2026)
   O singură sursă: aceleași clase și aceleași valori peste tot.

   Fiecare clasă se poate pune pe elementul de text SAU pe containerul lui;
   pe container se aplică paragrafelor și listelor din interior.

     .elim-t-lead     introducere (prima frază a paginii)   Macha 400 · 24 / 1.45 · mov
     .elim-t-summary  rezumat de capitol („Pe scurt”)        Macha 400 · 20 / 1.55 · mov
     .elim-t-text     text de citit (capitole, articole)     Macha 400 · 18 / 1.5  · gri text (#585058: 7,8:1, AAA)
     .elim-t-title    titlu de element / capitol / întrebare  Macha 700 · 1.3 · #1B141A; mărimea după secțiune:
                      --s 20 · implicit 22 · --l 25 (în text: h2 25, h3 22, h4 20)
     .elim-t-teaser   rezumat discret (hover, Istoric)       Macha 400 · 17 / 1.55 · gri text
     .elim-t-nav      navigare (cuprins)                     Macha 400 · 18 / 1.3  · mov; activ portocaliu subliniat
     .elim-t-note     note                                   Macha 400 · 16 / 1.6  · gri deschis
     .elim-t-caption  legende                                Macha 400 · 15 / 1.5  · gri deschis
     .elim-t-statement declarație (text mare, auriu, centrat — stilul de la Istoric)
                      Macha 400 · 46 / 1.0 · #DAA769 · cel mult 88% din coloană (telefon 28 / 1.15, toată lățimea)
     .elim-t-label    etichetă de element (pas, capitol, notă, „Pe scurt”, loc, Unde/Când)
                      Montserrat 800 · MAJUSCULE · 12 / 1.3 · spațiere 0 · #DAA769 (pigment) · 8 px dedesubt
                      (eyebrow-ul de secțiune rămâne separat: Montserrat 800 · 15 / 1.2 · spațiere 0 · #FF8C1A)

   Unde markup-ul vine dintr-un plugin sau din Elementor și nu poate primi
   clasa, rolul e legat aici, explicit, în lista „gazde” de la fiecare rol.

   Ordinea contează: textul de citit (pus de obicei pe container) e primul,
   ca rolurile puse direct pe un paragraf din interiorul lui să câștige.
   ========================================================================== */
:root {
	--elim-t-plum: #483041;
	--elim-t-text: #585058;
	--elim-t-muted: #82717D;
	--elim-t-ink: #1B141A;
	--elim-t-active: #FF8C1A;
	--elim-t-label: #DAA769;   /* auriul logo-ului: pigment de brand (decizie 22 oct. 2026) */
}

/* ---------- Text de citit ----------
   gazde: capitolele din Istoric (pluginul History Accordion),
   conținutul acordeoanelor Elementor (Misiunea, Cine suntem, În ce credem) */
.elim-t-text,
.elim-t-text :where(p, li),
.elementor-accordion .elementor-tab-content :where(p, li),
.elim-istoric .elim-acc .elim-accordion__content,
.elim-istoric .elim-acc .elim-accordion__content :where(p, li) {
	font-family: "macha", sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.5;   /* WCAG 1.4.8: cel puțin 1,5 în paragraf */
	color: var(--elim-t-text);
}
/* telefon: tema pune p {19px / 20px}; textul își păstrează ritmul (17 px provizoriu, de confirmat) */
@media (max-width: 767px) {
	.elim-t-text, .elim-t-text :where(p, li),
	.elementor-accordion .elementor-tab-content :where(p, li),
	.elim-istoric .elim-acc .elim-accordion__content,
	.elim-istoric .elim-acc .elim-accordion__content :where(p, li) { font-size: 17px; }
}

/* ---------- Titlu de element / capitol / întrebare ----------
   Regula: Macha 700 · rând 1.3 · #1B141A. Mărimea se alege după secțiune.
   gazde: titlurile capitolelor din Istoric (pluginul History Accordion),
   titlurile din textul articolelor și al paginilor (h2–h4 în .elim-t-text) */
.elim-t-title,
.elim-t-title :where(p),
.elim-t-text :where(h2, h3, h4, h5),
.elim-istoric .elim-acc .elim-accordion__item h4,
.elementor-widget.elim-t-title .elementor-heading-title {
	font-family: "macha", sans-serif;
	font-weight: 700;
	line-height: 1.3;
	color: var(--elim-t-ink);
}
.elim-t-title { font-size: 22px; }
.elementor-widget.elim-t-title .elementor-heading-title { font-size: inherit; }   /* Elementor: mărimea vine de pe widget */
.elim-t-title--s { font-size: 20px; }
.elim-t-title--l { font-size: 25px; }
.elim-t-text :where(h2) { font-size: 25px; }
.elim-t-text :where(h3) { font-size: 22px; }
.elim-t-text :where(h4, h5) { font-size: 20px; }
@media (max-width: 767px) {
	.elim-t-title, .elim-t-text :where(h3) { font-size: 20px; }
	.elim-t-title--l, .elim-t-text :where(h2) { font-size: 22px; }
}

/* ---------- Introducere ---------- */
.elim-t-lead,
.elim-t-lead :where(p, li) {
	font-family: "macha", sans-serif;
	font-weight: 400;
	font-size: 24px;
	line-height: 1.45;
	color: var(--elim-t-plum);
}
@media (max-width: 767px) {
	.elim-t-lead, .elim-t-lead :where(p, li) { font-size: 21px; }
}

/* ---------- Rezumat de capitol ---------- */
.elim-t-summary,
.elim-t-summary :where(p, li) {
	font-family: "macha", sans-serif;
	font-weight: 400;
	font-size: 20px;
	line-height: 1.55;
	color: var(--elim-t-plum);
}
@media (max-width: 767px) {
	.elim-t-summary, .elim-t-summary :where(p, li) { font-size: 18px; }
}

/* ---------- Rezumat discret ---------- */
.elim-t-teaser,
.elim-t-teaser :where(p, li) {
	font-family: "macha", sans-serif;
	font-weight: 400;
	font-size: 17px;
	line-height: 1.55;
	color: var(--elim-t-text);
}

/* ---------- Navigare (cuprins) ---------- */
.elim-t-nav {
	font-family: "macha", sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.3;
	color: var(--elim-t-plum);
}
.elim-t-nav.active,
.elim-t-nav.is-active {
	color: var(--elim-t-active);
	text-decoration: underline;
}

/* ---------- Note și legende ---------- */
.elim-t-note,
.elim-t-note :where(p, li) {
	font-family: "macha", sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.6;
	color: var(--elim-t-muted);
}
.elim-t-caption,
.elim-t-caption :where(p, li),
.tooltip_verse .tooltip.elim-t-caption {   /* Bootstrap pune .tooltip { font-size: .8em } după acest fișier */
	font-family: "macha", sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 1.5;
	color: var(--elim-t-muted);
}

/* Notele și legendele (#82717D) au contrast suficient doar pe alb (4,6:1).
   Pe fundal colorat (#F7F3F2, #E9E0DE) containerul primește .elim-on-tint
   și ele trec pe culoarea textului (#585058: 7,0:1 / 6,0:1). */
.tooltip_verse .tooltip.elim-t-caption,
.elim-on-tint .elim-t-note,
.elim-on-tint .elim-t-note :where(p, li),
.elim-on-tint .elim-t-caption,
.elim-on-tint .elim-t-caption :where(p, li) {
	color: var(--elim-t-text);
}

/* ---------- Etichetă de element ----------
   O singură etichetă mică pe tot site-ul: aceeași mărime, culoare, spațiere și distanță.
   Spațiul de deasupra îl dă contextul (ritmul secțiunii); dedesubt e mereu 8 px. */
/* ---------- Eyebrow de secțiune ----------
   deasupra unui titlu de secțiune (Foco 40–48): Montserrat 800 · MAJUSCULE · 15 / 1.2 · spațiere 0 · #FF8C1A · 8 px dedesubt.
   Deasupra titlului unui element (card, pas, panou mic) rămâne .elim-t-label (auriu, 12). */
.elim-t-eyebrow {
	font-family: "Montserrat", sans-serif;
	font-weight: 800;
	font-size: 15px;
	line-height: 1.2;
	letter-spacing: 0;
	text-transform: uppercase;
	color: var(--elim-t-active);
	margin: 0 0 8px;
}

.elim-t-label {
	font-family: "Montserrat", sans-serif;
	font-weight: 800;
	font-size: 12px;
	line-height: 1.3;
	letter-spacing: 0;
	text-transform: uppercase;
	color: var(--elim-t-label);
	margin-bottom: 8px;
}

/* ---------- Declarație ----------
   Text mare, auriu, centrat, care deschide o pagină sau o secțiune
   („Istoria Bisericii Elim se întinde…”, „Existăm pentru a-L prezenta lumii pe Cristos…”).
   Stilul de la Istoric, fix: Macha 400 · 46 / 1.0 · #DAA769 · cel mult 88% din coloană. */
.elim-t-statement,
.elim-t-statement :where(p) {
	font-family: "macha", sans-serif;
	font-weight: 400;
	font-size: 46px;
	line-height: 1;
	letter-spacing: 0;
	color: #DAA769;
	text-align: center;
}
.elim-t-statement :where(p) { max-width: 88%; margin-left: auto; margin-right: auto; }
@media (max-width: 767px) {
	.elim-t-statement, .elim-t-statement :where(p) { font-size: 28px; line-height: 1.15; }
	.elim-t-statement :where(p) { max-width: none; }
}


/* Montserrat se folosește cu spațierea naturală a fontului, fără letter-spacing (client, 23 oct. 2026).
   Plasă de siguranță pentru stilurile din pluginuri (evenimente, bara laterală a articolelor). */
.addToCalendarLink,
.widget-title { letter-spacing: 0 !important; }
