/* ==========================================================================
   Cavaleria.ro — strat de rafinare vizuala peste tema Harmuny/Jamal
   Adaugat 15 septembrie 2026, pe beta. Nu modifica tema.
   Ca sa dezactivezi: sterge cavaleria-design.php din wp-content/mu-plugins/.

   Punctul de plecare, masurat pe live:
     - coloana de text 780px la Roboto 18px  = ~87 caractere pe rand (optim 60-75)
     - corp 18px / 28px  = inaltime de rand 1,56 (cam stransa pentru long-form)
     - H2 are marginea de sus 30px, exact cat spatiul dintre paragrafe,
       deci subtitlurile nu separa vizual sectiunile
   ========================================================================== */

/* --- 1. Masura de citit -------------------------------------------------
   Textul se ingusteaza la 612px (aprox. 68 caractere la Roboto 18px).
   Imaginile, embed-urile si galeriile raman pe toata latimea de 780px,
   deci ies deliberat in afara coloanei de text.

   O masura FIXA, nu in 'em': in em, fiecare element s-ar calcula pe fontul
   lui propriu, iar un H2 de 27px ar iesi mai lat decat paragrafele si
   marginile din stanga nu s-ar mai alinia. */
.entry-excerpt.entry {
	--masura: 612px;
}

.entry-excerpt.entry > p,
.entry-excerpt.entry > ul,
.entry-excerpt.entry > ol,
.entry-excerpt.entry > h2,
.entry-excerpt.entry > h3,
.entry-excerpt.entry > h4,
.entry-excerpt.entry > blockquote {
	max-width: var(--masura);
	margin-left: auto;
	margin-right: auto;
}

/* --- 2. Ritmul textului -------------------------------------------------
   '!important' aici nu e lene: tema are 178 de reguli !important si pune
   line-height pe paragrafe cu o specificitate pe care nu o pot depasi curat.
   Il folosesc doar unde e chiar necesar, nu peste tot. */
.entry-excerpt.entry > p,
.entry-excerpt.entry li {
	line-height: 1.7 !important;
}

.entry-excerpt.entry li {
	margin-bottom: 0.5em;
}

/* Primul paragraf ca lead — semnalul clasic de revista.
   Atentie: 'em' s-ar raporta la containerul de 16px, nu la cei 18px ai
   paragrafului, si lead-ul ar iesi 18,5px, adica indistinct. Deci px. */
.entry-excerpt.entry > p:first-of-type {
	font-size: 21px !important;
	line-height: 1.55 !important;
	color: #2b2b2b;
}

/* --- 3. Ierarhia subtitlurilor -----------------------------------------
   Un subtitlu are nevoie de mult mai mult spatiu deasupra decat dedesubt.
   Asta e ce transforma un perete de text in sectiuni. */
.entry-excerpt.entry > h2 {
	margin-top: 2.2em;
	margin-bottom: 0.45em;
	line-height: 1.25;
	letter-spacing: -0.01em;
}

.entry-excerpt.entry > h3 {
	margin-top: 1.9em;
	margin-bottom: 0.4em;
	line-height: 1.3;
}

/* Fara spatiu inutil chiar la inceputul articolului. */
.entry-excerpt.entry > h2:first-child,
.entry-excerpt.entry > h3:first-child {
	margin-top: 0;
}

/* --- 4. Titlul articolului ---------------------------------------------
   La 40px, tracking-ul implicit e prea lejer pentru titluri lungi. */
h1.entry-title {
	letter-spacing: -0.015em;
	line-height: 1.15;
}

/* --- 5. Legaturile din text --------------------------------------------
   Erau greu de distins de textul din jur. */
.entry-excerpt.entry a:not(.button):not(.btn) {
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-thickness: 1px;
	text-decoration-color: rgba(0, 0, 0, 0.3);
	transition: text-decoration-color 0.15s ease;
}

.entry-excerpt.entry a:not(.button):not(.btn):hover {
	text-decoration-color: currentColor;
}

/* --- 6. Citate ---------------------------------------------------------- */
.entry-excerpt.entry > blockquote {
	border-left: 3px solid #1a1a1a;
	padding: 0.15em 0 0.15em 1.4em;
	margin-top: 2em;
	margin-bottom: 2em;
	font-size: 20px;
	line-height: 1.55;
	color: #1a1a1a;
}

/* --- 7. Imagini si legende ---------------------------------------------- */
.entry-excerpt.entry figure,
.entry-excerpt.entry .wp-caption {
	margin-top: 2em;
	margin-bottom: 2em;
}

.entry-excerpt.entry figcaption,
.entry-excerpt.entry .wp-caption-text {
	font-size: 14px;
	line-height: 1.5;
	color: #6a6a6a;
	text-align: center;
	margin-top: 0.7em;
}

/* --- 8. Pe telefon coloana e oricum ingusta; scoatem limita ------------- */
@media (max-width: 860px) {
	.entry-excerpt.entry > p,
	.entry-excerpt.entry > ul,
	.entry-excerpt.entry > ol,
	.entry-excerpt.entry > h2,
	.entry-excerpt.entry > h3,
	.entry-excerpt.entry > h4,
	.entry-excerpt.entry > blockquote {
		max-width: none;
	}

	.entry-excerpt.entry > h2 {
		margin-top: 1.8em;
	}
}