/* ==========================================================================
   Misiunea — tripticul (.trp): trei pastile animate, cea din mijloc ridicată, ca un triptic;
   sub fiecare, eticheta aurie și fraza. Legătura cu declarația de sus: fraza din declarație
   (.trp-ph) se aprinde în mov când pastila ei e activă, și invers.
   ========================================================================== */
.trp {
	display: grid;
	grid-template-columns: repeat(3, 130px);
	justify-content: center;
	align-items: start;
	gap: 40px;
	margin: 0 auto;
}
.trp-item {
	margin: 0 !important;
	text-align: center;
	cursor: default;
	outline: none;
	transition: transform .5s cubic-bezier(.22, .8, .2, 1);
}
.trp-item:nth-of-type(2) { margin-top: -32px !important; }   /* tabloul din mijloc, ridicat (nth-of-type: SVG-ul bolții e și el în .trp) */
.trp .trp-video {
	max-width: 130px !important;
	transition: transform .5s cubic-bezier(.22, .8, .2, 1), box-shadow .5s;
}
.trp-item.is-on .trp-video { transform: translateY(-8px); box-shadow: 0 18px 36px rgba(72, 48, 65, .18); }
.trp-item:focus-visible .trp-video { box-shadow: 0 0 0 3px #fff, 0 0 0 5px #DAA769; }
/* fără text sub pastile (decizie 22 oct. 2026): legendele rămân doar pentru cititoare de ecran */
.trp figcaption {
	position: absolute !important;
	width: 1px; height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}
.trp-k { display: block; margin: 0 0 6px !important; }
.trp-t {
	display: block;
	font-family: "macha", sans-serif;
	font-weight: 700;
	font-size: 18px;
	line-height: 1.3;
	color: #1B141A;
	text-wrap: balance;
}

/* frazele din declarație (puse în widgetul Elementor): aurii ca declarația; active = mov */
.trp-ph { transition: color .35s; cursor: default; }
.trp-ph.is-on { color: #483041; }

@media (max-width: 991px) {
	.trp { grid-template-columns: repeat(3, minmax(0, 120px)); gap: 24px; }
	.trp .trp-video { max-width: 120px !important; }
}
@media (max-width: 767px) {
	.trp { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
	.trp-item:nth-of-type(2) { margin-top: -20px !important; }
	.trp .trp-video { max-width: 100% !important; }
}
@media (prefers-reduced-motion: reduce) {
	.trp-item, .trp .trp-video, .trp-ph { transition: none; }
}

/* declarația pe arce (triptic.js): SVG-ul ia locul textului; textul original rămâne pentru cititoare de ecran */
.trp-arc { display: block; max-width: 100%; height: auto; margin: 0 auto; overflow: visible; }
.trp-arc text, .trp-arc tspan { fill: currentColor; }
.trp-arc .trp-ph { transition: fill .35s, color .35s; }
.trp-arc .trp-ph.is-on { color: #483041; }
p.trp-arc-src {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
	clip: rect(0 0 0 0) !important;
	white-space: nowrap !important;
}

/* „bolta” (≥ 1280 px, triptic.js): textul pe lateralele tripticului, pe toată lățimea ecranului */
.trp { position: relative; }
.trp.is-side { grid-template-columns: repeat(3, 130px); gap: 24px; margin-top: 56px; }
.trp-arc--side { position: absolute; top: 0; max-width: none; z-index: 0; pointer-events: none; }
.trp-arc--side .trp-ph { pointer-events: auto; }
.trp.is-side .trp-item { position: relative; z-index: 1; }
/* secțiunea declarației rămâne doar pentru cititoare de ecran: fără spațiu în pagină */
.trp-src-section { margin: 0 !important; padding: 0 !important; min-height: 0 !important; }