/* ==========================================================================
   Elim — acțiuni (manual §13): o singură sursă pentru tot site-ul.
   .elim-act   text mov + cerc alb 30 px, contur auriu, săgeată Haicon mov;
               hover: cercul se umple auriu, săgeata #1B141A, săgeata nu se mișcă
   .elim-act--down / --up   aceeași acțiune, săgeata în jos / în sus
   .elim-round control rotund 40 px (anterior / următor / pornește)
   .icp-act / .icp-round rămân ca alias pentru pagina Cultul Penticostal.
   ========================================================================== */
:root {
	/* săgeata Haicon angle-right (plină), folosită ca mască */
	--haicon-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 13'%3E%3Cpath fill-rule='evenodd' d='M.326 11.955a.72.72 0 0 1 0-.943L4.7 6.15.326 1.288a.72.72 0 0 1 0-.942.56.56 0 0 1 .848 0l4.8 5.333a.72.72 0 0 1 0 .942l-4.8 5.334a.56.56 0 0 1-.848 0Z'/%3E%3C/svg%3E");
	/* play / pauză din Haicon v2.0 (varianta „line”, ca săgețile): Icon / line / play; pauza = cele două bare
	   din Icon / line / pause-circle (setul nu are „pause” simplu), aduse la înălțimea triunghiului */
	--haicon-play: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M4.5 20.4788V3.52124C4.5 3.12316 4.92566 2.87244 5.27015 3.0676L20.2366 11.5464C20.5878 11.7453 20.5878 12.2547 20.2366 12.4536L5.27015 20.9324C4.92566 21.1276 4.5 20.8768 4.5 20.4788Z'/%3E%3C/svg%3E");
	--haicon-pause: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5'%3E%3Crect x='4.8' y='3' width='4.8' height='18' rx='.48'/%3E%3Crect x='14.4' y='3' width='4.8' height='18' rx='.48'/%3E%3C/svg%3E");
	--elim-plum: #483041;
	--elim-ink: #1B141A;
	--elim-gold: #DAA769;
	/* paleta din manual (cap. Culori): Ceață = fundalul secțiunilor alternante, Linie = borduri și separatoare */
	--elim-fog: #F7F3F2;
	--elim-line: #E2D6D3;
	--elim-orange: #FF8C1A;
	/* nuanțe deschise ale auriului (decizii 25 oct. 2026): numerele de capitol și miezul amprentei; liniile aurii ale amprentei */
	--elim-gold-pale: #E6C9A3;
	--elim-gold-mist: #F1DEC6;
}
/* =========================================================================
   ACȚIUNI (manual §13): text mov + cerc alb cu contur auriu și săgeată Haicon
   ========================================================================= */

.icp-act,
.elim-act {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 0;
	margin: 0;
	border: 0;
	background: none;
	cursor: pointer;
	font-family: "macha", sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.2;
	color: var(--elim-plum);
	text-decoration: none;
	transition: color .25s;
}

.icp-act:hover,
.elim-act:hover,
.icp-act:focus,
.elim-act:focus { background: none; color: var(--elim-ink); outline: none; }

.icp-act__c,
.elim-act__c {
	position: relative;
	flex: 0 0 30px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #fff;
	border: 1px solid var(--elim-gold);
	transition: background-color .25s;
}

.icp-act__c::before,
.elim-act__c::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 7px;
	height: 12px;
	margin: -6px 0 0 -3px;
	background: var(--elim-plum);
	-webkit-mask: var(--haicon-right) center / contain no-repeat;
	        mask: var(--haicon-right) center / contain no-repeat;
	transition: background-color .25s, transform .35s cubic-bezier(.22, .8, .2, 1);
}

.icp-act:hover .icp-act__c,
.elim-act:hover .elim-act__c,
.icp-src:hover .icp-act__c,
.icp-src:hover .elim-act__c,
.icp-act:focus-visible .icp-act__c,
.elim-act:focus-visible .elim-act__c { background: var(--elim-gold); }

.icp-act:hover .icp-act__c::before,
.elim-act:hover .elim-act__c::before,
.icp-src:hover .icp-act__c::before,
.icp-src:hover .elim-act__c::before { background: var(--elim-ink); }

.icp-act:focus-visible .icp-act__t,
.elim-act:focus-visible .elim-act__t { text-decoration: underline; text-decoration-color: var(--elim-gold); text-underline-offset: 5px; }/* Varianta pentru capitole: săgeata în jos / în sus */
.icp-act--down .icp-act__c::before,
/* Varianta pentru capitole: săgeata în jos / în sus */
.elim-act--down .elim-act__c::before { margin-left: -3.5px; transform: rotate(90deg); }

.icp-act--down[aria-expanded="true"] .icp-act__c::before,
.elim-act--down[aria-expanded="true"] .elim-act__c::before { transform: rotate(-90deg); }

.icp-act--up .icp-act__c::before,
.elim-act--up .elim-act__c::before { transform: rotate(-90deg); }/* Control rotund 40 px (anterior / următor) */
.icp-round,
/* Control rotund 40 px (anterior / următor) */
.elim-round {
	position: relative;
	width: 40px;
	height: 40px;
	padding: 0;
	border-radius: 50%;
	border: 1px solid var(--elim-gold);
	background: #fff;
	cursor: pointer;
	transition: background-color .25s, opacity .25s;
}

.icp-round span,
.elim-round span {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 7px;
	height: 12px;
	margin: -6px 0 0 -3px;
	background: var(--elim-plum);
	-webkit-mask: var(--haicon-right) center / contain no-repeat;
	        mask: var(--haicon-right) center / contain no-repeat;
}

.icp-way__prev span,
.elim-round--prev span { transform: scaleX(-1); margin-left: -4px; }

.icp-round:hover,
.elim-round:hover,
.icp-round:focus-visible,
.elim-round:focus-visible { background: var(--elim-gold); outline: none; }

.icp-round:hover span,
.elim-round:hover span { background: var(--elim-ink); }

.icp-round:disabled,
.elim-round:disabled { opacity: .35; cursor: default; background: #fff; }


/* Rând cu o singură acțiune, centrat (ex. „Prima dată la Elim?” pe Acasă) */
.elim-cta-line { margin: 0; text-align: center; }

/* =========================================================================
   PASTILA CU IMAGINE (.elim-pill): navigare spre pagini-surori (Viziunea · Misiunea · Istoria).
   Repaus: pastilă aurie, text alb. Hover / focus: fotografia paginii apare în pastilă,
   cu un inel auriu de 3 px în jur; fotografia intră ușor din zoom.
   Imaginea: --img pe .elim-pill__img (decupaj mic 480 × 120, WebP).
   ========================================================================= */
.elim-pills { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px 20px; }
.elim-pill {
	position: relative;
	isolation: isolate;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 158px;
	height: 40px;
	padding: 0 32px;
	border-radius: 999px;
	background: var(--elim-gold);
	overflow: hidden;
	font-family: "macha", sans-serif;
	font-weight: 400;
	font-size: 17px;
	line-height: 1;
	color: #fff !important;
	text-decoration: none !important;
	-webkit-tap-highlight-color: transparent;
}
.elim-pill__img {
	position: absolute;
	inset: 3px;
	z-index: -1;
	border-radius: inherit;
	overflow: hidden;
	opacity: 0;
	transition: opacity .45s ease;
}
.elim-pill__img::before {
	content: "";
	position: absolute;
	inset: 0;
	background: var(--img) center / cover no-repeat;
	transform: scale(1.18);
	transition: transform 1.1s cubic-bezier(.22, .8, .2, 1);
}
/* voal discret, ca textul alb să se citească pe orice fotografie */
.elim-pill__img::after { content: ""; position: absolute; inset: 0; background: rgba(27, 20, 26, .28); }
.elim-pill__t { position: relative; transition: text-shadow .45s ease; }
.elim-pill:hover .elim-pill__img,
.elim-pill:focus-visible .elim-pill__img { opacity: 1; }
.elim-pill:hover .elim-pill__img::before,
.elim-pill:focus-visible .elim-pill__img::before { transform: scale(1); }
.elim-pill:hover .elim-pill__t,
.elim-pill:focus-visible .elim-pill__t { text-shadow: 0 1px 8px rgba(27, 20, 26, .45); }
.elim-pill:focus-visible { outline: 2px solid var(--elim-plum); outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) {
	.elim-pill__img, .elim-pill__img::before { transition: none; }
}
/* fotografia din pastilă: culori stinse, în tonurile Elim (aproape monocromă, caldă), nu „vie” */
.elim-pill__img::before { filter: grayscale(.85) sepia(.35) contrast(.92) brightness(.92); }
.elim-pill__img::after { background: linear-gradient(rgba(72, 48, 65, .38), rgba(72, 48, 65, .38)); mix-blend-mode: multiply; }
/* Fără fotografie (Viziunea, Misiunea): la hover pastila trece pe mov #483041.
   Fotografia rămâne doar unde spune ceva (Istoria: arhiva bisericii). */
.elim-pill { transition: background-color .35s ease; }
.elim-pill:not(.elim-pill--foto):hover,
.elim-pill:not(.elim-pill--foto):focus-visible { background-color: var(--elim-plum); }
/* Istoria: fotografia de arhivă în sepia cald, luminoasă (ca o fotografie veche), voal mov ușor */
.elim-pill--foto .elim-pill__img::before { filter: grayscale(1) sepia(.85) contrast(.92) brightness(1.1); }
.elim-pill--foto .elim-pill__img::after { background: rgba(72, 48, 65, .1); }
/* Pastilele pe telefon: toate trei pe un rând, aceeași formă, puțin mai compacte */
@media (max-width: 767px) {
	.elim-pills { gap: 10px; flex-wrap: nowrap; }
	/* lățimea pornește de la text (flex-basis auto), ca o etichetă lungă („Cultul Penticostal”) să nu fie tăiată */
	.elim-pill { min-width: 0; flex: 1 1 auto; padding: 0 14px; height: 40px; font-size: 15px; }
}
.elim-pill__t { white-space: nowrap; }