/* gramatvede.info - statiskā kopija (as is) - Zing 2026 */
/* Krāsas un tipogrāfija: dizaina-baseline.md (no oriģinālās Wix vietnes computed styles) */

:root{
  --ink:#161720;          /* virsraksti, tumšais teksts */
  --body:#505158;         /* pamatteksts */
  --accent:#15A6BE;       /* tirkīza akcents - FONIEM un ikonām (zīmols) */
  --accent-text:#0E7C90;  /* tas pats tonis tumšāks - TEKSTAM/saitēm uz balta (WCAG AA 4.88:1) */
  --accent-dark:#0b6d80;  /* hover */
  --brand-green:#179A5C;  /* logo zaļais */
  --footer-green:#086B40; /* kājenes fons */
  --paper:#ffffff;
  --soft:#F0F6F3;       /* mērīts oriģinālā: intro josla + mijas sekcija */
  --line:#d9dbdd;
  --radius:18px;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{font-family:'Inter',Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6;color:var(--body);background:var(--paper)}
img{max-width:100%;height:auto;display:block}
a{color:var(--accent-text);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3{font-weight:700;color:var(--ink);line-height:1.35}
h1{font-size:32px}
h2{font-size:25px}
h3{font-size:18px}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px}

/* ===== Galva ===== */
header.site{background:var(--paper);box-shadow:0 1px 8px rgba(0,0,0,.06);position:sticky;top:0;z-index:50}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;min-height:88px;gap:16px}
.logo{display:inline-block;padding:8px 0}
.logo svg,.logo img{height:56px;width:auto}
nav.main{display:flex;gap:28px;align-items:center}
nav.main a{color:var(--ink);font-weight:500;font-size:15px;letter-spacing:.02em;padding:10px 2px;min-height:44px;display:inline-flex;align-items:center}
nav.main a:hover{color:var(--accent-text);text-decoration:none}
nav.main a.active{color:var(--accent-text)}
/* burgers */
#navtog{display:none}
.burger{display:none;font-size:15px;font-weight:500;color:var(--ink);cursor:pointer;padding:10px;min-height:44px;align-items:center;gap:10px}
.burger::after{content:"\2630";font-size:20px;line-height:1}
.b-close{display:none}
@media(max-width:900px){
  /* logo lielāks, burgers vieglāks - zīmols vada, navigācija pakļaujas */
  .logo img{height:64px}
  header.site .wrap{min-height:84px}

  .burger{display:flex}
  #navtog:checked ~ .burger .b-open{display:none}
  #navtog:checked ~ .burger .b-close{display:inline}
  #navtog:checked ~ .burger::after{content:"\2715";font-size:18px}

  /* animēta atvēršanās (display nav animējams, tāpēc max-height + opacity) */
  nav.main{position:absolute;top:100%;left:0;right:0;background:var(--paper);flex-direction:column;gap:0;
    box-shadow:0 12px 24px rgba(0,0,0,.12);padding:0;z-index:45;
    max-height:0;overflow:hidden;opacity:0;visibility:hidden;
    transition:max-height .22s ease,opacity .18s ease,visibility .22s,padding .22s ease;
    border-bottom-left-radius:14px;border-bottom-right-radius:14px}
  #navtog:checked ~ nav.main{max-height:400px;opacity:1;visibility:visible;padding:8px 0 16px}
  nav.main a{width:100%;padding:14px 24px;min-height:48px}
  nav.main a.active{font-weight:600}

  .nav-overlay{position:fixed;left:0;right:0;top:84px;bottom:0;background:rgba(22,23,32,.35);
    opacity:0;visibility:hidden;transition:opacity .22s,visibility .22s;z-index:40;width:100%;border:0;padding:0}
  #navtog:checked ~ .nav-overlay{opacity:1;visibility:visible}
}
@media(prefers-reduced-motion:reduce){nav.main,.nav-overlay{transition:none}}

/* ===== Pogas ===== */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 34px;
  border-radius:100px;font-family:inherit;font-size:15px;font-weight:500;letter-spacing:.06em;cursor:pointer;
  text-decoration:none;transition:background .15s,color .15s;border:2px solid var(--accent)}
.btn:hover{text-decoration:none}
.btn-primary{background:var(--accent-text);color:#fff;border-color:var(--accent-text)}
.btn-primary:hover{background:var(--accent-dark);border-color:var(--accent-dark)}
.btn-outline{background:transparent;color:var(--ink)}
.btn-outline:hover{background:var(--accent-text);color:#fff;border-color:var(--accent-text)}
@media(max-width:560px){.btn{width:100%}}

/* ===== Hero (sākumlapa) ===== */
.hero{padding:56px 0 0;text-align:center}
.hero h1{font-size:34px;max-width:760px;margin:0 auto 18px}
.hero h1 .hl{color:var(--accent-text)}
.hero .lead{max-width:680px;margin:0 auto 28px}
.hero .cta{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-bottom:52px}
@media(max-width:560px){.hero .cta{flex-direction:column;align-items:stretch}}
.hero-visual{position:relative;max-width:1010px;margin:0 auto;padding:0 20px}
.hero-visual .foto{border-radius:26px;width:100%;object-fit:cover;aspect-ratio:822/360}
@media(max-width:720px){.hero-visual .foto{aspect-ratio:4/3}}

/* Simonas kartīte */
.simona{position:relative;max-width:560px;margin:-64px auto 0;background:var(--paper);border-radius:22px;
  box-shadow:0 16px 44px rgba(0,0,0,.12);padding:64px 34px 30px;text-align:center;z-index:2}
.simona .portrets{width:91px;height:91px;border-radius:50%;object-fit:cover;position:absolute;top:-46px;left:50%;
  transform:translateX(-50%);box-shadow:0 6px 18px rgba(0,0,0,.25);border:3px solid #fff}
.simona h2{font-size:20px;margin-bottom:2px}
.simona .sub{font-weight:600;color:var(--ink);opacity:.55;margin-bottom:14px}
.simona blockquote{font-style:normal;color:var(--body)}

/* ===== Sadaļas ===== */
section{padding:64px 0}
.sec-head{text-align:center;max-width:820px;margin:0 auto 44px}
.sec-head h2{margin-bottom:14px}

/* Pakalpojumu kartītes */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:26px}
.card{background:var(--paper);border-radius:var(--radius);box-shadow:0 8px 30px rgba(0,0,0,.08);padding:34px 34px 38px}
.card .ikona{width:52px;height:52px;margin-bottom:18px;color:var(--accent)}
.card h3{margin-bottom:12px}
.card p{margin-bottom:22px}
/* .cards-sec: oriģinālā sākumlapas Pakalpojumu sekcija ir BALTA - fonu nelikt */

/* Kas ir grāmatvedība? - tirkīza josla */
.kasir{position:relative;color:#fff;padding:72px 0;
  background:linear-gradient(rgba(74,169,180,.82),rgba(74,169,180,.82)),url('img/fons-kas-ir.webp') center/cover no-repeat}
.kasir h2{color:#fff;margin-bottom:22px}
.kasir p,.kasir li{color:#fff}
.kasir ol{padding-left:22px;display:grid;gap:10px;margin:18px 0}
.kasir .txt{max-width:960px}

/* ===== Atsauksmes (karuselis) ===== */
.atsauksmes{text-align:center}
.atsauksmes .zime{margin-bottom:8px}
svg.zime{display:block;width:46px;height:47px;margin:0 auto 14px}   /* oriģinālā 46x47, virs abiem sekciju virsrakstiem */
.slider{position:relative;max-width:880px;margin:34px auto 0;min-height:420px}
.slide{display:none;animation:fade .35s ease}
.slide.on{display:block}
@keyframes fade{from{opacity:0}to{opacity:1}}
.slide .klogo{max-height:109px;width:auto;margin:0 auto 16px}
.slide .stars{width:173px;margin:0 auto 22px}
.slide .citats{max-width:760px;margin:0 auto 18px}
.slide .citats p{margin-bottom:12px}
.slide .paraksts{color:var(--ink);font-weight:500}
.sl-arrow{position:absolute;top:42%;background:none;border:0;cursor:pointer;color:var(--footer-green);padding:10px;min-width:44px;min-height:44px}
.sl-arrow svg{width:26px;height:46px}
.sl-prev{left:-64px}.sl-next{right:-64px}
@media(max-width:1020px){.sl-prev{left:-6px}.sl-next{right:-6px}}
.sl-dots{display:flex;gap:4px;justify-content:center;margin-top:22px}
/* vizuāli 12px punkts, pieskāriena zona 28px (§9b) */
.sl-dots button{position:relative;width:28px;height:28px;border:0;background:transparent;cursor:pointer;padding:0}
.sl-dots button::after{content:"";position:absolute;inset:8px;border-radius:50%;background:#c9cccd}
.sl-dots button.on::after{background:var(--accent-text)}

/* ===== Iekšlapu galva ===== */
.pagehead{position:relative;color:#fff;padding:64px 0;
  background:linear-gradient(rgba(235,238,235,.55),rgba(235,238,235,.55)),url('img/fons-galva.webp') center/cover no-repeat}
.pagehead h1{color:#fff;font-size:30px;text-shadow:0 1px 10px rgba(0,0,0,.35)}
.intro{background:var(--soft);padding:34px 0}
.intro p{max-width:1010px}

/* Pakalpojumu lapa - sadaļas mijas balts/gaišs kā oriģinālā */
.serviss{border-bottom:1px solid var(--soft)}
.serviss:nth-of-type(even){background:var(--soft)}
.serviss .ikona{width:52px;height:52px;color:var(--accent);margin-bottom:16px}
.serviss h2{font-size:18px;margin-bottom:16px}   /* oriģinālā 18px */
.serviss p,.serviss ol{max-width:1010px;margin-bottom:16px}
.serviss ol{padding-left:22px}   /* oriģinālā punkti cieši */
.serviss .btn{margin-top:10px}

/* ===== Kontakti ===== */
/* Kontaktu lapa: desktopā info | kartīte blakus, forma zem.
   Mobilajā (kā oriģinālā): info -> FORMA -> kartīte ar augu. */
.kontakti-lapa{display:grid;grid-template-columns:1fr 1fr;gap:44px 44px;align-items:start;
  grid-template-areas:"info viz" "forma forma"}
.kontakti-lapa .kontakti-info{grid-area:info}
.kontakti-lapa .kontakti-vizualis{grid-area:viz}
.kontakti-lapa .forma{grid-area:forma;margin-top:30px}
@media(max-width:820px){
  .kontakti-lapa{grid-template-columns:1fr;grid-template-areas:"info" "forma" "viz";gap:30px}
  .kontakti-lapa .forma{margin-top:0}
}
.kontakti-info p{margin-bottom:16px}
.kontakti-info .bk{font-size:20px}   /* oriģinālā "Bezmaksas konsultācija" 20px */
.kontakti-info strong{color:var(--ink)}
.kontakti-info a{overflow-wrap:anywhere}
.kontakti-vizualis{position:relative}
.kontakti-card{position:relative;z-index:1;background:var(--paper);border-radius:22px;box-shadow:0 16px 44px rgba(0,0,0,.12);padding:36px;text-align:center;margin-left:60px}
.kontakti-card h2{font-size:20px;margin-bottom:14px}
.kontakti-foto{position:absolute;left:-40px;bottom:-70px;width:340px;z-index:0}
@media(max-width:820px){.kontakti-card{margin-left:0}.kontakti-foto{position:static;width:70%;margin:10px auto 0}}

/* Forma */
.forma{max-width:960px;margin:0 auto}
.forma h2{font-size:18px;text-align:left;margin-bottom:8px}      /* oriģinālā pa kreisi, 18px */
.forma .sub{font-size:14px;text-align:left;max-width:450px;margin-bottom:30px}
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:640px){.f-row{grid-template-columns:1fr}}
.f-field{margin-bottom:18px}
.f-field label{display:block;font-size:14px;color:var(--ink);margin-bottom:6px}
.f-field input,.f-field textarea{width:100%;padding:12px 14px;border:1px solid #8f9296;border-radius:6px;
  font-family:inherit;font-size:15px;color:var(--ink);background:#fff}
.f-field input:focus,.f-field textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}
.f-field textarea{min-height:120px;resize:vertical}
.hp{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}
.f-submit{width:100%;min-height:52px;background:var(--footer-green);color:#fff;border:0;border-radius:0;
  font-family:inherit;font-size:16px;font-weight:500;cursor:pointer}
.f-submit:hover{background:#0a7d4c}
.f-status{margin-top:14px;text-align:center;display:none}
.f-status.err{display:block;color:#b3261e}
.f-ok{display:none;text-align:center;background:var(--soft);border-radius:var(--radius);padding:44px 24px}
.f-ok .check{font-size:44px;color:var(--brand-green)}

/* ===== Privātuma politika ===== */
.juridisks{max-width:960px}
.juridisks h1{margin-bottom:28px}
.juridisks h2{font-size:18px;margin:28px 0 10px}
.juridisks p{margin-bottom:14px}
.juridisks a{overflow-wrap:anywhere}

/* ===== Kājene ===== */
footer.site{background:var(--footer-green);color:#fff;padding:44px 0 34px;margin-top:64px}
/* kājene: kontakti + izvēlne */
footer.site .f-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:34px;margin-bottom:32px}
@media(max-width:640px){footer.site .f-grid{grid-template-columns:1fr;gap:26px}}
footer.site .f-virs{font-weight:600;margin-bottom:10px;opacity:.75;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
footer.site .f-kol p{margin-bottom:6px}
footer.site .f-nav{display:flex;flex-direction:column}
footer.site .f-nav a{min-height:40px}
footer.site .f-atdal{border:0;border-top:1px solid rgba(255,255,255,.2);margin:0 0 20px}
footer.site .rinda{display:flex;flex-wrap:wrap;gap:22px;align-items:center;justify-content:space-between;margin-bottom:30px}
footer.site a{color:#fff;min-height:44px;display:inline-flex;align-items:center}
/* .katalogi: heise katalogu bloks noņemts 2026-08-25 (vienpusējas follow saites) */
footer.site .kredits{font-size:14px;opacity:.9}
@media(max-width:720px){footer.site .rinda{flex-direction:column;text-align:center}}

/* ===== "Uz augšu" poga — mobilajā, kā oriģinālajā Wix vietnē (§9b standarts) ===== */
.totop{display:none}
@media(max-width:900px){
  .totop{position:fixed;right:16px;bottom:16px;z-index:80;width:46px;height:46px;border-radius:50%;
    border:0;background:var(--paper);color:var(--footer-green);cursor:pointer;
    align-items:center;justify-content:center;
    box-shadow:0 0 0 2px rgba(255,255,255,.92),0 8px 24px -8px rgba(0,0,0,.45);
    opacity:0;visibility:hidden;transform:translateY(10px);
    transition:opacity .2s ease,transform .2s ease,visibility .2s}
  .totop.on{display:flex;opacity:1;visibility:visible;transform:none}
  .totop svg{width:20px;height:20px}
}
@media(prefers-reduced-motion:reduce){.totop{transition:none}}

/* 404 */
.notfound{text-align:center;padding:110px 20px}
.notfound h1{font-size:64px;color:var(--accent)}

/* ===== Animācijas (kā oriģinālā Wix vietnē) ===== */
@media(prefers-reduced-motion:no-preference){
  /* hero ielādes animācija */
  .hero h1,.hero .lead,.hero .cta,.hero-visual{opacity:0;animation:rise .8s ease forwards}
  .hero .lead{animation-delay:.15s}
  .hero .cta{animation-delay:.3s}
  .hero-visual{animation-delay:.45s}
  /* scroll-reveal */
  .rv{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}
  .rv.in{opacity:1;transform:none}
}
@keyframes rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}