/*
Theme Name: Vienas Laipsnis
Theme URI: https://vienaslaipsnis.lt/
Author: Vienas Laipsnis
Description: Individuali WordPress tema, atkurta pagal originalų Hostinger Horizons projektą.
Version: 1.1.0
Text Domain: vienas-laipsnis
*/
/* Šriftas įkeliamas per functions.php (greičiau) */
:root{--navy:#1e3a8a;--blue:#2563eb;--blue2:#1d4ed8;--slate:#0f172a;--muted:#64748b;--light:#f8fafc;--border:#e2e8f0;--white:#fff;--radius:12px;--shadow:0 12px 30px rgba(15,23,42,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Montserrat,Arial,sans-serif;color:var(--slate);background:#fff;line-height:1.65}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.vl-container{width:min(1180px,calc(100% - 32px));margin:auto}.vl-header{position:fixed;z-index:999;top:0;left:0;right:0;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);box-shadow:0 2px 12px rgba(15,23,42,.06)}.vl-header-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.vl-logo img{height:42px;width:auto}.vl-nav{display:flex;align-items:center;gap:30px}.vl-nav>a{font-size:15px;font-weight:500;color:#475569;position:relative}.vl-nav>a:hover,.vl-nav>a.active{color:var(--navy)}.vl-nav>a.active:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;background:var(--navy)}.vl-social{display:flex;gap:8px}.vl-social a{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;color:#475569}.vl-social a:hover{background:var(--blue);color:white}.vl-call{display:inline-flex;align-items:center;gap:9px;background:var(--navy);color:white!important;padding:11px 18px;border-radius:9px;font-weight:700!important;box-shadow:0 8px 18px rgba(30,64,175,.22)}.vl-call:hover{background:var(--blue2)}.vl-mobile-toggle{display:none;background:none;border:0;font-size:28px}.vl-hero{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;color:white;overflow:hidden;background:#0f172a}.vl-hero video,.vl-hero .hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.vl-overlay{position:absolute;inset:0;background:rgba(15,23,42,.62)}.vl-hero-content{position:relative;z-index:2;max-width:920px;padding:130px 16px 70px}.vl-hero h1{font-size:clamp(42px,6vw,76px);line-height:1.08;margin:0 0 25px;font-weight:800;text-shadow:0 4px 18px rgba(0,0,0,.25)}.vl-hero p{font-size:clamp(18px,2vw,24px);font-weight:300;color:#eff6ff;max-width:760px;margin:0 auto 38px}.vl-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.vl-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:16px 30px;border-radius:9px;font-weight:700;transition:.2s}.vl-btn-primary{background:var(--blue);color:white;border:1px solid rgba(255,255,255,.1)}.vl-btn-primary:hover{background:var(--blue2);transform:translateY(-1px)}.vl-btn-outline{border:2px solid white;color:white}.vl-btn-outline:hover{background:rgba(255,255,255,.12)}.vl-section{padding:88px 0}.vl-section-alt{background:#f8fafc}.vl-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.vl-image-wrap{position:relative}.vl-image-wrap:before{content:"";position:absolute;inset:-14px;background:linear-gradient(135deg,#dbeafe,transparent);border-radius:18px;transform:rotate(-2deg)}.vl-image-wrap img{position:relative;border-radius:18px;box-shadow:var(--shadow);width:100%;height:480px;object-fit:cover}.vl-kicker{color:var(--blue);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:13px}.vl-title{font-size:clamp(32px,4vw,50px);line-height:1.15;margin:10px 0 22px}.vl-title span{color:var(--blue)}.vl-lead{font-size:18px;color:#475569}.vl-checks{display:grid;gap:16px;margin:30px 0}.vl-check{display:flex;gap:13px;align-items:center;font-weight:600;color:#334155}.vl-check i{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#dbeafe;color:var(--blue);font-style:normal}.vl-section-head{text-align:center;max-width:760px;margin:0 auto 50px}.vl-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.vl-card{background:white;border:1px solid #eef2f7;border-radius:14px;padding:30px;box-shadow:0 6px 18px rgba(15,23,42,.06);transition:.2s}.vl-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.vl-icon{width:52px;height:52px;border-radius:12px;background:#dbeafe;color:var(--blue);display:grid;place-items:center;font-size:25px;margin-bottom:20px}.vl-card h3{font-size:19px;line-height:1.35;margin:0 0 13px}.vl-card p{color:#64748b;margin:0 0 18px}.vl-link{color:var(--blue);font-weight:700}.vl-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.vl-stat{text-align:center;padding:28px}.vl-stat strong{display:block;font-size:36px;color:var(--blue)}.vl-testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.vl-stars{color:#f59e0b;letter-spacing:2px}.vl-cta{background:linear-gradient(135deg,#1e3a8a,#2563eb);color:white;text-align:center}.vl-cta h2{font-size:clamp(30px,4vw,48px);margin:0 0 16px}.vl-page-hero{padding:145px 0 70px;background:linear-gradient(135deg,#eff6ff,#f8fafc);text-align:center}.vl-page-hero h1{font-size:clamp(38px,5vw,58px);margin:0 0 15px}.vl-service-list{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.vl-service-detail{max-width:900px;margin:auto}.vl-benefits{display:grid;gap:12px;margin:28px 0}.vl-contact-grid{display:grid;grid-template-columns:1fr 2fr;gap:32px}.vl-contact-box,.vl-form-box{background:#fff;border:1px solid #eef2f7;border-radius:14px;padding:30px;box-shadow:0 7px 20px rgba(15,23,42,.06)}.vl-contact-row{display:flex;gap:14px;margin:20px 0}.vl-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.vl-field{margin-bottom:20px}.vl-field label{display:block;font-size:14px;font-weight:600;margin-bottom:7px}.vl-field input,.vl-field textarea{width:100%;padding:13px 14px;border:1px solid #cbd5e1;border-radius:9px;font:inherit}.vl-field textarea{min-height:150px;resize:vertical}.vl-map{height:460px;border-radius:14px;overflow:hidden;margin-top:48px;box-shadow:var(--shadow)}.vl-map iframe{width:100%;height:100%;border:0}.vl-footer{background:#1e3a8a;color:white;padding:62px 0 28px}.vl-footer-grid{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:40px;align-items:start}.vl-footer h3{margin-top:0}.vl-footer a{color:#dbeafe}.vl-footer-bottom{border-top:1px solid rgba(255,255,255,.16);margin-top:40px;padding-top:24px;text-align:center;color:#bfdbfe;font-size:13px}.vl-cookie{position:fixed;z-index:1200;left:18px;right:18px;bottom:18px;max-width:720px;margin:auto;background:white;border:1px solid #e2e8f0;border-radius:14px;padding:20px;box-shadow:0 20px 60px rgba(15,23,42,.22);display:none}.vl-cookie.show{display:block}.vl-cookie-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.vl-cookie button{border:0;border-radius:8px;padding:10px 15px;font-weight:700;cursor:pointer}.vl-cookie .accept{background:var(--blue);color:#fff}.vl-cookie .reject{background:#e2e8f0}.vl-notice{padding:12px 16px;border-radius:9px;margin-bottom:20px}.vl-success{background:#dcfce7;color:#166534}.vl-error{background:#fee2e2;color:#991b1b}
@media(max-width:900px){.vl-nav,.vl-social,.vl-header .vl-call{display:none}.vl-mobile-toggle{display:block}.vl-mobile-menu{display:none;position:absolute;top:78px;left:16px;right:16px;background:white;border-radius:14px;padding:14px;box-shadow:var(--shadow)}.vl-mobile-menu.open{display:grid}.vl-mobile-menu a{padding:12px;border-radius:8px}.vl-grid-2,.vl-contact-grid,.vl-footer-grid{grid-template-columns:1fr}.vl-cards,.vl-testimonials{grid-template-columns:1fr 1fr}.vl-service-list{grid-template-columns:1fr}.vl-image-wrap img{height:380px}}
@media(max-width:640px){.vl-section{padding:64px 0}.vl-cards,.vl-testimonials,.vl-stats,.vl-form-grid{grid-template-columns:1fr}.vl-hero video{display:none}.vl-hero .hero-img{display:block}.vl-hero-content{padding-top:120px}.vl-logo img{height:36px}.vl-image-wrap img{height:300px}}
@media(min-width:641px){.vl-hero .hero-img{display:none}}

/* VIENAS LAIPSNIS – navigacijos pataisymai */

.vl-header {
  width: 100%;
}

.vl-header-inner {
  width: min(1440px, calc(100% - 48px));
  max-width: 1440px;
  min-height: 78px;
  height: auto;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: nowrap;
}

.vl-logo {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}

.vl-logo img {
  max-width: 200px;
  max-height: 48px;
  width: auto;
  height: auto;
  object-fit: contain;
}

.vl-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 26px;
  flex-wrap: nowrap;
  margin-left: auto;
}

.vl-nav > a {
  white-space: nowrap;
  flex-shrink: 0;
  font-size: 15px;
  line-height: 1.4;
}

.vl-social {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.vl-call {
  white-space: nowrap;
  flex-shrink: 0;
}

@media (max-width: 1100px) {
  .vl-nav,
  .vl-social,
  .vl-header .vl-call {
    display: none;
  }

  .vl-mobile-toggle {
    display: block;
    margin-left: auto;
  }

  .vl-mobile-menu {
    display: none;
    position: absolute;
    top: 78px;
    left: 16px;
    right: 16px;
    background: white;
    border-radius: 14px;
    padding: 14px;
    box-shadow: var(--shadow);
  }

  .vl-mobile-menu.open {
    display: grid;
  }

  .vl-mobile-menu a {
    display: block;
    padding: 12px;
    white-space: normal;
  }
}

@media (max-width: 640px) {
  .vl-header-inner {
    width: calc(100% - 32px);
  }

  .vl-logo img {
    max-width: 170px;
    max-height: 40px;
  }
}
/* Galutiniai navigacijos išdėstymo pataisymai */

.vl-header-inner {
    width: min(1440px, calc(100% - 48px));
    max-width: 1440px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: nowrap;
}

.vl-logo {
    flex: 0 0 auto;
}

.vl-logo img {
    width: 190px;
    max-width: 100%;
    height: auto;
}

.vl-nav {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-left: auto;
    flex-shrink: 0;
}

.vl-nav a {
    white-space: nowrap;
    font-size: 15px;
}

.vl-social,
.vl-call {
    flex-shrink: 0;
}

.vl-mobile-menu {
    display: none;
}

@media (max-width: 1100px) {
    .vl-nav,
    .vl-social,
    .vl-header .vl-call {
        display: none;
    }

    .vl-mobile-toggle {
        display: block;
        margin-left: auto;
        cursor: pointer;
    }

    .vl-mobile-menu.open {
        display: grid;
        position: absolute;
        top: 78px;
        left: 16px;
        right: 16px;
        padding: 16px;
        background: white;
        border-radius: 12px;
        box-shadow: 0 12px 30px rgba(15,23,42,.12);
    }
}


/* Pradžios antraštės paantraštė su miestais */
.vl-hero h1 .vl-hero-loc{display:block;font-size:clamp(17px,2vw,24px);font-weight:600;line-height:1.35;margin-top:18px;color:#bfdbfe;letter-spacing:.2px;text-shadow:0 2px 10px rgba(0,0,0,.35)}

/* Miestų eilutė vienoje eilutėje kompiuteriuose */
@media(min-width:1024px){.vl-hero-content{max-width:1120px}.vl-hero h1{font-size:clamp(40px,4.3vw,62px)}}

/* Kaip vyksta darbas */
.vl-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;counter-reset:none}
.vl-step{background:#fff;border:1px solid #eef2f7;border-radius:14px;padding:28px 24px;box-shadow:0 6px 18px rgba(15,23,42,.06);position:relative}
.vl-step-no{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--blue);color:#fff;font-weight:800;font-size:19px;margin-bottom:16px}
.vl-step h3{font-size:19px;margin:0 0 10px}
.vl-step p{color:#64748b;margin:0;line-height:1.6}
@media(max-width:1000px){.vl-steps{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.vl-steps{grid-template-columns:1fr}}

/* Formos papildymai */
.vl-field select{width:100%;padding:13px 14px;border:1px solid #cbd5e1;border-radius:9px;font:inherit;background:#fff;color:#0f172a}
.vl-field label small{font-weight:400;color:#94a3b8}
.vl-form-note{font-size:13px;color:#64748b;margin:12px 0 0}

/* Tikros darbų nuotraukos paslaugų puslapiuose */
.vl-service-photo{margin:26px 0 30px}
.vl-service-photo img{display:block;width:100%;max-width:820px;aspect-ratio:4/3;object-fit:cover;border-radius:14px;box-shadow:0 10px 25px rgba(15,23,42,.12)}

/* Patirtis, kuria galite pasitikėti – modernus blokas */
.vl-stats-sec{position:relative;overflow:hidden;background:#f8fafc}
.vl-stats-sec:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-radial-gradient(ellipse at 12% 18%,rgba(37,99,235,.07) 0 1px,transparent 1px 34px),repeating-radial-gradient(ellipse at 92% 88%,rgba(37,99,235,.06) 0 1px,transparent 1px 30px);-webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.55) 100%);mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.55) 100%)}
.vl-stats-sec .vl-container{position:relative}
.vl-stats2{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.vl-stat2{position:relative;background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:30px 24px 26px;text-align:left;box-shadow:0 8px 24px rgba(15,23,42,.06);transition:transform .25s ease,box-shadow .25s ease;overflow:hidden}
.vl-stat2:after{content:"";position:absolute;left:0;top:0;height:4px;width:100%;background:linear-gradient(90deg,#1e3a8a,#2563eb,#60a5fa)}
.vl-stat2:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(30,58,138,.14)}
.vl-stat2-ic{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#eff6ff;color:#2563eb;margin-bottom:18px}
.vl-stat2-ic svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.vl-stat2-num{display:block;font-size:clamp(38px,3.6vw,50px);line-height:1;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,#1e3a8a,#2563eb);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.vl-stat2-label{display:block;margin-top:10px;font-weight:700;font-size:16px;color:#0f172a}
.vl-stat2-sub{display:block;margin-top:4px;font-size:14px;color:#64748b}
@media(max-width:1000px){.vl-stats2{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.vl-stats2{gap:12px}.vl-stat2{padding:22px 16px 20px}.vl-stat2-ic{width:44px;height:44px;margin-bottom:14px}.vl-stat2-num{font-size:34px}.vl-stat2-label{font-size:14px}.vl-stat2-sub{font-size:12.5px}}
