/* =============================================================================
   PAGINILE DE FUNCȚIONALITĂȚI (generate în ~/modula-feature-pages)
   Erou închis cu galeria reală, filmări scurte din editorul nou care pornesc
   singure când intră în ecran, rânduri alternante, carduri spre alte pagini.
   ========================================================================== */

.fp-hero { overflow: clip; padding-bottom: var(--wp--preset--spacing--x-large); text-align: center; }
.fp-hero .mh-inner > * + * { margin-block-start: 0; }
.fp-copy { max-width: 860px; margin-inline: auto; }
.fp-copy > * { margin-block: 0; }
.fp-eyebrow { font-size: var(--wp--preset--font-size--xx-small); font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--wp--preset--color--main-accent); }
.fp-h1 { margin-block-start: 20px !important; font-size: clamp(2.75rem, 6.4vw, 5.5rem); line-height: 1.02; letter-spacing: -.01em; }
.fp-h1 em { font-style: italic; }
.fp-lead { max-width: 640px; margin: 22px auto 0 !important; font-size: clamp(1.0625rem, 1.5vw, 1.25rem); line-height: 1.55; color: rgb(245 243 238 / .74); }
.fp-cta { justify-content: center; gap: 12px; margin-block-start: 30px !important; }
.fp-hero .wp-block-button:not(.is-style-outline) > .wp-block-button__link { background: var(--wp--preset--color--base); color: var(--wp--preset--color--main); }
.fp-hero .is-style-outline > .wp-block-button__link { background: transparent; border: 1px solid rgb(245 243 238 / .4); color: var(--wp--preset--color--base); }
.fp-hero .is-style-outline > .wp-block-button__link:hover { border-color: var(--wp--preset--color--base); }
.fp-proof { margin-block-start: 22px !important; font-size: var(--wp--preset--font-size--x-small); color: rgb(245 243 238 / .62); }
.fp-stage { margin-block-start: clamp(40px, 5vw, 64px) !important; }
.fp-hint { margin-block-start: 18px !important; font-size: var(--wp--preset--font-size--x-small); color: rgb(245 243 238 / .62); }

.fp-clip { position: relative; margin: 0; }
.fp-clip video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; border-radius: var(--mc-radius-card); background: var(--mc-ink); box-shadow: 0 24px 60px rgb(30 30 28 / .16), 0 0 0 1px rgb(30 30 28 / .06); }
.fp-hero .fp-clip video { box-shadow: 0 0 0 1px rgb(245 243 238 / .12); }
.fp-clip figcaption { margin-block-start: 12px; font-size: var(--wp--preset--font-size--x-small); color: var(--wp--preset--color--secondary); text-align: center; }
.fp-clip-toggle { position: absolute; right: 12px; bottom: 12px; width: 36px; height: 36px; padding: 0; border: 0; border-radius: 50%; background: rgb(30 30 28 / .72); color: #fff; cursor: pointer; opacity: 0; transition: opacity .2s; }
.fp-clip-toggle::before { content: ""; position: absolute; left: 13px; top: 12px; width: 10px; height: 12px; border-inline: 3px solid currentColor; }
.fp-clip-toggle.is-paused::before { left: 14px; top: 11px; width: 0; height: 0; border-block: 7px solid transparent; border-inline: 11px solid currentColor; border-inline-end: 0; }
.fp-clip:hover .fp-clip-toggle, .fp-clip-toggle:focus-visible, .fp-clip-toggle.is-paused { opacity: 1; }
@media (hover: none) { .fp-clip-toggle { opacity: .8; } }

.fp-steps { gap: 32px !important; }
.fp-steps > * > * { margin-block: 0; }
.fp-num { font-size: var(--wp--preset--font-size--xx-small); font-weight: 600; letter-spacing: .14em; color: var(--wp--preset--color--secondary); }
.fp-step-t { margin-block-start: 10px !important; font-size: var(--wp--preset--font-size--base); }
.fp-step-d { margin-block-start: 4px !important; font-size: var(--wp--preset--font-size--small); line-height: 1.55; color: var(--wp--preset--color--secondary); }

.fp-row { gap: clamp(32px, 5.5vw, 80px) !important; }
.fp-rows .mh-inner > .fp-row + .fp-row { margin-block-start: clamp(56px, 7vw, 112px); }
.fp-row-t { margin-block: 0 14px; font-size: clamp(1.75rem, 2.7vw, 2.5rem); line-height: 1.08; }
.fp-row-d { margin-block: 0 22px; font-size: var(--wp--preset--font-size--small); line-height: 1.6; color: var(--wp--preset--color--secondary); }
.fp-row .modula-checklist { margin-block: 0; }

.fp-more { gap: 28px !important; }
.fp-card-img { margin: 0 0 16px; }
.fp-card-img img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; object-position: left top; border-radius: var(--mc-radius-row); transition: transform .3s ease; }
.fp-card-img a { display: block; overflow: hidden; border-radius: var(--mc-radius-row); }
.fp-card-img a:hover img { transform: scale(1.03); }
.fp-card-t { margin-block: 0 6px; font-size: var(--wp--preset--font-size--medium); line-height: 1.12; }
.fp-card-t a { color: inherit; text-decoration: none; }
.fp-card-t a:hover { text-decoration: underline; text-underline-offset: 3px; }
.fp-card-d { margin: 0; font-size: var(--wp--preset--font-size--small); line-height: 1.55; color: var(--wp--preset--color--secondary); }

/* O galerie reală într-o singură coloană ar ocupa câteva ecrane pe telefon. Rămâne o singură galerie;
   se vede începutul, iar lightbox-ul deschide toate pozele. */
@media (max-width: 781px) {
	.fp-stage-cap { position: relative; max-height: 150vw; overflow: hidden; }
	.fp-stage-cap::after { content: ""; position: absolute; inset: auto 0 0; height: 110px; background: linear-gradient(to bottom, rgb(30 30 28 / 0), var(--wp--preset--color--main)); pointer-events: none; }
}

@media (min-width: 782px) { .fp-row.is-flip { flex-direction: row-reverse; } }
@media (max-width: 781px) {
	.fp-row { flex-direction: column-reverse; }
	.fp-row.is-flip { flex-direction: column; }
}