/* ============================================================
   INVESTUOK – ŠVARUS STYLEGUIDE (naujas projektas)
   Paletė: Raudona · Mėlyna · Juoda · Balta. Fonas – baltas.
   Šriftai: Raleway (antraštės) + DM Sans (tekstas, skaičiai).
   Aštrūs kampai (be radius), ryškūs borderiai.
   Dvi spalvinės schemos (tas pats layout, skiriasi tik akcentas):
     [data-scheme="black"] – daugiau juodos (numatyta, „V3")
     [data-scheme="blue"]  – daugiau mėlynos („V4")
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,500;0,600;0,700;0,800;1,700;1,800&family=DM+Sans:opsz,wght@9..40,400..800&display=swap');

/* ---------- TOKENAI ---------- */
:root{
  --red:#ED1C24;      --red-dark:#C8151B;   --red-muted:rgba(237,28,36,0.08);
  --blue:#2562FF;     --blue-dark:#1D4FD7;  --blue-muted:rgba(37,98,255,0.08);
  --green:#16A34A;    --green-muted:rgba(22,163,74,0.08);  /* nauda/sėkmė (ne error kontekstai) */
  --gold:#F2B01E;     --gold-muted:rgba(242,176,30,0.14); /* žvaigždutės / reitingai; muted – įspėjimo fonas (pvz. slaptažodžio stiprumas) */
  --black:#1C1C1C;    --ink:#1C1C1C;
  --white:#FFFFFF;
  --gray-800:#33363D; --gray-600:#52555E; --gray-400:#7A7F88;   --gray-100:#EEF0F3;
  --line:#DADEE4;                 /* švelnūs skirtukai */
  --border:rgba(0,0,0,0.08);      /* subtilus komponentų apvadas */
  --border-s:rgba(0,0,0,0.13);    /* kiek ryškesnis apvadas */
  --bord:#1C1C1C;                 /* ryškus (tamsus) komponentų apvadas */
  --line-w:rgba(255,255,255,0.22);/* linijos ant tamsaus fono */
  --nav-h:64px;                   /* sticky nav aukštis */

  --font:'DM Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
  --font-head:'Raleway','Helvetica Neue',Helvetica,Arial,sans-serif;

  /* Tipo skalė – bazė 18px */
  --fs-display:56px;--fs-h1:48px;--fs-h2:40px;--fs-hero:32px;--fs-h3:28px;--fs-h4:24px;--fs-h5:22px;--fs-h6:20px;
  --fs-lg:20px;--fs-lead-lg:22px;--fs-lead:20px;--fs-base:18px;--fs-small:16px;--fs-caption:14px;--fs-xs:13px;--fs-2xs:12px;
  --fs-stat:100px;                /* dideli statistikos skaičiai */

  /* Tarpų skalė – visi komponentų paddingai/marginai/gapai tik iš čia */
  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;
  --sp-6:24px;--sp-7:32px;--sp-8:40px;--sp-9:48px;--sp-10:64px;--sp-11:80px;
}

:root{--band:var(--black)}

/* ---------- RESET & BASE ---------- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + var(--sp-3))}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
body{font-family:var(--font);font-weight:400;color:var(--ink);background:var(--white);line-height:1.65;font-size:var(--fs-base);-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
::selection{background:var(--blue);color:#fff}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px}

.container{width:100%;max-width:1320px;margin-inline:auto;padding-inline:clamp(20px,4vw,44px)}

/* ---------- TIPOGRAFIKA ---------- */
h1,h2,h3,h4,h5,h6,.display{font-family:var(--font-head);color:var(--black);letter-spacing:-0.02em;line-height:1.08;font-weight:800}
.display{font-size:var(--fs-display);font-weight:800;line-height:1.02;letter-spacing:-0.03em}
h1{font-size:var(--fs-h1)}
h2{font-size:var(--fs-h2)}
h3{font-size:var(--fs-h3);font-weight:800;line-height:1.2}
h4{font-size:var(--fs-h4);font-weight:700}
h5{font-size:var(--fs-h5);font-weight:700}
h6{font-size:var(--fs-h6);font-weight:700}
p{font-size:var(--fs-base);line-height:1.75;color:var(--gray-600)}
strong{font-weight:700;color:var(--ink)}

/* Ritmas – plikas tagas atrodo teisingai be klasių (Gutenberg-ready).
   :where() laiko specifiškumą nuliniu, tad bet kuri komponento klasė lengvai perrašo. */
:where(h1,h2,h3,h4,h5,h6){margin-bottom:var(--sp-4)}
:where(h2){margin-bottom:var(--sp-5)}
:where(h2:not(:first-child)){margin-top:var(--sp-9)}
:where(h3:not(:first-child)){margin-top:var(--sp-8)}
:where(p){margin-bottom:var(--sp-4)}
p:last-child,h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child{margin-bottom:0}

/* Teksto utilities – atitiks Gutenberg group/column apribojimus */
.prose{max-width:820px}
.w-75{max-width:75%}
.note{font-size:var(--fs-small);color:var(--gray-600)}
.ruled{border-top:1px solid var(--black);padding-top:var(--sp-8);margin-top:var(--sp-9)}
.band-dark .ruled,.band-black .ruled,.band-blue .ruled,.band-red .ruled{border-top-color:var(--line-w)}
.band-dark .note,.band-black .note,.band-blue .note,.band-red .note{color:rgba(255,255,255,0.7)}

.sec-label{font-family:var(--font);font-size:var(--fs-caption);font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--blue);margin-bottom:var(--sp-3)}

/* Taškinis mobile tarpo sutraukimas – dedama per Gutenberg "Additional CSS class(es)"
   tik ten, kur pastebėtas per didelis paddingas (ne globalus perrašymas). Reikia
   !important, nes perrašo bloko inline style (WP preset spacing yra style="..."). */
@media(max-width:820px){
  .tight-mobile{margin-top:var(--sp-6)!important}
}
.section{padding:var(--sp-9) 0}

/* ---------- MYGTUKAI ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font);font-weight:700;font-size:var(--fs-small);padding:14px 26px;border:2px solid transparent;cursor:pointer;line-height:1;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}
.btn-primary{background:var(--red);color:#fff;border-color:var(--red)}
.btn-primary:hover{background:var(--red-dark);border-color:var(--red-dark)}
.btn-blue{background:var(--blue);color:#fff;border-color:var(--blue)}
.btn-blue:hover{background:var(--blue-dark);border-color:var(--blue-dark)}
.btn-dark{background:var(--black);color:#fff;border-color:var(--black)}
.btn-dark:hover{background:#000}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--bord)}
.btn-ghost:hover{background:var(--black);color:#fff;border-color:var(--black)}
.btn-lg{font-size:var(--fs-base);padding:16px 32px}
.btn-md{font-size:var(--fs-caption);padding:10px 18px}
.btn-sm{font-size:var(--fs-caption);padding:7px 12px}

/* ---------- DARK / SPALVOTOS JUOSTOS ---------- */
.band-dark{background:var(--band);color:#fff}
.band-black{background:var(--black);color:#fff}
.band-blue{background:var(--blue);color:#fff}
.band-red{background:var(--red);color:#fff}
.band-dark h1,.band-dark h2,.band-dark h3,.band-dark h4,
.band-black h1,.band-black h2,.band-black h3,.band-black h4,
.band-blue h1,.band-blue h2,.band-blue h3,.band-blue h4,
.band-red h1,.band-red h2,.band-red h3,.band-red h4{color:#fff}
.band-dark p,.band-black p,.band-blue p,.band-red p{color:rgba(255,255,255,0.82)}
.band-dark strong,.band-black strong,.band-blue strong,.band-red strong{color:#fff}

/* ---------- KORTELĖ (aštri, ryškus apvadas) ---------- */
.card{background:var(--white);border:1px solid var(--bord)}

/* ---------- FAQ (bendras komponentas – partials/faq.php) ---------- */
.faq-list{border-top:1px solid var(--black);max-width:820px}
.faq-item{border-bottom:1px solid var(--black)}
.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-4) 0;cursor:pointer;list-style:none;font-size:var(--fs-lead);font-weight:700;color:var(--black)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-chevron{color:var(--blue);font-size:var(--fs-base);transition:transform .2s;flex-shrink:0}
.faq-item[open] .faq-chevron{transform:rotate(180deg)}
.faq-body{padding:0 0 var(--sp-5)}
.faq-body p{max-width:75ch}

/* ---------- NAV ---------- */
.nav{background:var(--white);border-bottom:1px solid var(--black);position:sticky;top:0;z-index:60}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:var(--nav-h)}
.nav-logo{display:flex;align-items:center}
.nav-logo img{height:34px;width:auto;display:block}
.nav-center{display:flex;align-items:center;gap:4px}
.nav-pill{position:relative;font-family:var(--font);font-size:var(--fs-small);font-weight:600;color:var(--gray-600);padding:6px 14px;transition:color .15s}
.nav-pill::after{content:'';position:absolute;left:14px;right:14px;bottom:2px;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:center;transition:transform .25s ease}
.nav-pill:hover{color:var(--black)}
.nav-pill:hover::after{transform:scaleX(1)}
.nav-pill-active{color:var(--black);font-weight:700}
.nav-pill-active::after{transform:scaleX(1)}
.nav-item{position:relative;display:flex;align-items:center;height:64px}
.nav-drop{position:absolute;top:100%;left:0;min-width:180px;background:var(--white);border:1px solid var(--black);display:none;flex-direction:column;z-index:70}
.nav-item:hover .nav-drop,.nav-item:focus-within .nav-drop{display:flex}
.nav-drop a{padding:10px 14px;font-size:var(--fs-small);font-weight:600;color:var(--gray-600);border-bottom:1px solid var(--line);transition:background .15s,color .15s}
.nav-drop a:last-child{border-bottom:0}
.nav-drop a:hover{background:var(--black);color:#fff}
.nav-right{display:flex;align-items:center;gap:8px}
.nav-cart{display:flex;align-items:center;justify-content:center;width:38px;height:38px;color:var(--gray-600);transition:background .15s}
.nav-cart:hover{background:var(--gray-100)}
/* Paskyros ikona (tik landing'e su CTA, header.php) – kaip krepšelio ikona; mobile slepiama (panelyje – mygtukas) */
.nav-account{display:flex;align-items:center;justify-content:center;width:38px;height:38px;color:var(--gray-600);transition:background .15s}
.nav-account:hover{background:var(--gray-100)}
.nav-cart+.nav-account{margin-left:-10px} /* ikonų pora arčiau (glifai ~18px), tarpas iki CTA lieka */

/* ---------- FOOTER ---------- */
.footer{background:var(--black);padding:3rem 0 2rem;color:#fff}
.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2rem;padding-bottom:2.5rem;border-bottom:1px solid rgba(255,255,255,0.25)}
.footer-brand-logo{font-family:var(--font-head);font-size:var(--fs-lg);font-weight:800;letter-spacing:0.04em;color:#fff;margin-bottom:0.75rem}
.footer-brand-desc{font-size:var(--fs-small);color:rgba(255,255,255,0.82);line-height:1.6}
.footer-col-label{font-size:var(--fs-caption);font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:#fff;margin-bottom:1rem}
.footer-col-links{display:flex;flex-direction:column;gap:0.6rem}
.footer-col-links a{font-size:var(--fs-small);color:rgba(255,255,255,0.82);transition:color .15s}
.footer-col-links a:hover{color:#fff}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:1.5rem}
.footer-copy{font-size:var(--fs-caption);color:rgba(255,255,255,0.82)}
.footer-legal{display:flex;gap:1.25rem}
.footer-legal a{font-size:var(--fs-caption);color:rgba(255,255,255,0.82);transition:color .15s}
.footer-legal a:hover{color:#fff}

@media(max-width:820px){
  .footer-top{grid-template-columns:1fr 1fr}
  .nav-center{display:none}
}

/* ---------- NAV: mobile (hamburger) ---------- */
.nav-burger{display:none;flex-direction:column;justify-content:center;align-items:stretch;gap:5px;width:38px;height:38px;background:none;border:0;cursor:pointer;padding:9px 8px}
.nav-burger span{display:block;height:2px;background:var(--black);transition:transform .2s,opacity .2s}
.nav-open .nav-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-open .nav-burger span:nth-child(2){opacity:0}
.nav-open .nav-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
/* Puslapio CTA navbar'e (inc/cta.php): .btn sistema + skersa rodyklė prieš tekstą */
.nav-cta{padding:12px 22px;font-size:var(--fs-small)} /* nav kontekstas: tarp md ir lg (44px aukštis 64px juostoje) */
.nav-cta svg{flex:none}
/* Mobile sticky CTA juosta (inc/cta.php + cta-bar.js): fixed apačioje, nykščio zona,
   iOS safe-area; įslenka iš apačios; body gauna padding'ą, kad nedengtų footer'io. */
.ficus-cta-bar{position:fixed;left:0;right:0;bottom:0;z-index:50;padding:18px clamp(20px,4vw,44px) calc(8px + env(safe-area-inset-bottom,0px));background:var(--white);border-top:1px solid var(--line);box-shadow:0 -6px 18px rgba(0,0,0,0.08);transform:translateY(100%);transition:transform .25s ease}
.ficus-cta-bar.is-visible{transform:none}
.ficus-cta-bar .btn{width:100%;padding:14px 22px;font-size:var(--fs-small)}
body.ficus-cta-bar-on{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
@media (min-width:1100px){
  .nav-panel-account{display:none}
  .ficus-cta-bar{display:none}
  body.ficus-cta-bar-on{padding-bottom:0}
}
@media (max-width:1099px){
  .nav-burger{display:flex}
  .nav-right>.btn,.nav-account{display:none}
  .nav-center{position:absolute;top:100%;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;background:var(--white);border-bottom:1px solid var(--black);padding:8px 0 16px;max-height:calc(100dvh - var(--nav-h));overflow-y:auto}
  .nav-open .nav-center{display:flex}
  .nav-center .nav-pill{display:block;padding:12px clamp(20px,4vw,44px)}
  .nav-center .nav-pill::after{display:none}
  .nav-item{display:block;height:auto}
  .nav-drop{position:static;display:flex;border:0;min-width:0}
  .nav-drop a{padding:10px calc(clamp(20px,4vw,44px) + 16px);border-bottom:0}
  .nav-panel-account{margin:12px clamp(20px,4vw,44px) 0;align-self:flex-start}
}

/* ---------- FOOTER: logo paveiksliukas ---------- */
img.footer-brand-logo{height:26px;width:auto}


/* WC pranešimai ne-WC puslapiuose (header.php po nav; žr. ficus-page-notices).
   WC ::before ikonos nerodom – absoliučiai pozicionuotos, lipdavo ant teksto. */
.ficus-page-notices{margin-top:16px}
.ficus-page-notices :is(.woocommerce-message,.woocommerce-info,.woocommerce-error){margin:0 0 8px;padding:12px 16px;list-style:none;background:var(--gray-100);border-top:3px solid var(--red);font-size:var(--fs-small);line-height:1.5;color:var(--ink)}
.ficus-page-notices :is(.woocommerce-message,.woocommerce-info,.woocommerce-error)::before{display:none}
.ficus-page-notices .woocommerce-error li{list-style:none;margin:0}