/*
Theme Name: Ginkon Theme
Theme URI: https://ginkon.lt
Author: Ginkon
Description: Lengvas WP motyvas HVAC.
Version: 1.0.4
Text Domain: ginkon
*/

/* ====== Bazė ====== */
:root{--blue:#0ea5e9;--orange:#f97316;--muted:#475569;--border:#e5e7eb;--bg:#f8fafc}
html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,"Noto Sans",sans-serif;color:#0b1220;background:#fff}
a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}
img{max-width:100%;height:auto;display:block}
.container{max-width:1100px;margin-inline:auto;padding:0 16px}

/* ====== Header ====== */
header.site{position:sticky;top:0;z-index:50;background:#ffffffd9;backdrop-filter:saturate(1.2) blur(6px);border-bottom:1px solid var(--border)}
header.site .container{max-width:1100px}
.nav{display:flex;align-items:center;gap:16px;padding:8px 0}
.brand{display:flex;align-items:center}
.custom-logo-link img{height:60px !important;width:auto !important;display:block;object-fit:contain;border-radius:8px}

/* Gamintojų logotipai (viena eilė) */
.brand-logos{
  header.site .container.nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.brand {
  flex-shrink: 0;
}

.brand-logos {
  display: flex;
  align-items: center;
  justify-content: flex-end;
	margin-left: 40px;
  gap: 12px;
  flex-wrap: nowrap;
  overflow-x: auto;
  max-width: 100%;
}

}
.brand-logos img{
  height:28px !important;width:auto !important;object-fit:contain;
  display:inline-block;vertical-align:middle;margin:0 5px;
  opacity:.95;filter:grayscale(100%);
}
.brand-logos img:hover{opacity:1;filter:none}
.brand-logos img:hover {
  opacity: 1;
  filter: none;
}

/* Pakeliam Nordis logotipą */
.brand-logos img[alt="Nordis"] {
  transform: translateY(-6px);
}

/* ====== Sekcijos / UI ====== */
section{padding:56px 0;border-top:1px solid #f1f5f9}
h1,h2{letter-spacing:-.02em;margin:0 0 8px 0}
.grid{display:grid;gap:16px}
@media(min-width:800px){
  .grid.cols-3{grid-template-columns:repeat(3,1fr)}
  .grid.cols-2{grid-template-columns:repeat(2,1fr)}
}
.card{border:1px solid var(--border);border-radius:16px;padding:18px;background:#fff}
.muted{color:var(--muted)}.small{font-size:13px}.price{font-size:28px;font-weight:900}
.list{margin:8px 0 0 0;padding:0;list-style:none}
.list li{padding-left:22px;position:relative;margin:8px 0}
.list li:before{content:"✓";position:absolute;left:0;top:0;color:var(--orange);font-weight:900}
.btn{padding:12px 16px;border-radius:12px;border:1px solid transparent;font-weight:700;display:inline-flex;align-items:center;gap:8px}
.btn.primary{background:var(--blue);color:#fff}
.btn.outline{border-color:#cbd5e1;color:#0b1220;background:#fff}

/* Hero split */
.split-hero{display:grid;grid-template-columns:1fr;min-height:60vh}
@media(min-width:900px){.split-hero{grid-template-columns:1.1fr .9fr}}
.left{background:linear-gradient(180deg,#fff,#f8fafc)}
.right{background:linear-gradient(180deg,var(--blue),#38bdf8);position:relative}
.right:after{content:"";position:absolute;inset:0;background:radial-gradient(600px 300px at 85% 20%,rgba(249,115,22,.35),transparent)}
.stripe{background:linear-gradient(90deg,var(--blue),var(--orange));height:3px;border-radius:3px;opacity:.8;margin:14px 0}
.badges{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px;color:#0f172a}
.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:#f1f5f9;border:1px solid #e2e8f0;font-weight:600;font-size:14px}

/* Footer */
footer{background:#0b1220;color:#cbd5e1}
footer a{color:#e2e8f0}
.foot{display:grid;gap:18px;padding:28px 0}
@media(min-width:900px){.foot{grid-template-columns:2fr 1fr 1fr}}
/* ====== Mobilus pritaikymas ====== */
@media (max-width: 640px){
  header.site .container{max-width:100%;padding-left:8px;padding-right:8px}
  .nav{gap:8px}
  .custom-logo-link img{height:44px !important}
  .brand-logos{
    margin-left:auto;
    display:flex;align-items:center;justify-content:flex-end;
    gap:10px;flex-wrap:nowrap;white-space:nowrap;overflow-x:auto;
    -webkit-overflow-scrolling:touch;min-width:0;
  }
  .brand-logos img{height:18px !important;width:auto !important;flex:0 0 auto}
  /* jei reikia rodyti tik pirmus 6 logotipus:
     .brand-logos img:nth-child(n+7){display:none} */
}
/* Tarpas tarp Ginkon logotipo ir gamintojų logotipų */
.brand-logos {
  margin-left: 50px;   /* gali keisti 10 → 60, jei vis dar per arti */
}
/* Sulyginti visus logotipus vertikaliai */
.brand-logos{line-height:0}              /* panaikina baseline tarpą */
.brand-logos img{
  display:block;                         /* vietoj inline-block */
  height:28px !important;
  width:auto !important;
  object-fit:contain;
}

/* Jei vis tiek nusileidžia – priverstinis pataisymas Nordis */
.brand-logos img[alt="Nordis"]{transform:translateY(-6px)}
/* atsarginis, jei alt neatitinka: 7-as paveikslas eilėje */
.brand-logos img:nth-child(7){transform:translateY(-6px)}
/* Fiksas: logotipai vienoje eilėje, ne stulpeliu */
.brand-logos {
  display: flex !important;
  align-items: center;
  flex-wrap: nowrap !important;
  justify-content: flex-start;
  gap: 12px;
  line-height: 0;
  overflow-x: auto;
  white-space: nowrap;
}

.brand-logos img {
  display: inline-block !important;
  height: 28px !important;
  width: auto !important;
  object-fit: contain;
  vertical-align: middle;
}
/* ===== Header layout stabilus ===== */
header.site .container.nav{display:flex;align-items:center;gap:16px;padding:8px 0}
.brand{flex-shrink:0}
.custom-logo-link img{height:68px!important;width:auto!important;display:block;object-fit:contain;border-radius:8px}

/* Gamintojų logotipų eilė */
.brand-logos{
  display:flex!important;
  align-items:center;
  justify-content:flex-start;
  flex-wrap:nowrap!important;
  gap:12px;
  margin-left:48px;        /* tarpas nuo Ginkon logo */
  line-height:0;           /* nuima baseline */
  white-space:nowrap;
  overflow-x:auto;         /* mobiliai slinksis, jei netelpa */
  -webkit-overflow-scrolling:touch;
}
.brand-logos img{
  display:inline-block!important;
  height:28px!important;
  width:auto!important;
  object-fit:contain;
  vertical-align:middle;
  opacity:.95;
  filter:grayscale(100%);
}
.brand-logos img:hover{opacity:1;filter:none}

/* korekcija Nordis, jei vizualiai žemiau */
.brand-logos img[alt="Nordis"]{transform:translateY(-4px)}

/* Mobiliai */
@media (max-width:640px){
  .custom-logo-link img{height:52px!important}
  .brand-logos{margin-left:8px;gap:10px}
  .brand-logos img{height:18px!important}
}
/* === HEADER RESET === */
header.site .container.nav{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:16px !important}
header.site .brand{flex:0 0 auto !important}
header.site .brand-logos{
  flex:1 1 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:12px !important;
  white-space:nowrap !important;
  overflow:hidden !important;  /* jokios slinkties juostos */
  line-height:0 !important;
  margin-left:24px !important; /* atitraukiam nuo Ginkon logo */
}
header.site .brand-logos img{
  display:block !important;
  height:26px !important;      /* pakeisk 24–30 pagal poreikį */
  width:auto !important;
  object-fit:contain !important;
  filter:grayscale(100%);opacity:.95;transition:opacity .15s ease
}
header.site .brand-logos img:hover{filter:none;opacity:1}

/* Mobiliai – mažesni ir be laužymo */
@media (max-width:640px){
  header.site .brand-logos img{height:18px !important}
  header.site .brand-logos{gap:8px !important;margin-left:12px !important}
}
/* Galerija: vienodas aukštis */
.wp-block-gallery img,
.wp-block-image img{
  height: 250px !important;
  width: auto !important;
  object-fit: cover !important;
  border-radius: 6px;
}
/* Galerijos: vienodas dydis */
.wp-block-gallery,
.wp-block-gallery ul{display:flex;flex-wrap:wrap;gap:12px}

.wp-block-gallery .wp-block-image,
.wp-block-gallery li{flex:0 0 auto}

.wp-block-gallery img,
.wp-block-image img{
  height:250px !important;
  width:auto !important;
  object-fit:cover !important;
  display:block;
  border-radius:6px;
}
/* --- Galerija: vienodas dydis --- */
.wp-block-gallery img,
.blocks-gallery-grid img,
.gallery img {
  width: 100%;
  height: 260px;        /* keisk jei reikia */
  object-fit: cover;    /* apkerpa kraštus, kad būtų vienodo aukščio */
  border-radius: 6px;
}

/* Mobiliai – šiek tiek mažesnis aukštis */
@media (max-width: 640px){
  .wp-block-gallery img,
  .blocks-gallery-grid img,
  .gallery img { height: 200px; }
}

/* --- Lightbox stiliai --- */
.gk-lightbox {
  position: fixed; inset: 0; display: none;
  background: rgba(0,0,0,.85); z-index: 9999;
}
.gk-lightbox.open { display: grid; place-items: center; }
.gk-lightbox img { max-width: 92vw; max-height: 92vh; border-radius: 8px; }
.gk-lightbox .ctrl {
  position: absolute; top: 50%; transform: translateY(-50%);
  font: 600 28px/1 system-ui, Arial; color: #fff; cursor: pointer; user-select: none;
  padding: 8px 12px; background: rgba(0,0,0,.3); border-radius: 6px;
}
.gk-lightbox .prev { left: 20px; }
.gk-lightbox .next { right: 20px; }
.gk-lightbox .close { top: 16px; right: 16px; transform: none; font-size: 26px; }
/* Rodykles ir valdiklius visada rodyti ToSRUs */
.rlg-tos .tos-controls { display:block !important; opacity:1 !important; }
.rlg-tos .tos-prev, 
.rlg-tos .tos-next, 
.rlg-tos .tos-close {
  opacity:1 !important; visibility:visible !important; transform:none !important;
}
.rlg-tos .tos-prev:before, 
.rlg-tos .tos-next:before { font-size:28px; }