:root{
  --brand:#0056b3;
  --accent:#198754;
  --ink:#1a1d20;
  --muted:#6c757d;
  --bg-soft:#f8f9fa;
  --radius:1rem;
  --shadow:0 0.75rem 2rem rgba(0,0,0,.08);
}

.hero {
  margin: 0;       /* nuima naršyklės numatytą tarpelį */
  padding-top: 60px; /* prideda 50px tarpą nuo viršaus */
}


html{scroll-behavior:smooth}
body{font-family:"Inter",system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; color:var(--ink); background:#fff; line-height:1.6; margin:0}

.apie-wrapper {
  display: flex;            /* Stulpeliai šalia */
  align-items: center;  /* Lygiuojame viršuje */
  gap: 20px;                /* Tarpas tarp paveikslėlio ir teksto */
  flex-wrap: nowrap;          /* Mobilioje versijoje perkels po vieną */
}

.apie-wrapper img {
  width: 250px;     /* Fiksuotas plotis */
  height: auto;     /* Aukštis automatiškai proporcingas */
  object-fit: contain;  /* Nepjauna paveikslėlio */
  flex-shrink: 0;   /* Nesumažins paveikslėlio mažose ekranose */
}



/* Skyriai */
.section-padding{padding:4rem 0}
.section-title{font-weight:700; font-size:2rem; margin-bottom:1.5rem; text-align:center}
.section-subtitle{max-width:42rem; margin:0 auto 2.5rem; text-align:center; color:var(--muted)}

/* Hero */
.hero{min-height:70vh; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,var(--bg-soft) 0%,#ffffff 100%)}
.hero h1{font-weight:700; font-size:2.5rem; color:var(--brand)}
.hero p{font-size:1.1rem; color:var(--muted)}
.hero .btn{padding:.65rem 1.5rem; font-size:1rem; border-radius:999px}

/* Navbar */
.navbar{box-shadow:0 .25rem .5rem rgba(0,0,0,.05)}
.navbar-brand{font-weight:700; color:var(--brand)!important}
.nav-link{transition:color .2s}
.nav-link:hover{color:var(--brand)!important}

/* Apie mus sekcija - pilnas plotis dideliame ekrane */
@media (min-width: 992px) {
  #apie-mus .col-lg-6 {
    flex: 1 1 100%; /* leidžia užimti visą plotą */
    max-width: 100%;
    width: 100%; /* užtikrina, kad nebūtų ribojamas plotis */
  }
}

/* Bendras stilius (mobiliai versijai) */
#apie-mus .apie-wrapper {
  display: block;        /* elementai eina vienas po kitu */
  text-align: center;    /* centras mobiliai */
}



/* PC versijai (nuo 992px pločio) */
@media (min-width: 992px) {
  #apie-mus .apie-wrapper {
    display: flex;          /* šalia vienas kito */
    align-items: center;    /* vertikaliai centruoti */
    gap: 40px;              /* tarpas tarp paveiksliuko ir teksto */
    text-align: left;       /* tekstas kairėje */
  }

  #apie-mus .apie-wrapper img {
    margin-bottom: 0;       /* panaikinam tarpą */
  }
}


/* Kortelės */
.card{border:none; border-radius:var(--radius); box-shadow:var(--shadow); transition:transform .25s ease, box-shadow .25s ease}
.card:hover{transform:translateY(-.25rem); box-shadow:0 .75rem 2rem rgba(0,0,0,.12)}
.card-title{font-weight:600}

/* Procesas */
.process-step{background:#fff; border-radius:var(--radius); padding:1.5rem; box-shadow:var(--shadow); text-align:center}
.process-step .step-number{width:2.5rem; height:2.5rem; line-height:2.5rem; border-radius:50%; background:var(--brand); color:#fff; font-weight:700; display:inline-block; margin-bottom:.75rem; font-size:1.1rem}

/* Accordion */
.accordion-button{border-radius:var(--radius)!important; font-weight:500}
.accordion-item{border:none; margin-bottom:.75rem}
.accordion-button:not(.collapsed){background:var(--brand); color:#fff}

/* Kontaktai */
.contact-info p{margin-bottom:.25rem; color:var(--muted)}
.form-control,.form-select{border-radius:.5rem; padding:.65rem 1rem}
.btn{border-radius:.65rem; transition:all .25s ease}
.btn:hover{transform:translateY(-.1rem); box-shadow:0 .4rem 1rem rgba(0,0,0,.1)}

/* Fokusavimo būsena */
:focus-visible{outline:2px dashed var(--accent); outline-offset:3px}

/* Footer */
footer{background:var(--bg-soft); padding:1.5rem 0; text-align:center; color:var(--muted)}
footer a{color:var(--brand); text-decoration:none}
footer a:hover{text-decoration:underline}

/* Animacijų mažinimas */
@media (prefers-reduced-motion: reduce){
  *{transition:none!important; animation:none!important}
}

/* Tamsus režimas */
@media (prefers-color-scheme: dark){
  body{background:#121212; color:#e5e5e5}
  .card, .process-step, .accordion-button{background:#1e1e1e; color:#e5e5e5; box-shadow:none}
  footer{background:#1a1a1a; color:#aaa}
  footer a{color:#7bb8ff}
}

/* Responsyvumas */
@media(max-width:48rem){
  .hero h1{font-size:2rem}
  .section-title{font-size:1.5rem}
}