/* ============================================================
   UUS VERSIOON — paralleelne disain (/uusversioon)
   Kõik reeglid on scope'itud .uus-version alla, et vana lehte
   mitte mõjutada. Kasutab samu :root tokeneid (custom.css).
   ============================================================ */

.uus-version {
    --uv-ink: #16241C;
    /* Kõik lehe- ja sektsioonipealkirjad (H1/H2) — üks tumeroheline, ühtne */
    --uv-heading: #134A32;
    background-color: #fff;
}

/* Header nav link + alljoon */
.uus-version .uv-nav-link {
    position: relative;
    transition: color .2s ease;
}
.uus-version .uv-nav-link:hover { color: var(--ttas-green); }
.uus-version .uv-nav-link::after {
    content: '';
    position: absolute;
    left: 0; bottom: -6px;
    width: 0; height: 2px;
    background: var(--ttas-green);
    transition: width .25s ease;
}
.uus-version .uv-nav-link:hover::after { width: 100%; }
/* Aktiivne leht — roheline + joon all */
.uus-version .uv-nav-link.uv-nav-active { color: var(--ttas-green); }
.uus-version .uv-nav-link.uv-nav-active::after { width: 100%; }

/* Teenuste ripploend (hover) */
.uus-version .uv-dropdown__menu {
    opacity: 0;
    visibility: hidden;
    transform: translateY(6px);
    transition: opacity .2s ease, transform .2s ease, visibility .2s;
    z-index: 60;
}
.uus-version .uv-dropdown:hover .uv-dropdown__menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.uus-version .uv-dropdown:hover .uv-dropdown__caret { transform: rotate(180deg); }

/* Sisukast — hero hoolitseb ise header'i vahe eest (topelt-paddingu vältimiseks 0) */
.uus-version .uv-page { padding-top: 0; }

/* Väike rohel. SUURTÄHT-silt (kicker) */
.uus-version .uv-kicker {
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--ttas-green);
}

/* HERO — hele taust, roheline tekst, foto paremal (maketi järgi) */
.uus-version .uv-hero {
    position: relative;
    min-height: 80vh;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: var(--ttas-bg-soft);
}
.uus-version .uv-hero__img {
    position: absolute; inset: 0;
    width: 100%; height: 100%;
    object-fit: cover;
    filter: saturate(1.08) brightness(1.02);
}
/* Kate ainult vasakus ~1/2-s: roheline tekst loetav, parem pool pilti selge */
.uus-version .uv-hero__fade {
    position: absolute; inset: 0;
    background: linear-gradient(90deg,
        #FAF9F7 0%,
        rgba(250,249,247,.99) 24%,
        rgba(250,249,247,.85) 36%,
        rgba(250,249,247,.38) 46%,
        rgba(250,249,247,0) 54%);
}
@media (max-width: 768px) {
    .uus-version .uv-hero__fade {
        background: linear-gradient(180deg,
            rgba(250,249,247,.96) 0%,
            rgba(250,249,247,.78) 42%,
            rgba(250,249,247,.25) 72%,
            rgba(250,249,247,0) 90%);
    }
}
.uus-version .uv-hero__title {
    /* Avalehe hero pealkiri veidi tumedam kui üldine pealkirjatoon (klient: "ülemised tekstid tumedamaks") */
    color: #0E3B27;
    font-weight: 800;
    letter-spacing: -.02em;
    line-height: 1.02;
}
/* Esilehe hero: pehme off-white udu (ovaalne) — teeb foto pehmeks + tekst/logo loetav, ilma tekstivarjuta */
.uus-version .uv-hero__soft {
    position: absolute; inset: 0;
    pointer-events: none;
    background:
        radial-gradient(75% 85% at 24% 36%,
            rgba(250,249,247,0.95) 0%,
            rgba(250,249,247,0.62) 30%,
            rgba(250,249,247,0.20) 52%,
            rgba(250,249,247,0) 70%),
        radial-gradient(120% 110% at 72% 4%,
            rgba(250,249,247,0.64) 0%,
            rgba(250,249,247,0.22) 40%,
            rgba(250,249,247,0) 68%);
}
@media (max-width: 768px) {
    .uus-version .uv-hero__soft {
        background: radial-gradient(120% 72% at 42% 30%,
            rgba(250,249,247,0.95) 0%,
            rgba(250,249,247,0.55) 46%,
            rgba(250,249,247,0.10) 76%,
            rgba(250,249,247,0) 100%);
    }
}
/* Kõverjoon hero alaosas */
.uus-version .uv-hero__curve { position: absolute; left: 0; right: 0; bottom: -1px; z-index: 5; line-height: 0; pointer-events: none; }
.uus-version .uv-hero__curve svg { display: block; width: 100%; height: 64px; }

/* Alalehe hero — kompaktne ümar kaart */
.uus-version .uv-herocard {
    background: var(--ttas-bg-soft);
}
/* Desktopil pilt taustaks, tekst vertikaalselt keskele; mobiilis pilt+tekst virnas (uus-hero.php) */
@media (min-width: 769px) {
    .uus-version .uv-herocard {
        min-height: 380px;
        display: flex;
        align-items: center;
    }
}
/* Hero-foto: teravam/selgem (rohkem kontrasti, vähem heledust — vähem udu) */
.uus-version .uv-herocard img {
    filter: saturate(1.2) contrast(1.2) brightness(0.99);
}
/* Roheline tooni-kiht — õrn (ei pese pilti uduseks); tugevust muuda opacity'ga */
.uus-version .uv-herocard__tint {
    background: #1e8a4c;
    mix-blend-mode: soft-light;
    opacity: .3;
    pointer-events: none;
}
.uus-version .uv-herocard__fade {
    /* Kate vasakus osas: pehme (foto kumab läbi), aga tekstialal piisav
       kontrast ka tumedal/kirjul fotol. Klient: "hajutus vähem intensiivne". */
    background: linear-gradient(90deg,
        rgba(251,251,250,.95) 0%,
        rgba(251,251,250,.89) 22%,
        rgba(251,251,250,.66) 33%,
        rgba(251,251,250,.26) 43%,
        rgba(251,251,250,0) 53%);
}
@media (max-width: 768px) {
    .uus-version .uv-herocard { min-height: 260px; }
    .uus-version .uv-herocard__fade {
        background: linear-gradient(180deg,
            rgba(251,251,250,.96) 0%,
            rgba(251,251,250,.80) 34%,
            rgba(251,251,250,.30) 60%,
            rgba(251,251,250,0) 78%);
    }
}

/* Maksetingimused — roheline riba + diagonaalne foto (erand) */
.uus-version .uv-makse-hero {
    position: relative;
    overflow: hidden;
    background: linear-gradient(120deg, var(--ttas-green-dark) 0%, var(--ttas-green) 68%, #2f8f5f 100%);
}
.uus-version .uv-makse-hero__img {
    position: absolute; top: 0; right: 0; bottom: 0;
    width: 56%;
    background-size: cover;
    background-position: center;
    clip-path: polygon(20% 0, 100% 0, 100% 100%, 6% 100%);
}
@media (max-width: 900px) {
    .uus-version .uv-makse-hero__img { width: 100%; clip-path: none; opacity: .22; }
}

/* Teenusekaart — foto + valge ring-ikoon-silt */
.uus-version .uv-scard { border: 1px solid rgba(20,40,27,.06); transition: transform .3s cubic-bezier(.4,0,.2,1), box-shadow .3s ease; }
.uus-version .uv-scard:hover { transform: translateY(-5px); box-shadow: 0 16px 36px -14px rgba(14,122,69,.22); }
/* Flip-kaardis ei tõsta esikülge (väldib 3D-glitchi), aga vari jääb */
.uus-version .card-flip-inner .uv-scard:hover { transform: none; }
.uus-version .uv-scard__ico {
    position: absolute; left: 20px; bottom: -18px;
    width: 44px; height: 44px; border-radius: 50%;
    background: #fff; box-shadow: 0 6px 16px rgba(20,40,27,.14);
    display: flex; align-items: center; justify-content: center;
    color: var(--ttas-green);
}

/* Teenuse kaardi tõste */
.uus-version .uv-card {
    transition: transform .3s cubic-bezier(.4,0,.2,1), box-shadow .3s ease;
    border: 1px solid rgba(20,40,27,.07);
}
.uus-version .uv-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 40px -12px rgba(14,122,69,.22);
}

/* "Loe rohkem" lingi nool liigub */
.uus-version .uv-more svg { transition: transform .25s ease; }
.uus-version .uv-more:hover svg { transform: translateX(4px); }

/* Feature ikoonkast */
.uus-version .uv-ico {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px; height: 56px;
    border-radius: 16px;
    background: rgb(var(--ttas-green-rgb) / .10);
    color: var(--ttas-green);
}

/* Statistika number */
.uus-version .uv-stat__num {
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    line-height: 1;
    color: var(--ttas-green);
}

/* Pehme sektsioonitaust */
.uus-version .uv-soft { background-color: var(--ttas-bg-soft); }

/* Sektsiooni pealkiri */
.uus-version .uv-h2 {
    font-weight: 800;
    letter-spacing: -.01em;
    color: var(--uv-heading);
}

/* Teenusekaartide flip: kaardi kõrgus = kõrgeim külg (grid-stacking), et pikk
   tagakülje nimekiri mahuks ja "Loe rohkem" oleks kõigil kaartidel põhjas ühel
   joonel. Ainult uue versiooni all — vana esilehe flip jääb puutumata. */
.uus-version .card-flip-inner {
    display: grid;
}
.uus-version .card-front,
.uus-version .card-back {
    grid-area: 1 / 1;
}
.uus-version .card-back {
    position: static;
    inset: auto;
}

/* Läbipaistev avalehe header muutub kerimisel valgeks (logo/menüü loetavus foto peal).
   Alalehtedel on uv-topbar juba valge, seal ei muuda midagi. Töötab ka mobiilis. */
.uus-version .uv-header.uv-scrolled .uv-topbar {
    background: rgba(255,255,255,.95);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(20,40,27,.06);
    box-shadow: 0 4px 20px -12px rgba(20,40,27,.18);
}