/* ==========================================================================
   Bula cu versetul (trimiterile din acordeoane: .elim-vtip; etichetele de verset: .tooltip .tooltiptext)
   Aceeași bulă ca în tot site-ul: neagră, text alb, colțuri 36 px.
   Dedesubt, în mijloc, „vârful” din semnul Elim: paginile Bibliei deschise care se strâng
   într-un punct, ca un pin — arată spre trimitere.
   Clasă proprie (.elim-vtip), pentru că pluginul biblia-online ascunde orice .tooltip.
   ========================================================================== */
.elim-vtip { position: relative; display: flex; width: fit-content; cursor: help; }
.elim-vtip__t {
	position: absolute;
	z-index: 20;
	left: 50%;
	bottom: calc(100% + 20px);
	width: min(520px, calc(100vw - 40px));
	padding: 22px 26px;
	border-radius: 36px;
	background: #1B141B;
	color: #fff;
	font-family: "macha", sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5;
	text-align: left;
	white-space: normal;
	cursor: default;
	box-shadow: rgba(0, 0, 0, .19) 0 10px 20px, rgba(0, 0, 0, .23) 0 6px 6px;
	opacity: 0;
	visibility: hidden;
	/* --dx: cât o mută verset.js ca să nu iasă din ecran */
	transform: translate(calc(-50% + var(--dx, 0px)), 6px);
	transition: opacity .2s, transform .2s, visibility 0s .2s;
	pointer-events: none;
}
/* puntea invizibilă dintre trimitere și bulă: mouse-ul poate trece pe bulă fără ca ea să se închidă */
.elim-vtip__t::before,
.tooltip .tooltiptext::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	height: 22px;
}
.elim-vtip:hover .elim-vtip__t,
.elim-vtip:focus-within .elim-vtip__t {
	pointer-events: auto;
	opacity: 1;
	visibility: visible;
	transform: translate(calc(-50% + var(--dx, 0px)), 0);
	transition: opacity .2s, transform .2s, visibility 0s;
}
.elim-vtip__t b { font-weight: 700; color: #DAA769; }

/* vârful: forma din semn (două curbe care se strâng într-un punct), în mijlocul bulei, spre trimitere */
.elim-vtip__t::after,
.tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	top: calc(100% - 1px);
	left: 50%;
	width: 60px;
	height: 18px;
	margin-left: -30px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 18'%3E%3Cpath d='M0 0C20 0 28.5 3 30 18C31.5 3 40 0 60 0Z' fill='%231B141B'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
}
/* când bula e mutată, vârful rămâne pe trimitere */
.elim-vtip__t::after { left: calc(50% - var(--dx, 0px)); }

/* ==========================================================================
   Trimiterea la verset = o pastilă (decizie 22 oct. 2026, varianta C): același element peste tot,
   complet rotunjită (ca bula, butoanele rotunde și vârful-pin), cu iconița-carte; la hover se luminează.
   Pe fundalul nuanțat al acordeonului: alb transparent; pe fundal alb: nuanța deschisă din paletă.
   ========================================================================== */
.elim-accordion-ref {
	/* textul pastilei: rolul „legendă” (15 / 1.5), ca la etichetele de sub texte — nu mărimea titlului */
	font-family: "macha", sans-serif !important;
	font-size: 15px !important;
	line-height: 22px !important;   /* întreg: pastila are exact 32 px (cu 1.5 ar fi 32,5 și s-ar rotunji diferit) */
	width: fit-content;
	padding: 5px 14px 5px 11px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .6);
	transition: background-color .2s;
}
.elim-accordion-ref:hover { background: #fff; }
/* întrebarea deschisă stă pe alb: pastila ia nuanța deschisă */
.elementor-tab-title.elementor-active .elim-accordion-ref { background: #F7F3F2; }
.elementor-tab-title.elementor-active .elim-accordion-ref:hover { background: #EFE7E5; }

/* etichetele de verset de sub texte (.tooltip_verse): aceeași pastilă, cu aceeași iconiță */
.tooltip_verse .tooltip {
	line-height: 22px !important;   /* ca la pastila din acordeon: exact 32 px */
	display: inline-flex !important;
	align-items: center;
	gap: 6px;
	padding: 5px 14px 5px 11px !important;
	border-radius: 999px !important;
	background-color: #F7F3F2 !important;
	transition: background-color .2s;
}
.tooltip_verse .tooltip:hover { background-color: #EFE7E5 !important; }
.tooltip_verse .tooltip::before {
	content: "";
	flex-shrink: 0;
	width: 18px;
	height: 17px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='21' viewBox='0 0 22 21' fill='none'%3E%3Cpath d='M10.6001 4.09889C10.6001 4.09889 9.61059 0.362404 4.76142 0.611536C3.95708 0.65286 3.37788 1.36613 3.37788 2.17626V14.3031C3.37788 15.3341 4.31859 16.1306 5.31635 16.3667C8.10738 17.0273 10.6001 19.5996 10.6001 19.5996M10.6001 4.09889C10.6001 4.09889 11.5896 0.362404 16.4388 0.611536C17.2431 0.65286 17.8223 1.36613 17.8223 2.17626V14.2585C17.8223 15.3046 16.8493 16.1366 15.8478 16.4186C13.2444 17.1518 10.6001 19.5996 10.6001 19.5996M10.6001 4.09889V19.5996M3.27154 3.39373C2.87982 3.41046 2.46907 3.43802 2.03854 3.47782C1.21178 3.55424 0.600098 4.26837 0.600098 5.1035L0.600098 16.606C0.600098 17.6136 1.47961 18.3938 2.48133 18.3895C6.46881 18.3724 10.6001 19.5996 10.6001 19.5996C10.6001 19.5996 14.9821 18.4162 18.6862 18.3898C19.6995 18.3825 20.6001 17.5918 20.6001 16.5724V5.01942C20.6001 4.18429 19.9884 3.47015 19.1617 3.39373C18.7311 3.35393 18.3204 3.32638 17.9287 3.30964' stroke='%23585058' stroke-width='1.2'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* „Citește în context”: deschide capitolul în Biblia site-ului, cu versetul evidențiat */
.elim-vtip__go {
	display: flex;
	align-items: center;
	gap: 10px;
	width: fit-content;
	margin-top: 12px;
	font-family: "macha", sans-serif;
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
	color: #fff !important;
	text-decoration: none !important;
	cursor: pointer;
}
.elim-vtip__go i {
	position: relative;
	width: 26px;
	height: 26px;
	border: 1px solid #DAA769;
	border-radius: 50%;
	transition: background-color .2s;
}
.elim-vtip__go i::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 6px;
	height: 6px;
	margin: -3px 0 0 -4px;
	border-right: 1.5px solid #fff;
	border-top: 1.5px solid #fff;
	transform: rotate(45deg);
}
.elim-vtip__go:hover i, .elim-vtip__go:focus-visible i { background: #DAA769; }
.elim-vtip__go:hover i::before, .elim-vtip__go:focus-visible i::before { border-color: #1B141B; }
.elim-vtip__go:focus-visible { outline: none; }
.elim-vtip__go:focus-visible span, .elim-vtip__go:focus-visible { text-decoration: underline !important; text-decoration-color: #DAA769 !important; }

/* pe pagina Bibliei: versetul trimis prin legătură (biblia-ref.js) */
.hoverable-verse.elim-ref-verse { background-color: rgba(218, 167, 105, .24); border-radius: 4px; -webkit-box-decoration-break: clone; box-decoration-break: clone; }

/* bulele etichetelor de sub texte: text aliniat la stânga, ca bula din acordeoane */
.tooltip .tooltiptext { text-align: left; }

/* ==========================================================================
   Iconița-carte: la hover pe pastilă, două pagini se întorc din cotor spre stânga, una după alta
   (o răsfoire scurtă), apoi dispar și iconița rămâne cum era. O dată la fiecare hover.
   ========================================================================== */
.elim-book { overflow: visible; }
.elim-book__pg {
	opacity: 0;
	transform-box: view-box;
	transform-origin: 10.6px 10px;
}
.elim-accordion-ref:hover .elim-book__pg,
.tooltip_verse .tooltip:hover .elim-book__pg { animation: elimPage 1s cubic-bezier(.45, .05, .3, 1) both; }
.elim-accordion-ref:hover .elim-book__pg--2,
.tooltip_verse .tooltip:hover .elim-book__pg--2 { animation-delay: .28s; }
@keyframes elimPage {
	0%   { opacity: 1; transform: translateY(0) scaleX(1) skewY(0); }
	40%  { opacity: 1; transform: translateY(-1.5px) scaleX(.3) skewY(-14deg); }
	50%  { opacity: 1; transform: translateY(-2px) scaleX(0) skewY(0); }
	60%  { opacity: 1; transform: translateY(-1.5px) scaleX(-.3) skewY(14deg); }
	94%  { opacity: 1; transform: translateY(0) scaleX(-1) skewY(0); }
	100% { opacity: 0; transform: translateY(0) scaleX(-1) skewY(0); }
}
@media (prefers-reduced-motion: reduce) {
	.elim-book__pg { animation: none !important; }
}
/* pastilele de sub texte primesc aceeași iconiță (pusă de verset.js), în locul celei din fundal */
.tooltip_verse .tooltip.has-book::before { content: none; }
.tooltip_verse .tooltip .elim-book { flex-shrink: 0; width: 18px; height: 17px; }
