/* ==========================================================================
   Elim — grila standard (Figma: coloană de conținut de 1280 px, centrată)
   Marginea textului = marginea grilei, la orice lățime de ecran:
     ≥ 1344 px  → (ecran − 1280) / 2
     768–1343   → 32 px
     < 768      → 20 px
   Elementor pune 10 px padding pe fiecare coloană (spațiul dintre coloane);
   containerul primește +20 px, ca textul să cadă exact pe linia grilei.
   Acasă se aliniază separat (pagina e construită diferit).
   ========================================================================== */
:root {
	--elim-grid: 1280px;
	--elim-gutter: 20px;
	--elim-col-pad: 10px;
}
@media (min-width: 768px) { :root { --elim-gutter: 32px; } }

body:not(.home) .elementor-section.elementor-section-boxed > .elementor-container {
	max-width: min(calc(var(--elim-grid) + 2 * var(--elim-col-pad)), calc(100% - 2 * var(--elim-gutter) + 2 * var(--elim-col-pad))) !important;
}
/* coloane fără spațiu între ele: containerul exact pe grilă */
body:not(.home) .elementor-section.elementor-section-boxed > .elementor-container.elementor-column-gap-no {
	max-width: min(var(--elim-grid), calc(100% - 2 * var(--elim-gutter))) !important;
}
/* containerele noi (flexbox) din Elementor */
body:not(.home) .e-con.e-parent.e-con-boxed > .e-con-inner {
	max-width: min(var(--elim-grid), calc(100% - 2 * var(--elim-gutter)));
}

/* Tooltip-urile cu versete: niciodată mai late decât ecranul */
.tooltip .tooltiptext {
	width: min(600px, calc(100vw - 2 * var(--elim-gutter)));
	margin-left: calc(-1 * min(300px, calc(50vw - var(--elim-gutter))));
	max-width: none;
}
@media (max-width: 767px) {
	.tooltip { position: static; }
	.tooltip .tooltiptext { left: var(--elim-gutter); right: var(--elim-gutter); width: auto; margin-left: 0; }
}

/* Texte și butoane lungi: se rup pe rânduri în loc să iasă din ecran */
.elementor-widget-text-editor, .elementor-widget-heading { overflow-wrap: anywhere; }
.elementor-button { white-space: normal; max-width: 100%; }

/* Coloanele de nivel superior: același spațiu (10 px) peste tot, ca textul să cadă pe grilă.
   Unele secțiuni aveau padding pus manual pe 0 și ieșeau 10 px din grilă. */
body:not(.home) .elementor-top-section.elementor-section-boxed > .elementor-container:not(.elementor-column-gap-no) > .elementor-column > .elementor-widget-wrap {
	padding-left: var(--elim-col-pad) !important;
	padding-right: var(--elim-col-pad) !important;
}

/* Decorurile laterale (Union.png) nu mai împing pagina în lateral */
.gray-details { overflow: clip; }

/* Tooltip-urile cu versete nu ocupă loc cât sunt ascunse */
.tooltip:not(:hover):not(:focus-within) .tooltiptext { display: none; }
/* Eticheta de verset (.tooltip) nu depășește coloana */
.tooltip { max-width: 100%; }
.tooltip_verse { max-width: 100%; overflow-wrap: anywhere; }
@media (max-width: 1100px) {
	.tooltip { left: auto !important; transform: none !important; }
}

/* ---------- Arhiva de articole (șablon al temei, nu Elementor) ---------- */
.archive-layout {
	max-width: min(var(--elim-grid), calc(100% - 2 * var(--elim-gutter)));
	padding-left: 0;
	padding-right: 0;
	grid-template-columns: 220px minmax(0, 1fr);
	gap: 48px;
}
@media (max-width: 900px) {
	.archive-layout { grid-template-columns: 1fr; gap: 24px; } /* în style.css regula lipsea (selector fără punct) */
}
.archive-layout .page-header { text-align: left; }
.archive-layout .archive-subtitle {
	font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 15px; line-height: 1.2;
	text-transform: uppercase; color: #FF8C1A; margin: 0 0 8px;
}
.archive-layout .page-title {
	font-family: "foco", sans-serif; font-weight: 900; font-size: 40px; line-height: 1.1; color: #483041; margin: 0; text-align: left !important;
}
@media (max-width: 767px) { .archive-layout .page-title { font-size: 30px; } }
.archive-layout #secondary .widget-title,
.archive-layout #secondary h2 {
	font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 13px; letter-spacing: .06em;
	text-transform: uppercase; color: #82717D; margin: 0 0 14px;
}
.archive-layout #secondary ul { list-style: none; margin: 0; padding: 0; border-top: 1px solid #E2D6D3; }
.archive-layout #secondary li { border-bottom: 1px solid #E2D6D3; }
.archive-layout #secondary li a {
	display: block; padding: 12px 0; text-decoration: none;
	font-family: "macha", sans-serif; font-weight: 500; font-size: 17px; color: #1B141A; transition: color .2s, padding .3s;
}
.archive-layout #secondary li a:hover { color: #483041; padding-left: 6px; }
.archive-layout #secondary .current-cat > a { color: #DAA769; }