/**
 * Hero-ul paginii principale (#mcv-premium-hero).
 * Mutat aici din blocul <style> al widgetului HTML din Elementor (audit I8).
 * Regulile moarte .mcv-stage-indicator / -number / -name au fost eliminate:
 * nu exista markup care sa le foloseasca (audit D7).
 */

#mcv-premium-hero {
    position: relative;

    /* Breakout pe toata latimea ecranului.

       Varianta veche era `width: 100vw; margin-left: calc(50% - 50vw)`. Nu mai
       este buna: `100vw` include si latimea barei de derulare, deci hero-ul
       iesea cu 15px mai lat decat zona utila si documentul depasea fereastra cu
       8px pe desktop. Paliativul `body { overflow-x: clip }` doar ascundea
       urmarea.

       Acum iesim din padding-ul containerului Elementor, nu din fereastra.
       Elementor publica acel padding in `--padding-inline-start` si
       `--padding-inline-end`, care se mostenesc pana aici, deci daca se schimba
       din editor, breakout-ul il urmeaza singur. Valorile de rezerva sunt
       padding-ul implicit al containerelor.

       Verificat pe 21.09.2026 la 1920, 1440, 1024, 834, 430 si 390 px:
       hero-ul ajunge exact de la 0 la marginea zonei utile, iar
       `position: sticky` de pe `.mcv-hero-stage` ramane functional — avertismentul
       din comentariul vechi privea o alta varianta, cu margini pe ambele parti
       si fara pastrarea latimii containerului. */
    width: auto;
    margin-left: calc(-1 * var(--padding-inline-start, 10px));
    margin-right: calc(-1 * var(--padding-inline-end, 10px));

    /* Cursa animatiei: inaltimea sectiunii minus ecranul lipicios de 100vh.
       170vh => 70vh de cursa. Era 240vh => 140vh, adica dublu. */
    --mcv-hero-cursa: 170vh;
    height: var(--mcv-hero-cursa);
    background: #000;
}

.mcv-hero-stage {
    position: sticky;
    top: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.mcv-hero-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    transform: scale(1.02);
    will-change: transform;
}

.mcv-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        rgba(0, 0, 0, .72) 0%,
        rgba(0, 0, 0, .38) 38%,
        rgba(0, 0, 0, .08) 68%,
        rgba(0, 0, 0, .18) 100%
    );
}

.mcv-hero-content {
    position: absolute;
    z-index: 2;
    left: clamp(35px, 6vw, 110px);
    top: 50%;
    transform: translateY(-50%);
    max-width: 720px;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    will-change: transform, opacity;
}

.mcv-hero-kicker {
    margin-bottom: 18px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1.5px;
}

.mcv-hero-content h1 {
    margin: 0 0 24px;
    font-size: clamp(52px, 6vw, 94px);
    line-height: .95;
    font-weight: 700;
    letter-spacing: -2px;
}

.mcv-hero-content p {
    max-width: 570px;
    margin: 0;
    font-size: 18px;
    line-height: 1.55;
}

@media (max-width: 767px) {

    #mcv-premium-hero {
        height: 100vh;
    }

    .mcv-hero-stage {
        position: relative;
    }

    .mcv-hero-content {
        left: 24px;
        right: 24px;
        top: auto;
        bottom: 70px;
        transform: none;
    }

    .mcv-hero-content h1 {
        font-size: 42px;
    }

    .mcv-hero-content p {
        font-size: 15px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mcv-hero-image,
    .mcv-hero-content {
        transition: none !important;
    }
}

/* ==================================================
   Sigla discreta peste banda video (#mcv-hero-video)

   Adresa siglei vine din PHP, in --mcv-hero-sigla, ca sa fie cea a limbii
   paginii (vezi functions.php). Daca proprietatea lipseste — adica pe orice
   pagina in afara primei — `var()` nu are ce inlocui, `background-image`
   revine la `none` si nu se deseneaza nimic.

   Sectiunea Elementor este deja `position: relative` (.elementor-section),
   deci pseudo-elementul se aseaza fata de ea fara sa schimbam pozitionarea.
   `z-index: 2` il tine peste .elementor-background-video-container, care sta
   pe 0. Coloana sectiunii este goala, deci nu acopera continut.
   ================================================== */

#mcv-hero-video::after {
    content: "";
    position: absolute;
    right: clamp(18px, 3vw, 44px);
    bottom: clamp(18px, 3vw, 44px);
    z-index: 2;

    /* Proportia fisierelor de sigla: 1563 x 1197. */
    width: clamp(84px, 9vw, 130px);
    aspect-ratio: 1563 / 1197;

    background-image: var(--mcv-hero-sigla, none);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: contain;

    /* Discreta, dar lizibila si peste cer luminos: sigla e alba, deci are
       nevoie de o umbra ca sa nu dispara pe cadrele deschise. */
    opacity: .72;
    filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .55));

    pointer-events: none;
}