/* Liquid Glass pentru pagina „Proiecte și recenzii” (RO + RU).
   Aceleași valori ca stratul de pe pagina de țiglă modulară (css/modular-liquid-glass.css),
   ca cele două pagini să vorbească aceeași limbă vizuală. Se încarcă după local-proof.css. */
body.local-proof-page {
    --liquid-ink: #18202a;
    --liquid-muted: #5b6672;
    --liquid-accent: #ef5b16;
    --liquid-accent-dark: #a63d0d;
    --liquid-line: rgba(255, 255, 255, .7);
    --liquid-surface: rgba(255, 255, 255, .58);
    --liquid-surface-strong: rgba(255, 255, 255, .78);
    --liquid-shadow: 0 24px 64px rgba(33, 43, 54, .12), 0 3px 12px rgba(33, 43, 54, .06);
    --liquid-shadow-soft: 0 14px 38px rgba(33, 43, 54, .09), 0 2px 8px rgba(33, 43, 54, .04);
    --liquid-blur: blur(28px) saturate(145%);
    background: #eef2f4;
    color: var(--liquid-ink);
}

.local-proof-page main {
    background: linear-gradient(180deg, #f8fafb 0%, #edf2f4 24%, #f9fafb 52%, #eaf0f2 76%, #f8fafb 100%);
}

/* Lumini ambientale discrete, ca sticla să aibă ce refracta. */
.local-proof-page .local-proof__explorer {
    position: relative;
    isolation: isolate;
    overflow: hidden;
}

.local-proof-page .local-proof__explorer::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        radial-gradient(38% 30% at 8% 6%, rgba(239, 91, 22, .13), transparent 70%),
        radial-gradient(34% 26% at 96% 22%, rgba(120, 146, 168, .2), transparent 72%),
        radial-gradient(40% 30% at 12% 62%, rgba(150, 172, 190, .18), transparent 72%),
        radial-gradient(36% 28% at 92% 88%, rgba(239, 91, 22, .1), transparent 70%);
    pointer-events: none;
}

/* Suprafața comună de sticlă. */
.local-proof-page :is(
    .local-proof__place,
    .local-proof__story,
    .local-proof__totals span,
    .local-proof__no-matches
) {
    border: 1px solid var(--liquid-line);
    background: linear-gradient(145deg, rgba(255, 255, 255, .8), rgba(255, 255, 255, .42));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .92),
        inset 0 -1px 0 rgba(255, 255, 255, .24),
        var(--liquid-shadow-soft);
    -webkit-backdrop-filter: var(--liquid-blur);
    backdrop-filter: var(--liquid-blur);
}

/* Header și controale universale. */
.local-proof-page .header {
    background: rgba(244, 247, 249, .66);
    border-bottom: 1px solid rgba(255, 255, 255, .75);
    box-shadow: 0 8px 30px rgba(20, 28, 36, .07);
    -webkit-backdrop-filter: blur(30px) saturate(160%);
    backdrop-filter: blur(30px) saturate(160%);
}

.local-proof-page .header__top-bar,
.local-proof-page .header__nav {
    background: transparent;
}

.local-proof-page .header__top-bar {
    border-bottom-color: rgba(28, 38, 49, .07);
}

.local-proof-page .header__menu-link {
    border-radius: 999px;
}

.local-proof-page .header__menu-link:hover,
.local-proof-page .header__menu-link.active,
.local-proof-page .header__dropdown.open > .header__menu-link {
    background: rgba(255, 255, 255, .62);
}

.local-proof-page .header__dropdown-menu {
    border: 1px solid rgba(255, 255, 255, .76);
    border-radius: 22px;
    background: rgba(248, 250, 251, .78);
    box-shadow: var(--liquid-shadow);
    -webkit-backdrop-filter: blur(28px) saturate(150%);
    backdrop-filter: blur(28px) saturate(150%);
}

.local-proof-page .header__burger,
.local-proof-page .back-to-top,
.local-proof-page .modal__close {
    border: 1px solid rgba(255, 255, 255, .76);
    border-radius: 999px;
    background: rgba(255, 255, 255, .58);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .95), 0 8px 24px rgba(26, 36, 46, .1);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    backdrop-filter: blur(20px) saturate(150%);
}

.local-proof-page main .btn {
    border-radius: 999px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .36), 0 10px 26px rgba(26, 36, 46, .12);
    transition: transform .22s ease, box-shadow .22s ease, background .22s ease, border-color .22s ease;
}

.local-proof-page main .btn:hover {
    transform: translateY(-2px);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .45), 0 16px 34px rgba(26, 36, 46, .16);
}

.local-proof-page main .btn--primary {
    border-color: rgba(255, 133, 72, .5);
    background: linear-gradient(180deg, #ff7838, #e9510d);
    color: #fff;
}

.local-proof-page main .btn--outline-white {
    border-color: rgba(255, 255, 255, .48);
    background: rgba(255, 255, 255, .14);
    color: #fff;
    -webkit-backdrop-filter: blur(22px) saturate(140%);
    backdrop-filter: blur(22px) saturate(140%);
}

/* Hero cinematic: conținutul rămâne liber, controalele devin sticlă. */
.local-proof-page .local-proof__hero {
    border-radius: 0 0 36px 36px;
    box-shadow: 0 24px 70px rgba(18, 25, 33, .18);
}

.local-proof-page .local-proof__hero::after {
    background: linear-gradient(100deg, rgba(10, 14, 20, .86) 0%, rgba(10, 14, 20, .62) 45%, rgba(10, 14, 20, .2) 100%);
}

.local-proof-page .local-proof__hero .local-proof__kicker {
    border-color: rgba(255, 255, 255, .24);
    background: rgba(15, 20, 27, .34);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2);
    -webkit-backdrop-filter: blur(18px) saturate(130%);
    backdrop-filter: blur(18px) saturate(130%);
}

/* backdrop-filter pune inputul peste lupă, așa că o ridicăm deasupra. */
.local-proof-page .local-proof__search-wrap i {
    z-index: 2;
}

.local-proof-page .local-proof__search-wrap input {
    border: 1px solid rgba(255, 255, 255, .64);
    border-radius: 999px;
    background: rgba(255, 255, 255, .84);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .88), 0 12px 28px rgba(7, 12, 18, .18);
    -webkit-backdrop-filter: blur(24px) saturate(150%);
    backdrop-filter: blur(24px) saturate(150%);
}

.local-proof-page .local-proof__search-wrap input:focus-visible {
    border-color: rgba(239, 91, 22, .6);
    background: rgba(255, 255, 255, .86);
    box-shadow: inset 0 1px 0 #fff, 0 0 0 4px rgba(239, 91, 22, .18), 0 12px 28px rgba(7, 12, 18, .18);
}

.local-proof-page .local-proof__suggestions:not([hidden]) {
    border: 1px solid rgba(255, 255, 255, .76);
    border-radius: 22px;
    background: rgba(248, 250, 251, .8);
    box-shadow: var(--liquid-shadow);
    -webkit-backdrop-filter: blur(28px) saturate(150%);
    backdrop-filter: blur(28px) saturate(150%);
}

.local-proof-page .local-proof__suggestions button {
    border-bottom-color: rgba(28, 38, 49, .06);
    background: transparent;
}

.local-proof-page .local-proof__suggestions button:hover,
.local-proof-page .local-proof__suggestions button:focus-visible {
    background: rgba(255, 255, 255, .7);
}

/* Etichetele de secțiune devin capsule de sticlă. */
.local-proof-page .local-proof__section-head .local-proof__eyebrow,
.local-proof-page .local-proof__selection-head .local-proof__eyebrow {
    min-height: 30px;
    padding: 6px 13px;
    border: 1px solid rgba(255, 255, 255, .68);
    border-radius: 999px;
    background: rgba(255, 255, 255, .52);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .92), 0 7px 22px rgba(26, 36, 46, .08);
    -webkit-backdrop-filter: blur(18px) saturate(150%);
    backdrop-filter: blur(18px) saturate(150%);
    color: var(--liquid-accent-dark);
    font-size: 11px;
    line-height: 1;
}

/* Localitățile. */
.local-proof-page .local-proof__place {
    border-radius: 22px;
    transition: transform .35s cubic-bezier(.2, .8, .2, 1), border-color .35s ease, box-shadow .35s ease, background .35s ease;
}

.local-proof-page .local-proof__place:hover,
.local-proof-page .local-proof__place:focus-visible {
    border-color: rgba(255, 255, 255, .94);
    background: linear-gradient(145deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .55));
    box-shadow: inset 0 1px 0 #fff, 0 18px 40px rgba(33, 43, 54, .12);
}

.local-proof-page .local-proof__place.is-active {
    border-color: rgba(239, 91, 22, .52);
    background: rgba(255, 255, 255, .84);
    box-shadow: inset 0 1px 0 #fff, 0 12px 30px rgba(35, 45, 55, .14), 0 0 0 2px rgba(239, 91, 22, .12);
}

.local-proof-page .local-proof__place-count {
    border: 1px solid rgba(255, 255, 255, .8);
    background: rgba(255, 255, 255, .6);
    box-shadow: inset 0 1px 0 #fff, 0 4px 10px rgba(33, 43, 54, .08);
}

.local-proof-page .local-proof__place.is-active .local-proof__place-count {
    border-color: rgba(255, 147, 91, .62);
    background: linear-gradient(180deg, #ff7838, #e9510d);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), 0 5px 12px rgba(239, 91, 22, .25);
}

.local-proof-page .local-proof__places {
    scrollbar-color: rgba(120, 132, 144, .45) transparent;
    scrollbar-width: thin;
}

/* Rezultatele. */
.local-proof-page .local-proof__selection-head {
    border-bottom-color: rgba(255, 255, 255, .9);
    box-shadow: 0 1px 0 rgba(28, 38, 49, .06);
}

.local-proof-page .local-proof__story {
    border-radius: 30px;
}

.local-proof-page .local-proof__story-media {
    background: linear-gradient(145deg, rgba(255, 255, 255, .42), rgba(226, 233, 238, .3));
    border-bottom: 1px solid rgba(255, 255, 255, .7);
}

.local-proof-page :is(.local-proof__story-video, .local-proof__story-photos) {
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, .55),
        0 14px 34px rgba(17, 27, 34, .18);
}

.local-proof-page .local-proof__story-quote {
    border-left-color: rgba(239, 91, 22, .75);
}

.local-proof-page .local-proof__text-link {
    padding: 12px 18px;
    border: 1px solid var(--liquid-line);
    border-radius: 999px;
    background: rgba(255, 255, 255, .55);
    box-shadow: inset 0 1px 0 #fff, 0 8px 22px rgba(33, 43, 54, .07);
    -webkit-backdrop-filter: blur(18px) saturate(150%);
    backdrop-filter: blur(18px) saturate(150%);
}

.local-proof-page .local-proof__text-link:hover {
    background: rgba(255, 255, 255, .8);
    text-decoration: none;
}

/* CTA de final, footer și controalele plutitoare. */
.local-proof-page .local-proof__cta-box {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 38px;
    background:
        linear-gradient(110deg, rgba(14, 20, 28, .9), rgba(36, 45, 57, .76), rgba(114, 49, 20, .72)),
        url('/images/products/header/portofoliu_header.jpg') center 60% / cover no-repeat;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14), 0 28px 76px rgba(17, 24, 32, .22);
}

.local-proof-page .local-proof__cta-box .local-proof__kicker {
    padding: 6px 13px;
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 999px;
    background: rgba(15, 20, 27, .34);
    color: #fff;
    -webkit-backdrop-filter: blur(18px) saturate(130%);
    backdrop-filter: blur(18px) saturate(130%);
}

.local-proof-page .footer {
    margin-top: 0;
    border-top: 1px solid rgba(255, 255, 255, .08);
    background: linear-gradient(180deg, #202832, #151b22);
}

.local-proof-page .footer__social a {
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 999px;
    background: rgba(255, 255, 255, .08);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
}

.local-proof-page .mobile-measurement-cta {
    border: 1px solid rgba(255, 147, 91, .62);
    border-radius: 999px;
    background: rgba(239, 91, 22, .9);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .42), 0 18px 42px rgba(167, 57, 9, .24);
    -webkit-backdrop-filter: blur(22px) saturate(150%);
    backdrop-filter: blur(22px) saturate(150%);
}

.local-proof-page .floating-messengers__link {
    border: 1px solid rgba(255, 255, 255, .42);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 12px 30px rgba(23, 31, 40, .18);
    -webkit-backdrop-filter: blur(18px) saturate(145%);
    backdrop-filter: blur(18px) saturate(145%);
}

.local-proof-page .modal-overlay {
    background: rgba(16, 22, 29, .38);
    -webkit-backdrop-filter: blur(16px) saturate(120%);
    backdrop-filter: blur(16px) saturate(120%);
}

.local-proof-page .modal {
    border: 1px solid rgba(255, 255, 255, .78);
    border-radius: 32px;
    background: rgba(246, 249, 250, .72);
    box-shadow: inset 0 1px 0 #fff, 0 34px 90px rgba(12, 18, 24, .3);
    -webkit-backdrop-filter: blur(34px) saturate(155%);
    backdrop-filter: blur(34px) saturate(155%);
}

.local-proof-page .local-proof__viewer {
    border-color: rgba(255, 255, 255, .28);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), 0 34px 90px rgba(0, 0, 0, .45);
}

@media (max-width: 760px) {
    .local-proof-page .local-proof__hero {
        border-radius: 0 0 28px 28px;
    }

    .local-proof-page .local-proof__story {
        border-radius: 24px;
    }

    .local-proof-page .local-proof__cta-box {
        border-radius: 28px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .local-proof-page :is(main .btn, .local-proof__place) {
        transition: none;
    }
}

@media (prefers-contrast: more) {
    body.local-proof-page {
        --liquid-line: rgba(24, 32, 41, .28);
        --liquid-surface: rgba(255, 255, 255, .92);
        --liquid-surface-strong: #fff;
    }
}

@media (prefers-reduced-transparency: reduce) {
    .local-proof-page :is(
        .header,
        .local-proof__place,
        .local-proof__story,
        .local-proof__totals span,
        .local-proof__no-matches,
        .local-proof__suggestions,
        .local-proof__text-link,
        .modal
    ) {
        background: #f8fafb;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }
}