/* sunuviesnica.lv - Zing static (WEB1000). Tokeni nomeriti no originala ar getComputedStyle 2026-09-18.
   Struktura seko azgrad.lv paraugam. Mono CSS NAV mantots. */

:root{
  /* zimols */
  --brand:#51838f; --brand-dark:#3f6b76; --brand-tint:#eef2f3;
  --ink:#454545;          /* virsraksti */
  --text:#717171;         /* pamatteksts */
  --muted:#606060;        /* topbar, etiketes */
  /* virsmas */
  --white:#fff; --band:#e4e4e4; --footer-bg:#292929; --line:#d5d5d5;
  /* tipografija */
  --font:Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  --fs-body:16px; --fs-h3:25px; --fs-h2:36px; --fs-h1:50px; --fs-small:14px;
  --lh-body:1.6;
  /* atstarpes (4/8 baze) */
  --s1:4px; --s2:8px; --s3:16px; --s4:24px; --s5:40px; --s6:64px;
  /* pareejais */
  --radius:3px; --container:1170px; --tap:44px; --gut:15px;
}

/* ---------- resets ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:400 var(--fs-body)/var(--lh-body) var(--font);color:var(--text);background:var(--white)}
img{max-width:100%;height:auto;display:block}
a{color:var(--brand);text-decoration:none;transition:color .15s}
a:hover{color:var(--brand-dark);text-decoration:underline}
h1,h2,h3{margin:0;font-family:var(--font);color:var(--ink)}
p{margin:0 0 var(--s3)}
p:last-child{margin-bottom:0}
ul{margin:0 0 var(--s3);padding-left:var(--s4)}
li{margin:0 0 var(--s1)}
[hidden]{display:none !important}
::selection{background:var(--brand);color:var(--white)}
:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
[id]{scroll-margin-top:var(--s4)}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;
    transition-duration:.001ms !important;scroll-behavior:auto !important}
}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.skip-link{position:absolute;left:-9999px;top:0;z-index:100;background:var(--white);color:var(--ink);padding:10px 16px}
.skip-link:focus{left:0}

/* ---------- izkartojums ---------- */
.wrap{width:100%;max-width:var(--container);margin:0 auto;padding:0 var(--gut)}
.band{background:var(--band);padding:var(--s5) 0;text-align:center}
.band h2{font-size:var(--fs-h2);font-weight:800;line-height:1.05}
.sec{padding:var(--s6) 0}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:var(--s5)}

/* ---------- galvene ---------- */
.topbar{border-bottom:1px solid #e6e6e6;background:var(--white)}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);min-height:var(--tap)}
.topbar-info{font-size:var(--fs-small);color:var(--muted)}
.topbar-info a{color:var(--muted)}
.topbar-info a:hover{color:var(--ink)}
.topbar-info .sep{margin:0 var(--s2);color:var(--line)}
.langs{display:flex;gap:var(--s1);list-style:none;margin:0;padding:0}
.langs a{display:flex;align-items:center;height:40px;padding:0 9px;font-size:var(--fs-small);
  color:var(--muted);border-radius:var(--radius)}
.langs a:hover{background:#eee;color:var(--ink);text-decoration:none}
.langs .on a{color:var(--ink);font-weight:700;text-decoration:underline;text-underline-offset:4px}

.masthead{background:#f2f2f2;position:relative}
.masthead .wrap{display:flex;align-items:center;gap:var(--s4);padding-top:14px;padding-bottom:14px}
.brand{flex:0 0 auto}
.brand img{width:140px}
/* §4a: centreta izvelne starp logo un CTA */
nav.main{flex:1 1 auto;display:flex;justify-content:center}
nav.main .links{display:flex;align-items:center;gap:var(--s4);list-style:none;margin:0;padding:0}
nav.main a{font-size:18px;color:#20353a;line-height:var(--tap);display:block;white-space:nowrap}
nav.main a:hover{color:var(--brand);text-decoration:none}
nav.main a.on{color:var(--brand);text-decoration:underline;text-underline-offset:6px}
.btn{display:inline-block;background:var(--brand);color:var(--white);border-radius:var(--radius);
  padding:0 20px;font-size:var(--fs-body);line-height:var(--tap);white-space:nowrap;transition:background .15s}
.btn:hover{background:var(--brand-dark);color:var(--white);text-decoration:none}
.head-cta{flex:0 0 auto}
.m-cta,.langm{display:none}
/* burgers */
.burger{display:none;align-items:center;gap:var(--s2);margin-left:auto;background:none;border:0;
  cursor:pointer;padding:0 4px;min-height:var(--tap);font:700 15px var(--font);color:#20353a}
.burger span{width:24px;height:2px;background:currentColor;position:relative;display:inline-block}
.burger span::before,.burger span::after{content:"";position:absolute;left:0;width:24px;height:2px;
  background:currentColor;transition:transform .2s,top .2s}
.burger span::before{top:-7px}
.burger span::after{top:7px}

/* ---------- hero ---------- */
.hero{background:#555 center/cover no-repeat;padding:200px 0;text-align:center}
.hero h1{font-size:var(--fs-h1);font-weight:700;line-height:1.05;color:var(--white);
  text-shadow:0 2px 14px rgba(0,0,0,.55)}
.hero-cta{margin-top:var(--s5)}
.hero-cta a{display:inline-block;margin:0 var(--s2) 12px;padding:18px 28px;font-size:19px;
  color:var(--white);border:2px solid var(--white);border-radius:var(--radius);
  background:rgba(0,0,0,.18);transition:background .15s}
.hero-cta a:hover{background:rgba(0,0,0,.38);color:var(--white);text-decoration:none}
.hero-note{margin:var(--s2) 0 0;color:var(--white);font-size:15px;text-shadow:0 1px 3px rgba(0,0,0,.6)}

/* ---------- saturs ---------- */
.sec h3{font-size:var(--fs-h3);font-weight:400;margin:var(--s5) 0 var(--s2)}
.sec h3:first-child{margin-top:0}
.pricetable{border-collapse:collapse;min-width:260px;margin:0 0 var(--s3)}
.pricetable th,.pricetable td{text-align:left;padding:var(--s2) var(--s4) var(--s2) 0;
  border-bottom:1px solid var(--line);font-weight:400}
.pricetable th{white-space:nowrap}
.pricenote{font-size:var(--fs-small)}

/* ---------- galerija ---------- */
.gallery{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;list-style:none;margin:0;padding:0}
.gallery li{margin:0}
.gallery img{aspect-ratio:3/2;object-fit:cover;width:100%}
.gallery a{display:block;position:relative}
.gallery a:hover img{opacity:.85}
.lb{position:fixed;inset:0;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center;z-index:9999}
.lb img{max-width:92vw;max-height:86vh;object-fit:contain}
.lb button{position:absolute;background:none;border:0;color:#fff;font-size:40px;line-height:1;cursor:pointer;padding:12px}
.lb .lb-x{top:8px;right:12px}.lb .lb-p{left:8px}.lb .lb-n{right:8px}
.lb .lb-c{position:absolute;bottom:14px;left:0;right:0;text-align:center;color:#fff;font-size:var(--fs-small)}

/* ---------- BUJ ---------- */
.faq details{border-bottom:1px solid var(--line)}
.faq details:first-of-type{border-top:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;padding:var(--s3) var(--s5) var(--s3) 0;position:relative;min-height:var(--tap)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:var(--s2);top:50%;width:9px;height:9px;
  border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:translateY(-70%) rotate(45deg);transition:transform .15s}
.faq details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.faq summary:hover{color:var(--brand)}
.faq h3{display:inline;font-size:var(--fs-h3);font-weight:400;margin:0}
.faq .faq-a{padding:0 0 var(--s3);margin:0}

/* ---------- kontakti ---------- */
.contacts h3{font-size:var(--fs-h3);font-weight:400;margin:var(--s5) 0 var(--s2)}
.contacts h3:first-child{margin-top:0}
.contacts p{margin:0 0 var(--s1)}
.map{margin-top:var(--s5)}
.map iframe{width:100%;height:450px;border:0;display:block}

/* ---------- forma ---------- */
.formbox{background:var(--band);padding:45px}
.formbox .subtitle{font-size:var(--fs-h3);font-weight:400;color:var(--ink);margin:0 0 var(--s4)}
.zform{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--s3)}
.zform .f{display:flex;flex-direction:column}
.zform .f-full{grid-column:1/-1}
.zform .f-half{grid-column:span 3}
.zform .f-third{grid-column:span 2}
/* etiketes vienmer vienas rindas augstuma, lai lauki salinojas */
.zform label{min-height:26px;font-size:var(--fs-body);color:var(--muted);margin-bottom:var(--s1)}
.zform input,.zform select,.zform textarea{
  width:100%;font:400 var(--fs-body)/1.4 var(--font);color:var(--ink);
  background:var(--white);border:1px solid transparent;border-radius:var(--radius);padding:14px 15px}
.zform textarea{min-height:130px;resize:vertical}
.zform input:focus,.zform select:focus,.zform textarea:focus{outline:2px solid var(--brand);outline-offset:1px}
.zform .veiled{position:absolute;left:-9999px;height:0;overflow:hidden}
.zform .submit{grid-column:1/-1;justify-self:start;background:var(--ink);color:var(--white);
  border:0;border-radius:var(--radius);padding:15px 25px;font:400 var(--fs-body) var(--font);
  cursor:pointer;min-height:var(--tap);transition:background .15s}
.zform .submit:hover{background:var(--brand)}
.zform .submit:active{transform:translateY(1px)}
.zform .submit[disabled]{opacity:.6;cursor:default}
.form-privacy{grid-column:1/-1;font-size:13px;color:var(--muted);margin:0}
.form-status{grid-column:1/-1;margin:0}
.form-status.err{color:#b00020}
.form-status.ok{color:#1a7f37}

/* ---------- kajene ---------- */
.site-footer{background:var(--footer-bg);color:var(--white);padding:var(--s5) 0;font-size:var(--fs-small)}
.site-footer .wrap{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:var(--s5)}
.site-footer p{margin:0 0 var(--s1);line-height:1.6}
.site-footer a{color:var(--white)}
.site-footer a:hover{color:var(--white);text-decoration:underline}
.site-footer .ft-h{font-weight:700;margin-bottom:var(--s2)}
.site-footer .credit{margin-top:var(--s3)}

/* ---------- uz augsu ---------- */
.scrollIcon{position:fixed;right:18px;bottom:18px;width:42px;height:42px;display:none;
  align-items:center;justify-content:center;background:var(--brand);border-radius:var(--radius);z-index:60}
.scrollIcon.on{display:flex}
.scrollIcon svg{width:16px;height:16px;fill:var(--white)}
.scrollIcon:hover{background:var(--brand-dark)}

/* ---------- <=1199 ---------- */
@media(max-width:1199px){
  :root{--fs-h1:40px;--fs-h2:30px}
  .hero{padding:150px 0}
  .sec{padding:var(--s5) 0}
  .nav ul{gap:var(--s3)}
  .nav a{font-size:16px}
  .gallery{grid-template-columns:repeat(4,1fr);gap:5px}
}

/* ---------- mobila izvelne: PILNEKRANA PARKLAJUMS ----------
   Zing standarts, _vadlinijas/KOMPONENTS-mobila-izvelne.md v1.0 */
@media(max-width:900px){
  .topbar{display:none}            /* saturs ir citur: talrunis hero CTA, valodas izvelne, norades kontaktos */
  .burger{display:inline-flex}
  .head-cta{display:none}
  nav.main{position:fixed;inset:0;background:var(--white);z-index:120;
    overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
    padding:78px 22px 40px;display:none;opacity:0;transform:translateY(-8px);
    transition:opacity .18s cubic-bezier(.2,.7,.3,1),transform .18s cubic-bezier(.2,.7,.3,1)}
  nav.main.open{display:block;opacity:1;transform:none}
  .burger[aria-expanded="true"]{position:fixed;top:16px;right:18px;z-index:130}
  .burger[aria-expanded="true"] span{background:transparent}
  .burger[aria-expanded="true"] span::before{transform:rotate(45deg);top:0}
  .burger[aria-expanded="true"] span::after{transform:rotate(-45deg);top:0}
  nav.main .links{flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:0}
  nav.main .links>li{border-bottom:1px solid var(--line)}
  nav.main .links>li>a{padding:16px 4px;font-size:19px;font-weight:700;line-height:1.4;min-height:var(--tap)}
  .m-cta{display:block;padding:20px 0;border-bottom:0 !important}
  nav.main .m-cta .btn{display:block;text-align:center;line-height:48px;color:var(--white)}
  nav.main .m-cta .btn:hover{color:var(--white)}
  .langm{display:flex;gap:var(--s4);padding:16px 4px;border-top:1px solid var(--line);border-bottom:0 !important}
  .langm a{font-size:17px;min-height:var(--tap);line-height:var(--tap)}
  .langm a.on{font-weight:700;text-decoration:underline;text-underline-offset:4px}
  body.noscroll{overflow:hidden}
  nav.main{max-height:100dvh}
}

/* ---------- <=767 ---------- */
@media(max-width:767px){
  :root{--fs-h1:28px;--fs-h2:24px;--fs-h3:20px}
  .topbar .wrap{flex-wrap:wrap;justify-content:center;gap:var(--s1) var(--s3);padding-top:6px;padding-bottom:6px}
  .topbar-info{width:100%;text-align:center}
  .langs{width:100%;justify-content:center}
  .masthead .wrap{gap:var(--s3)}
  .brand img{width:110px}
  .hero{padding:90px 0}
  .hero-cta a{display:block;max-width:320px;margin:0 auto 12px}
  .cols{grid-template-columns:1fr;gap:var(--s5)}
  .gallery{grid-template-columns:repeat(3,1fr);gap:6px}
  .formbox{padding:var(--s4)}
  .zform{grid-template-columns:1fr}
  .zform .f-third,.zform .f-half{grid-column:1/-1}
  .site-footer .wrap{grid-template-columns:1fr;gap:var(--s4)}
  .map iframe{height:320px}
}