/* =========================================
   ATEKO.LT - PRO INDUSTRIAL STYLE
   ========================================= */

:root {
    --brand-color: #D32F2F;       /* Sodri Raudona */
    --brand-dark: #B71C1C;        /* Tamsiai Raudona */
    --black: #111111;             /* Tikra juoda */
    --dark-grey: #222222;         /* Minkštesnė juoda */
    --light-grey: #F8F9FA;        /* Labai šviesi fonui */
    --border-color: #E5E7EB;      
    --white: #ffffff;
}

body {
    font-family: 'Montserrat', sans-serif;
    color: var(--dark-grey);
    background-color: var(--white);
    margin: 0; padding: 0;
    overflow-x: hidden;
}

h1, h2, h3 { font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; margin-top: 0; }
p { font-weight: 400; color: #555; line-height: 1.7; }
a { text-decoration: none; transition: 0.3s; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.section-padding { padding: 80px 0; }

/* --- 1. PRO NAVBAR (BALTAS) --- */
.navbar {
    background: var(--white);
    border-bottom: 1px solid var(--border-color);
    padding: 15px 0;
    position: sticky; /* Visada viršuje */
    top: 0;
    z-index: 1000;
    box-shadow: 0 4px 20px rgba(0,0,0,0.03);
}
.nav-content { display: flex; justify-content: space-between; align-items: center; }

.nav-links { display: flex; gap: 35px; list-style: none; margin: 0; padding: 0; }
.nav-links a {
    color: var(--black); font-weight: 600; font-size: 13px; 
    text-transform: uppercase; letter-spacing: 1px; position: relative;
}
.nav-links a:hover { color: var(--brand-color); }
/* Aktyvi nuoroda arba hover efektas - raudona linija apačioje */
.nav-links a::after {
    content: ''; position: absolute; width: 0; height: 2px;
    bottom: -5px; left: 0; background: var(--brand-color); transition: 0.3s;
}
.nav-links a:hover::after { width: 100%; }

/* Burgeris (Mobiliesiems) */
.burger div { background-color: var(--black); height: 2px; margin: 6px; }

/* --- 2. HEADER (SIAURESNIS) --- */
.pro-header {
    height: 45vh; /* Optimalus aukštis */
    min-height: 350px;
    background-size: cover; background-position: center;
    position: relative;
    display: flex; align-items: center; justify-content: center;
}
.pro-header::before {
    content: ''; position: absolute; top:0; left:0; width:100%; height:100%;
    background: linear-gradient(to right, rgba(0,0,0,0.8), rgba(0,0,0,0.4)); /* Modernus gradientas */
}
.header-text { position: relative; z-index: 2; color: white; text-align: center; max-width: 800px; }
.header-text h1 { font-size: 38px; margin-bottom: 10px; border-left: 5px solid var(--brand-color); padding-left: 20px; display: inline-block; }

/* --- 3. INTRO BLOKAS (MINIMALISTINIS) --- */
.intro-section { background: var(--white); border-bottom: 1px solid var(--border-color); }
.intro-grid {
    display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center;
}
.intro-text h2 { font-size: 28px; color: var(--black); margin-bottom: 20px; }
.intro-accent {
    border-left: 4px solid var(--brand-color);
    padding-left: 20px; margin-top: 20px;
    font-size: 18px; font-weight: 600; color: var(--black);
}

/* --- 4. PRODUKTŲ SLIDERIS --- */
.slider-wrapper { position: relative; padding: 0 40px; } /* Vieta rodyklėms */
.slider-container {
    display: flex;
    gap: 25px;
    overflow-x: auto;
    scroll-behavior: smooth;
    padding-bottom: 20px;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}
.slider-container::-webkit-scrollbar { display: none; } /* Chrome/Safari */

.slide-card {
    min-width: 280px; max-width: 280px;
    background: var(--white);
    border: 1px solid var(--border-color);
    border-radius: 4px; /* Minimalus radiusas */
    transition: 0.3s;
    flex-shrink: 0;
}
.slide-card:hover {
    border-color: var(--brand-color);
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}
.slide-img {
    height: 200px; display: flex; align-items: center; justify-content: center;
    background: #f9f9f9; border-bottom: 1px solid var(--border-color); overflow: hidden;
}
.slide-img img { width: 100%; height: 100%; object-fit: cover; transition: 0.5s; }
.slide-card:hover .slide-img img { transform: scale(1.05); }

.slide-info { padding: 20px; }
.slide-title { font-size: 14px; font-weight: 700; color: var(--black); margin-bottom: 10px; height: 40px; overflow: hidden; }
.slide-link { 
    font-size: 12px; font-weight: 700; color: var(--brand-color); 
    text-transform: uppercase; border-bottom: 2px solid transparent; 
}
.slide-link:hover { border-bottom-color: var(--brand-color); }

/* Rodyklės */
.slider-btn {
    position: absolute; top: 50%; transform: translateY(-50%);
    width: 40px; height: 40px;
    background: var(--white); border: 1px solid var(--border-color);
    border-radius: 50%; color: var(--black);
    cursor: pointer; z-index: 10;
    display: flex; align-items: center; justify-content: center;
    transition: 0.3s; box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
.slider-btn:hover { background: var(--brand-color); color: white; border-color: var(--brand-color); }
.prev-btn { left: -10px; }
.next-btn { right: -10px; }

/* Mobili versija */
@media (max-width: 768px) {
    .nav-links { display: none; } /* Burgeris tvarkomas per JS */
    .pro-header { height: 35vh; }
    .intro-grid { grid-template-columns: 1fr; }
    .slider-wrapper { padding: 0; }
    .slider-btn { display: none; } /* Mobiliam užtenka swipe */
}
/* --- NAUJAS: Paslaugų tinklelis (Apie mus) --- */
.about-grid-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 stulpeliai, 2 eilutės = 6 itemai */
    gap: 20px;
}
/* Atnaujintas .service-item stilius su aprašymu */
.service-item {
    background: #f9f9f9;
    padding: 30px 20px; /* Šiek tiek daugiau vietos */
    text-align: center;
    border: 1px solid transparent;
    transition: 0.3s;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.service-item h4 {
    font-size: 14px;
    font-weight: 800;
    margin: 15px 0 10px 0;
    text-transform: uppercase;
    color: var(--black);
}

/* Naujas stilius aprašymo tekstui */
.service-item p {
    font-size: 12px;
    color: #666;
    line-height: 1.5;
    margin: 0;
    font-weight: 500;
}
.service-item {
    background: #f9f9f9;
    padding: 25px 15px;
    text-align: center;
    border: 1px solid transparent;
    transition: 0.3s;
    border-radius: 4px;
}
.service-item:hover {
    background: white;
    border-color: var(--brand-color);
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    transform: translateY(-3px);
}
.service-item i {
    font-size: 24px;
    color: var(--brand-color);
    margin-bottom: 10px;
}
.service-item h4 {
    font-size: 13px;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
    color: var(--black);
}

/* --- NAUJAS: Šviesus Footeris --- */
.light-footer {
    background: var(--white);
    border-top: 1px solid var(--border-color);
    padding: 30px 0;
    font-size: 13px;
    color: #666;
}
.footer-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-end; /* Lygiuojam apačią */
}
.footer-left p { margin: 0; font-size: 12px; }

.creator-link {
    font-weight: 700;
    color: var(--black);
    margin-left: 5px;
    position: relative;
}
.creator-link::after {
    content: ''; position: absolute; width: 100%; height: 2px;
    bottom: -2px; left: 0; background: var(--brand-color);
    transform: scaleX(0); transform-origin: right; transition: transform 0.3s;
}
.creator-link:hover::after {
    transform: scaleX(1); transform-origin: left;
}

/* Mobiliam prisitaikymas naujiems blokams */
@media (max-width: 900px) {
    .about-grid-layout { grid-template-columns: 1fr; gap: 40px; }
    .services-grid { grid-template-columns: repeat(2, 1fr); }
    .footer-content { flex-direction: column; gap: 20px; align-items: center; text-align: center; }
}
/* =========================================
   KONTAKTŲ PUSLAPIO STILIUS
   ========================================= */

/* Pagrindinis tinklelis (Desktop: 2 stulpeliai) */
.contact-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: start;
}

/* KAIRĖ: Rekvizitai */
.contact-box {
    background: #fcfcfc;
    padding: 40px;
    border-radius: 8px;
    border: 1px solid #eee;
    border-left: 4px solid #D32F2F;
    box-shadow: 0 5px 20px rgba(0,0,0,0.03);
}

.contact-item {
    margin-bottom: 25px;
    font-size: 15px;
    color: #444;
    display: flex;
    align-items: flex-start;
    gap: 15px;
    line-height: 1.6;
}
.contact-item i { color: #D32F2F; margin-top: 4px; min-width: 25px; text-align: center; }
.contact-item a { color: inherit; text-decoration: none; }

/* DEŠINĖ: Forma */
.contact-form-area h3 { margin-top: 0; margin-bottom: 15px; font-size: 24px; color: #333; }
.contact-form-area p { color: #666; margin-bottom: 25px; }

/* Input laukeliai */
.contact-form-area input, 
.contact-form-area textarea {
    width: 100%;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px; /* Svarbu telefonams */
    color: #333;
    background: #fff;
    box-sizing: border-box;
}

.contact-form-area textarea { resize: vertical; }

.contact-form-area input:focus, 
.contact-form-area textarea:focus {
    border-color: #D32F2F;
    outline: none;
    box-shadow: 0 0 0 3px rgba(211, 47, 47, 0.1);
}

/* Mygtukas */
.btn-submit-form {
    width: 100%;
    padding: 16px;
    background: #D32F2F;
    color: white;
    border: none;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 4px;
    cursor: pointer;
    transition: 0.3s;
}
.btn-submit-form:hover { background: #b71c1c; }


/* --- MOBILI VERSIJA (< 900px) --- */
@media screen and (max-width: 900px) {
    
    /* 1. Viskas į vieną stulpelį */
    .contact-wrapper {
        display: flex;
        flex-direction: column;
        gap: 40px;
    }

    /* 2. REKVIZITAI Į VIRŠŲ (Order 1) */
    .contact-box {
        order: 1;
        width: 100%;
        padding: 25px;
        box-sizing: border-box;
    }

    /* 3. FORMA Į APAČIĄ (Order 2) */
    .contact-form-area {
        order: 2;
        width: 100%;
    }

    /* 4. Inputai, kurie buvo šalia, tampa vienas po kito */
    .contact-form-area form > div[style*="grid-template-columns"] {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }
}

/* Pataisymas: nuoroda "Atsisiųsti instrukciją" produktų puslapyje */
.btn-download {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 15px;
    font-size: 13px;
    font-weight: 600;
    color: var(--brand-color);
    text-decoration: none;
    border-bottom: 1px solid rgba(211, 47, 47, 0.3);
    padding-bottom: 2px;
}
.btn-download:hover {
    border-bottom-color: var(--brand-color);
    opacity: 0.8;
}
/* --- NAUJAS: Gražesnis formos mygtukas --- */
.btn-submit-form {
    background: var(--brand-color); /* Raudona */
    color: white;
    padding: 18px 30px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 100%; /* Mygtukas per visą plotį */
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    box-shadow: 0 4px 6px rgba(211, 47, 47, 0.2);
}

.btn-submit-form:hover {
    background: var(--brand-dark); /* Tamsesnė raudona užvedus */
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(211, 47, 47, 0.3);
}

.btn-submit-form i {
    transition: transform 0.3s;
}

.btn-submit-form:hover i {
    transform: translateX(5px) rotate(-10deg); /* Lėktuvėlio animacija */
}
/* --- PRODUKTŲ TINKLELIS (GRID) --- */
.product-grid {
    display: grid;
    /* Desktop: 3 stulpeliai */
    grid-template-columns: repeat(3, 1fr); 
    gap: 30px;
}

/* Kortelės dizainas */
.product-card {
    background: white;
    border: 1px solid #eee;
    border-radius: 4px;
    transition: 0.3s;
    display: flex;
    flex-direction: column;
    height: 100%; /* Kad visos kortelės būtų lygios */
}
.product-card:hover {
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    border-color: var(--brand-color);
    transform: translateY(-5px);
}

/* Nuotrauka */
.product-img {
    height: 220px; /* Fiksuotas aukštis */
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f9f9f9;
    border-bottom: 1px solid #eee;
}
.product-img img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Gražiai užpildo */
    transition: 0.5s;
}
.product-card:hover .product-img img { transform: scale(1.05); }

/* Informacija */
.product-info {
    padding: 20px;
    flex-grow: 1; /* Užpildo likusią vietą */
    display: flex;
    flex-direction: column;
}
.product-info h3 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
    color: var(--black);
    text-transform: uppercase;
}
.product-desc-short {
    font-size: 13px;
    color: #666;
    line-height: 1.5;
    margin-bottom: 20px;
    flex-grow: 1;
}

/* Mygtukai */
.product-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #eee;
    padding-top: 15px;
    margin-top: auto; /* Nustumia į apačią */
}

.btn-read-more {
    font-size: 12px;
    font-weight: 700;
    color: var(--black);
    text-transform: uppercase;
    border-bottom: 2px solid transparent;
}
.btn-read-more:hover { border-bottom-color: var(--brand-color); color: var(--brand-color); }

.pdf-icon {
    color: #D32F2F; /* PDF Raudona */
    font-size: 20px;
    transition: 0.3s;
}
.pdf-icon:hover { transform: scale(1.2); }

/* --- MOBILI VERSIJA --- */
@media (max-width: 900px) {
    .product-grid {
        /* Mobile: 2 stulpeliai (kaip prašėte) */
        grid-template-columns: repeat(2, 1fr); 
        gap: 15px;
    }
    .product-info { padding: 15px; }
    .product-img { height: 150px; } /* Mažesnė foto telefone */
    .product-info h3 { font-size: 13px; }
    .product-desc-short { font-size: 11px; line-height: 1.4; display: none; } /* Telefone galima slėpti tekstą, palikti tik pavadinimą, jei norit */
    /* Arba palikti: .product-desc-short { display: block; } */
}
.logo-area {
    padding: 40px 20px;
    border-bottom: 1px solid rgba(255,255,255,0.05);
    text-align: center;
}

.admin-brand {
    font-size: 36px !important;  /* PADIDINTA + Svarbu */
    font-weight: 900 !important;
    color: white;
    letter-spacing: 1px;
    line-height: 1;
    margin-bottom: 5px;
}

.admin-subtitle {
    font-size: 9px !important;   /* SUMAŽINTA + Svarbu */
    color: #6c6c80;
    font-weight: 600;
    text-transform: uppercase;   /* Didžiosios raidės atrodo profesionaliau mažam šriftui */
    letter-spacing: 3px;         /* Plačiai išretinta */
    opacity: 0.6;
}
/* --- PRODUKTO VIDINIS PUSLAPIS --- */

/* Headeris vidiniam puslapiui */
.mini-header {
    background: #111;
    padding: 80px 0; /* Padidintas aukštis */
    text-align: center;
    color: white;
    margin-bottom: 50px;
}
.mini-header-text {
    text-transform: uppercase;
    font-size: 16px; /* Didesnis šriftas */
    letter-spacing: 2px;
    font-weight: 700;
    opacity: 0.9;
}

/* Išdėstymas (Grid/Flex) */
.single-product-wrapper {
    display: flex;
    gap: 60px; /* Didesnis tarpas tarp stulpelių */
    margin-bottom: 80px;
    align-items: flex-start;
}

/* Kairė pusė (Nuotrauka + Galerija) */
.single-left {
    flex: 0 0 45%; /* Fiksuotas plotis 45% */
    max-width: 45%;
    position: sticky; /* Kad slinktų kartu su tekstu (jei tekstas ilgas) */
    top: 100px;
}

/* Dešinė pusė (Aprašymas + Failai) */
.single-right {
    flex: 1; /* Užima likusią vietą */
}

/* Pagrindinė nuotrauka */
.main-product-image {
    width: 100%;
    height: auto;
    border-radius: 8px;
    border: 1px solid #eee;
    background: white;
    padding: 10px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
    margin-bottom: 20px;
}

/* Galerija (Mažos nuotraukos po pagrindine) */
.gallery-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 nuotraukos eilutėje */
    gap: 10px;
}
.gallery-thumb {
    height: 80px;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
    cursor: pointer;
    transition: 0.3s;
    opacity: 0.7;
}
.gallery-thumb:hover { opacity: 1; border-color: var(--brand-color); }
.gallery-thumb img { width: 100%; height: 100%; object-fit: cover; }

/* Failų sąrašas (PDF) */
.files-box {
    background: #fcfcfc;
    padding: 30px;
    border-radius: 8px;
    border: 1px solid #eee;
    margin-top: 30px;
}
.file-btn {
    display: flex;
    align-items: center;
    gap: 15px;
    background: white;
    border: 1px solid #e9ecef;
    padding: 15px 20px;
    border-radius: 6px;
    text-decoration: none;
    color: #333;
    font-weight: 600;
    transition: 0.3s;
    margin-bottom: 10px;
}
.file-btn:last-child { margin-bottom: 0; }
.file-btn i { font-size: 24px; color: #D32F2F; }
.file-btn:hover {
    border-color: #D32F2F;
    box-shadow: 0 5px 15px rgba(211, 47, 47, 0.1);
    transform: translateX(5px);
}

/* --- LIGHTBOX (Peržiūros langas) --- */
.lightbox {
    position: fixed;
    z-index: 9999;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.9);
    display: none; /* Paslėpta pagal nutylėjimą */
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}
.lightbox.show { display: flex; opacity: 1; }

.lightbox-img {
    max-width: 90%;
    max-height: 80vh;
    border-radius: 4px;
    box-shadow: 0 0 20px rgba(0,0,0,0.5);
}

.lb-btn {
    position: absolute;
    color: white;
    font-size: 40px;
    cursor: pointer;
    padding: 20px;
    user-select: none;
    transition: 0.3s;
}
.lb-btn:hover { color: var(--brand-color); transform: scale(1.1); }

.lb-close { top: 20px; right: 20px; font-size: 30px; }
.lb-prev { left: 20px; top: 50%; transform: translateY(-50%); }
.lb-next { right: 20px; top: 50%; transform: translateY(-50%); }
.lb-prev:hover, .lb-next:hover { transform: translateY(-50%) scale(1.2); }

/* --- MOBILI VERSIJA --- */
@media (max-width: 900px) {
    .single-product-wrapper {
        flex-direction: column; /* Stulpeliai vienas po kito */
        gap: 30px;
    }
    .single-left, .single-right {
        flex: 1;
        width: 100%;
        max-width: 100%;
        position: static;
    }
    .mini-header { padding: 50px 0; }
    .lb-btn { font-size: 30px; padding: 10px; } /* Mažesnės rodyklės telefone */
}
/* --- KALBŲ PERJUNGIMAS (LANG SWITCHER) --- */

/* Bendra nuorodų išvaizda */
.lang-link {
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    color: #666;
    text-transform: uppercase;
    transition: color 0.3s ease;
    letter-spacing: 1px;
    padding: 5px;
}
.lang-link:hover { color: var(--brand-color); }
.lang-link.active { color: var(--brand-color); font-weight: 800; }
.lang-sep { color: #ddd; margin: 0 5px; font-weight: 300; }

/* 1. Desktop Navbar Kalbos */
.desktop-lang {
    display: flex;
    align-items: center;
    margin-left: 30px; /* Atitraukiam nuo meniu */
    border-left: 1px solid #eee; /* Plona linija atskyrimui */
    padding-left: 20px;
}

/* 2. Mobile Navbar Kalbos */
.mobile-lang-container {
    display: none; /* Desktopu slepiam */
    margin-top: 20px;
    border-top: 1px solid rgba(255,255,255,0.1);
    padding-top: 20px;
    justify-content: center;
    gap: 15px;
}
.mobile-lang-link {
    color: white; /* Mobiliam meniu fonas tamsus, todėl balta */
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
}
.mobile-lang-link.active { color: var(--brand-color); }

/* 3. Footer Kalbos */
.footer-lang-box {
    display: inline-flex;
    align-items: center;
    background: rgba(0,0,0,0.03);
    padding: 8px 20px;
    border-radius: 20px; /* Ovali forma */
    border: 1px solid rgba(0,0,0,0.05);
}

/* RESPONSIVE TAISYKLĖS */
@media (max-width: 900px) {
    .desktop-lang { display: none; } /* Paslepiam desktop kalbas */
    
    .mobile-lang-container {
        display: flex; /* Rodom mobilias kalbas meniu viduje */
    }
}
/* --- MENU CENTRAVIMAS (NAUJAS KODAS) --- */

/* 1. Pagrindinis konteineris */
.nav-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 8vh;
}

/* TIK KOMPIUTERIAMS (>900px) */
@media screen and (min-width: 901px) {
    
    /* Kairė pusė užima lygiai tiek pat vietos kiek dešinė */
    .logo {
        flex: 1; 
    }

    /* Dešinė pusė (su kalbomis) irgi užima tiek pat vietos */
    .nav-right {
        flex: 1;
        display: flex;
        justify-content: flex-end; /* Nustumiame viską į dešinį kraštą */
        align-items: center;
    }

    /* Vidurys lieka tiksliai centre */
    .nav-links {
        flex: 0 auto;
        justify-content: center;
        width: auto;
        margin: 0; /* Panaikinam senus marginus jei buvo */
    }
    
    /* Pataisymas kalbų juostai, kad ji būtų šalia */
    .desktop-lang {
        margin-left: 0; 
        border-left: none; /* Nuimame liniją jei norite švaresnio vaizdo, arba palikite */
        padding-left: 0;
    }
}

/* TELEFONAMS (<900px) */
@media screen and (max-width: 900px) {
    /* Telefone viskas lieka kaip buvę - Logo kairėje, Burgeris dešinėje */
    .logo { flex: 1; }
    .nav-right { flex: 0; } /* Telefone nereikia balanso */
    .nav-links {
        /* Čia standartinis mobilaus meniu kodas, kurį jau turite (position: absolute ir t.t.) */
    }
}
/* --- FIX MOBILIAM MENIU (BURGERIUI) --- */

/* Pagrindiniai nustatymai (Desktop) */
.burger {
    display: none; /* Kompiuteryje nerodome */
    cursor: pointer;
}
.burger div {
    width: 25px;
    height: 3px;
    background-color: #333; /* Burgerio spalva */
    margin: 5px;
    transition: all 0.3s ease;
}

/* --- MOBILI VERSIJA (< 900px) --- */
@media screen and (max-width: 900px) {

    /* 1. Užtikriname, kad burgeris matytųsi */
    .burger {
        display: block;
        z-index: 1001; /* Aukščiau už viską */
        cursor: pointer;
    }

    /* 2. Sutvarkome viršutinę juostą */
    .nav-content {
        justify-content: space-between; /* Logo kairėj, burgeris dešinėje */
    }
    
    .nav-right {
        flex: initial; /* Panaikinam desktopo plotį */
        min-width: 30px;
    }

    /* 3. MOBILUS MENIU (SVARBIAUSIA DALIS) */
    .nav-links {
        position: fixed; /* Fiksuotas, kad slinktų kartu */
        right: 0px;
        top: 8vh; /* Atsiranda po navbaru */
        height: 92vh;
        background-color: white; /* Baltas fonas */
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start; /* Nuorodos viršuje */
        padding-top: 50px;
        width: 70%; /* Plotis telefone */
        transform: translateX(100%); /* Paslėptas už ekrano */
        transition: transform 0.4s ease-in;
        z-index: 1000;
        box-shadow: -5px 0 15px rgba(0,0,0,0.1); /* Šešėlis kairėje */
        margin: 0; /* Panaikinam desktop centravimą */
    }
    
    /* Kai meniu aktyvus (JS prideda šią klasę) */
    .nav-links.nav-active {
        transform: translateX(0%); /* Išlenda į ekraną */
    }

    /* Nuorodų stilius telefone */
    .nav-links li {
        margin: 20px 0;
        opacity: 1; /* Rodome iškart */
    }
    
    /* Mobilus kalbų pasirinkimas (turi būti matomas) */
    .mobile-lang-container {
        display: flex;
        margin-top: 30px;
        padding-top: 20px;
        border-top: 1px solid #eee;
        width: 80%;
        justify-content: center;
    }
    
    .mobile-lang-link {
        color: #333; /* Tamsios raidės baltam fone */
        font-size: 16px;
        padding: 0 10px;
    }
    .mobile-lang-link.active { color: #D32F2F; }

    /* Paslepiam desktop kalbas */
    .desktop-lang { display: none !important; }
}
/* --- BACKDROP (Tamsus fonas uždarymui) --- */

/* Pagal nutylėjimą paslėptas */
.nav-backdrop {
    display: none; 
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Pusiau permatomas juodas */
    z-index: 999; /* Žemiau nei meniu (1000), bet virš turinio */
    cursor: pointer;
    backdrop-filter: blur(2px); /* Gražus efektas: šiek tiek pablukina foną */
}

/* Kai meniu atidarytas - rodome foną */
.backdrop-active {
    display: block !important;
    animation: fadeIn 0.3s ease;
}

/* Animacija švelniam atsiradimui */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Užtikriname, kad meniu būtų virš fono */
@media screen and (max-width: 900px) {
    .nav-links {
        z-index: 1000; /* Meniu turi būti aukščiau už foną */
    }
    .burger {
        z-index: 1001; /* Burgeris turi būti aukščiau už viską */
    }
}
/* =========================================
   KLAIDOS PUSLAPIS (404, 500, 403)
   ========================================= */

/* 1. Išdėstymas: Užtikriname, kad footeris būtų apačioje */
.error-body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.page-wrapper {
    flex: 1; /* Užima visą laisvą vietą, nustumdamas footerį žemyn */
    display: flex;
    flex-direction: column;
}

/* 2. Klaidos sekcija */
.error-page {
    flex: 1; /* Centruojame vertikaliai */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    background: #fff;
    overflow: hidden; /* Kad didelis skaičius neišlįstų */
}

.error-content {
    text-align: center;
    max-width: 600px;
    position: relative;
    z-index: 1;
}

/* 3. Didelis skaičius fone (pvz. 404) */
.error-number {
    font-size: 180px;
    font-weight: 900;
    line-height: 1;
    color: rgba(0, 0, 0, 0.03); /* Labai šviesus pilkas */
    margin-bottom: -60px; /* Užlipa ant teksto */
    position: relative;
    z-index: -1;
    user-select: none;
    font-family: 'Montserrat', sans-serif;
}

/* 4. Tekstai */
.error-content h1 {
    font-size: 32px;
    font-weight: 700;
    color: #333;
    margin-bottom: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.error-content p {
    font-size: 16px;
    color: #666;
    margin-bottom: 40px;
    line-height: 1.6;
}

/* 5. Mygtukai */
.error-actions {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

/* Grįžti atgal mygtukas (pilkas rėmelis) */
.btn-back {
    display: inline-block;
    padding: 14px 30px;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #555;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    transition: 0.3s;
    background: transparent;
}

.btn-back:hover {
    border-color: #333;
    color: #333;
    background: #f9f9f9;
}

/* Pagrindinis mygtukas (Raudonas, jei tokios klasės dar nėra) */
.error-actions .btn-primary {
    display: inline-block;
    background: #D32F2F; /* Jūsų brand spalva */
    color: white;
    padding: 14px 30px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    transition: 0.3s;
    border: none;
    box-shadow: 0 4px 10px rgba(211, 47, 47, 0.2);
}

.error-actions .btn-primary:hover {
    background: #b71c1c;
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(211, 47, 47, 0.3);
}

/* --- MOBILI VERSIJA (< 600px) --- */
@media (max-width: 600px) {
    .error-number {
        font-size: 100px;
        margin-bottom: -30px;
    }
    .error-content h1 {
        font-size: 24px;
    }
    .error-actions {
        flex-direction: column;
        gap: 15px;
    }
    .btn-back, .error-actions .btn-primary {
        width: 100%;
        text-align: center;
        box-sizing: border-box;
    }
}
/* =========================================
   STATUS POPUP (Iššokantis pranešimas)
   ========================================= */

/* 1. Tamsus fonas per visą ekraną */
.popup-overlay {
    position: fixed; /* Svarbu: priklijuoja prie ekrano */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Pusiau permatomas juodas */
    z-index: 9999; /* Visada viršuje */
    
    /* Centravimas naudojant Flexbox */
    display: flex;
    justify-content: center;
    align-items: center;
    
    /* Pradinė būsena - nematomas */
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
}

/* 2. Kai pridedame klasę .show (JS) - tampa matomas */
.popup-overlay.show {
    opacity: 1;
    visibility: visible;
}

/* 3. Pati balta dėžutė */
.popup-box {
    background: white;
    width: 90%;
    max-width: 400px; /* Ne per platus kompiuteryje */
    padding: 30px;
    border-radius: 8px;
    text-align: center;
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
    position: relative;
    border-top: 5px solid #ccc; /* Spalvą keičia JS */
    
    /* Maža animacija iššokant */
    transform: scale(0.9);
    transition: transform 0.3s ease;
}

/* Kai aktyvus - padidėja iki normalaus dydžio */
.popup-overlay.show .popup-box {
    transform: scale(1);
}

/* Uždarymo kryžiukas */
.popup-close {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 24px;
    cursor: pointer;
    color: #999;
}
.popup-close:hover {
    color: #333;
}