/* =========================================================
   KARPŪNAS - GALUTINIS CSS v15 (Išvalytas ir pilnai sutvarkytas)
   ========================================================= */

/* --- 1. PAGRINDINIAI NUSTATYMAI IR FONAS --- */
body, main {
    font-family: 'Montserrat', sans-serif;
    background-color: #e5d7c4 !important; 
    color: #222222;
    overflow-x: hidden !important;
    margin: 0;
    padding: 0;
}

h1, h2, h3 { font-weight: 700; margin-bottom: 15px; }
p { font-weight: 400; line-height: 1.6; }

.social-area.spacer-area { display: none !important; }

/* --- 2. MAKSIMALIAI KOMPAKTIŠKA MENIU JUOSTA --- */
.header-area, .main-header, header {
    padding-top: 5px !important; 
    padding-bottom: 5px !important;
    background-color: rgba(224, 224, 224, 0.95) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}

#sticky-header.sticky {
    background-color: rgba(224, 224, 224, 0.98) !important;
}

.header-logo img {
    width: 95px !important; 
    height: auto !important;
}

.logo-flex {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.logo-text {
    color: #000000 !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    margin-left: 12px !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
    text-shadow: none !important;
}

/* --- 3. HERO SEKCIJA (Karpis ir Laikmatis) --- */
.hero-area {
    background-size: cover !important;     
    background-position: center center !important;
    min-height: auto !important; 
    padding-top: 140px !important; 
    padding-bottom: 100px !important; 
    display: flex;
    align-items: center; 
    position: relative !important;
    z-index: 5 !important;
}
.hero { padding: 10px; text-align: center; background: transparent; width: 100%; }
.hero h1 { font-size: 42px !important; color: #ffffff !important; text-shadow: 2px 2px 5px rgba(0,0,0,0.7) !important; margin-bottom: 15px !important; }
.hero h1 span { color: #e5d7c4 !important; text-shadow: 2px 2px 5px rgba(0,0,0,0.7) !important; }
.hero p { color: #ffffff !important; font-size: 18px !important; text-shadow: 1px 1px 4px rgba(0,0,0,0.7) !important; max-width: 800px; margin: 0 auto 20px auto !important; }

#pradzia .countdown { margin-top: 20px !important; display: flex !important; justify-content: center !important; }
#pradzia .countdown span { text-shadow: 1px 1px 3px rgba(0,0,0,0.5) !important; font-weight: 700 !important; background: transparent !important; color: #ffffff !important; border: none !important; }
#pradzia .countdown p { text-shadow: 1px 1px 3px rgba(0,0,0,0.5) !important; font-weight: 600 !important; font-size: 14px !important; letter-spacing: 1px !important; }
#timer ul li { background: transparent !important; border: none !important; }

/* --- 4. BLOKŲ SPALVOS IR Z-INDEX --- */
.apie-mus-zalias, .join-area, .mission-area, .video-area, .call-do-action-area {
    background-color: #889063 !important;
    background-image: none !important;
    position: relative !important;
    z-index: 10 !important;
    overflow: visible !important;
    padding-top: 60px !important;
    padding-bottom: 60px !important;
    margin: 0 !important;
}

.donate-area, .principles-area, .team-section {
    background-color: transparent !important; 
    position: relative !important;
    z-index: 5 !important;
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}

/* --- 5. VISUOTINIAI BANGŲ EFEKTAI --- */
.apie-mus-zalias::after, .apie-mus-zalias::before,
.join-area::after, .join-area::before,
.mission-area::after, .mission-area::before,
.video-area::after, .video-area::before,
.call-do-action-area::after, .call-do-action-area::before {
    display: none !important;
}

.apie-mus-zalias::before, .mission-area::before, .video-area::before, .call-do-action-area::before {
    content: "" !important; display: block !important; position: absolute !important; top: -50px !important; left: 0 !important; width: 100% !important; height: 51px !important; background-color: transparent !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320' preserveAspectRatio='none'%3E%3Cpath fill='%23889063' fill-opacity='1' d='M0,128L48,144C96,160,192,192,288,197.3C384,203,480,181,576,149.3C672,117,768,75,864,80C960,85,1056,139,1152,160C1248,181,1344,171,1392,165.3L1440,160L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E") !important; background-size: 100% 100% !important; z-index: 10 !important; pointer-events: none !important;
}

.join-area::after, .mission-area::after, .video-area::after {
    content: "" !important; display: block !important; position: absolute !important; bottom: -50px !important; left: 0 !important; width: 100% !important; height: 51px !important; background-color: transparent !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320' preserveAspectRatio='none'%3E%3Cpath fill='%23889063' fill-opacity='1' d='M0,128L48,144C96,160,192,192,288,197.3C384,203,480,181,576,149.3C672,117,768,75,864,80C960,85,1056,139,1152,160C1248,181,1344,171,1392,165.3L1440,160L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E") !important; background-size: 100% 100% !important; transform: scaleY(-1) !important; z-index: 10 !important; pointer-events: none !important;
}

/* --- 6. TEKSTŲ SPALVOS IR VALYMAS --- */
.apie-mus-zalias *, .join-area *, .mission-area *, .video-area * { color: #ffffff !important; text-shadow: none !important; }
.call-do-action-area * { color: #000000 !important; text-shadow: none !important; }

.icon-invert, .video-area .section-title.style-two .sub-title img { filter: brightness(0) invert(1) !important; }

.donate-area h2, .donate-area h3, .donate-area p, .donate-area span,
.principles-area h2, .principles-area h3, .principles-area p, .principles-area span,
.team-section h2, .team-section h3, .team-section p, .team-section span { color: #222222 !important; text-shadow: none !important; }
.section-title .sub-title img { filter: brightness(0) !important; }

/* --- 7. MYGTUKAI IR FORMOTES --- */
input[type="email"], input[type="number"], .join-input-box input {
    background-color: #f4ebe1 !important; border: 2px solid #354024 !important; color: #354024 !important; border-radius: 6px !important;
}

.btn-primary, .join-button, #scrollUp, .video-button a {
    background-color: #354024 !important; color: #e5d7c4 !important; border-radius: 6px !important; font-weight: 700 !important; border: none !important; box-shadow: none !important; text-shadow: none !important;
}

/* VIRŠUTINIO MYGTUKO "PAREMK" TAISYMAS */
.header-button a {
    background-color: #354024 !important; color: #e5d7c4 !important; border-radius: 6px !important; border: none !important; box-shadow: none !important;
    font-weight: 500 !important; 
    text-shadow: none !important; 
    -webkit-text-stroke: 0 !important; 
    letter-spacing: 0.5px !important; 
    -webkit-font-smoothing: antialiased !important; 
}

.donate ul li.amount-btn { background-color: #f4ebe1 !important; color: #354024 !important; border: 2px solid #354024 !important; border-radius: 6px !important; font-weight: 400 !important; }
.donate ul li.amount-btn.active, .donate ul li.amount-btn:hover { background-color: #354024 !important; color: #e5d7c4 !important; }
.bank-details { background-color: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; margin-top: 20px !important; }

/* --- 8. VERTYBIŲ IR KOMANDOS BLOKAI --- */
.single-principle-box { background-color: #f4ebe1 !important; padding: 30px !important; border-radius: 8px !important; border: none !important; box-shadow: none !important;}

.komandos-tinklelis { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 20px !important; padding-top: 15px !important; width: 100% !important; }
.komandos-tinklelis .single-team-box { flex: 0 0 calc(25% - 20px) !important; max-width: 260px !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; }
.komandos-tinklelis .team-content, .komandos-tinklelis .team-thumb { background: transparent !important; border: none !important; box-shadow: none !important; }
.komandos-tinklelis .team-thumb img { border-radius: 8px !important; width: 100%; display: block; border: none !important; transition: transform 0.4s; }
.komandos-tinklelis .single-team-box:hover .team-thumb img { transform: scale(1.05) !important; }
.komandos-tinklelis .team-content h3 { font-size: 18px !important; margin-top: 15px !important; margin-bottom: 5px !important; color: #222222 !important; }

.call-do-social-icon { background: transparent !important; border: none !important; box-shadow: none !important; }
.call-do-social-icon i { color: #000000 !important; font-size: 32px !important; }

.footer-custom { background-color: #354024 !important; border: none !important; padding: 15px 0 !important; }
.footer-custom * { color: #e5d7c4 !important; text-shadow: none !important; }

/* --- 9. UŽDENGIMŲ TAISYMAS (Atitraukimas nuo bangų) --- */
.video-area { padding-bottom: 120px !important; }
.team-section { margin-top: 0 !important; padding-top: 120px !important; position: relative !important; z-index: 10 !important; clear: both !important; }

/* --- 10. MOBILIOS VERSIJOS PRITAIKYMAS --- */
@media (max-width: 991px) {
    .header-area .col-md-10 { display: none !important; }
    .hero-area { padding-top: 120px !important; padding-bottom: 80px !important; }
    .hero h1 { font-size: 32px !important; }
    
    .video-area { height: auto !important; min-height: auto !important; padding-bottom: 150px !important; }
    .team-section { padding-top: 180px !important; margin-top: 0 !important; }
    .team-section .section-title { margin-top: 0 !important; position: relative !important; top: 0 !important; transform: none !important; }

    .mean-container .mean-bar, .mobile-menu-area { background: rgba(224, 224, 224, 0.95) !important; }
    .mean-container .mean-bar, .mean-container .mean-bar a, .mean-container .mean-bar h1, .mean-container .mean-bar span, .mean-container .mean-bar .logo-text { color: #000000 !important; text-shadow: none !important; }
    .mean-container a.meanmenu-reveal span { background-color: #000000 !important; }
}

@media (max-width: 768px) {
    .komandos-tinklelis { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; }
    .komandos-tinklelis .single-team-box { width: 100% !important; max-width: 100% !important; grid-column: span 1 !important; margin: 0 !important; }
    .komandos-tinklelis .single-team-box:nth-child(n) { clear: none !important; transform: none !important; }
    .logo-text { font-size: 22px !important; }
}

/* --- 11. PUODELIO FONO PARUOŠIMAS IR DYDŽIO KONTROLĖ --- */
.donate-area .donate-thumb {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 0 !important;
}

.donate-area .donate-thumb img {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    max-width: 100% !important; /* Griežtai užrakina puodelio dydį! */
    height: auto !important; 
    display: block !important;
    margin: 0 auto !important; 
    mix-blend-mode: normal !important; 
}

/* --- 12. "KITA SUMA" LAUKELIO DYDŽIO IR RĖMELIO TAISYMAS --- */
.donate ul li.custom-input-box {
    padding: 0 !important; 
    margin-top: 15px !important; 
    display: block !important;
    width: 100% !important;
    border: none !important; /* Ištrina nepageidaujamą išorinį rėmą */
    background: transparent !important;
}

#customAmount, 
.donate ul li.custom-input-box input {
    width: 100% !important; /* Ištempia juodą rėmelį iki kraštų */
    height: 45px !important; 
    margin: 0 !important;
    box-sizing: border-box !important;
    padding: 10px 15px !important; 
    border: 1px solid #333333 !important; 
    box-shadow: none !important; 
    outline: none !important; 
    background-color: transparent !important;
}
/* =========================================
   13. MENIU JUOSTOS PATAMSĖJIMAS IR BANGA
   ========================================= */

/* 1. Patamsiname meniu foną (tiek kompiuteryje, tiek telefone) */
.header-area, .main-header, header, 
#sticky-header.sticky,
.mean-container .mean-bar, .mobile-menu-area {
    background-color: #d1c0a8 !important; /* Šiek tiek tamsesnė smėlio/žemės spalva */
    backdrop-filter: none !important; /* Išjungiame seną susiliejimą, kad spalva būtų ryški ir vientisa */
    -webkit-backdrop-filter: none !important;
}

/* 2. Pridedame bangą meniu apačioje */
.header-area::after, .main-header::after, header::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    bottom: -20px !important; /* Banga išlenda 20px žemiau meniu juostos */
    left: 0 !important;
    width: 100% !important;
    height: 21px !important;
    background-color: transparent !important;
    /* Identikška banga, nuspalvinta nauja meniu spalva (%23d1c0a8) */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320' preserveAspectRatio='none'%3E%3Cpath fill='%23d1c0a8' fill-opacity='1' d='M0,128L48,144C96,160,192,192,288,197.3C384,203,480,181,576,149.3C672,117,768,75,864,80C960,85,1056,139,1152,160C1248,181,1344,171,1392,165.3L1440,160L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E") !important;
    background-size: 100% 100% !important;
    transform: scaleY(-1) !important; /* Apverčia bangą žemyn */
    z-index: -1 !important; /* Priverčia bangą slėptis po pačiu meniu tekstu, bet virš puslapio */
    pointer-events: none !important; /* Neleidžia banga trukdyti paspaudimams */
}
/* =========================================
   14. "KITA SUMA" LAUKELIO SUSIAURINIMAS
   ========================================= */
.donate ul li.custom-input-box {
    width: auto !important; /* Nebeleidžiame dėžutei plėstis per visą plotį */
}

#customAmount, 
.donate ul li.custom-input-box input {
    width: 150px !important; /* Fiksuotas, siauras plotis. Jei reikės dar siauriau - pakeiskite į 130px */
}
/* =========================================
   VIDINIŲ PUSLAPIŲ (Kontaktai, Privatumo politika) IŠDĖSTYMAS
   ========================================= */
/* =========================================
   ATNAUJINTAS VIDINIŲ PUSLAPIŲ DIZAINAS (Su bangomis)
   ========================================= */

.subpage-area {
    padding-top: 150px !important;
    padding-bottom: 0 !important; /* Nuimame apatinį tarpą, kad banga priglustų */
    background-color: #ffffff; /* Paliekame baltą foną tekstui dėl skaitomumo */
    min-height: 75vh !important; /* Užtikrina, kad puslapis būtų pakankamo aukščio */
    position: relative !important; /* Būtina, kad galėtume pozicionuoti bangą apačioje */
}

/* Tekstų stiliai (kad būtų tamsūs ant balto fono) */
.subpage-area h1, .subpage-area h2, .subpage-area h3 {
    font-weight: 700;
    margin-bottom: 25px;
    color: #111111 !important;
}

.subpage-area p, .subpage-area li {
    font-size: 16px;
    line-height: 1.8;
    color: #444444 !important;
    margin-bottom: 15px;
}

.subpage-area a {
    color: #20b861 !important; /* Žalia spalva nuorodoms (tel, email) */
    font-weight: 600;
    text-decoration: none;
}

.subpage-area a:hover {
    color: #085c23 !important;
    text-decoration: underline;
}

/* --- NAUJAS KODAS BANGOMS --- */

/* Bangos konteineris */
.subpage-wave-container {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    z-index: 1;
}

/* Pačios bangos (SVG) nustatymai */
.subpage-wave-container svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 120px; /* Galite koreguoti bangos aukštį */
}

/* Bangos spalva - TURI SUTAPTI SU APATINIU FOOTER */
.subpage-wave-container .shape-fill {
    fill: #111111 !important; /* Tamsi spalva, susiliejanti su apačia */
}

/* Užtikriname, kad apatinė juosta (footer) tikrai būtų tamsi ir be tarpų */
.footer-bottom-area {
    background-color: #111111 !important;
    margin-top: -1px !important; /* Panaikina bet kokį mikroskopinį tarpelį */
    position: relative;
    z-index: 2;
}
/* =========================================
   11. VIDINIŲ PUSLAPIŲ SPALVŲ IR BANGOS TAISYMAS
   ========================================= */

/* Fono spalva lieka smėlinė */
.subpage-area {
    background-color: #EBE5D6 !important; 
}

/* SVARBU: Grąžiname bangai didesnį aukštį, kad ji nesusiplotų */
.subpage-wave-container svg {
    height: 130px !important; /* Padidiname, kad banga turėtų gražų išlinkimą */
    width: 100% !important; /* Užtikriname, kad ji visada būtų per visą plotį */
}

/* Telefonų ekranuose bangą padarome šiek tiek mažesnę, bet ne plokščią */
@media (max-width: 768px) {
    .subpage-wave-container svg {
        height: 90px !important; /* Optimalus aukštis telefonui */
    }
}
.subpage-wave-container svg {
    height: 50px !important; 
    width: 100% !important;
    display: block !important;
}
@media (max-width: 768px) {
    .subpage-wave-container svg {
        height: 30px !important; 
    }
}