/* v2 pataisymai ant prototipo CSS (kraunama paskutinė). Ne prototipo failai - čia mūsų taisymai. */

/* Įrankių rezultatų blokai: hero-bento.css visiems .panel nuima šonines paraštes (sekcijos be fono),
   bet balti rezultatų blokai turi jas turėti (Ainis 2026-11-05: „nėra paddingų“) */
.panel.ares { padding: clamp(1.75rem, 4vw, 3.5rem) !important; }

/* Logotipas: ženklas ir žodis - du SVG; ženklas sukasi kaip HTML sluoksnis (GPU), ne SVG <g> (Ainis 2026-11-05: „pasilieja“) */
.logo .logo-lockup { display: flex; align-items: center; height: 28px; }
.logo .logo-svg.mark { height: 28px; width: auto; transform-box: border-box; transform-origin: 50% 51.3%; will-change: transform; }
.logo .logo-svg.logo-word { height: 28px; width: auto; }

/* MINI auditas: rodikliai trijose grupėse su daliniu balu (Greitis, DI matomumas (GEO), Pagrindai) */
.agrp { margin: 0 0 1.75rem; }
.agrp .agh { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; padding: 0 0 .6rem; border-bottom: 2px solid var(--ink); margin: 0 0 .25rem; }
.agrp .agh b { font-family: var(--font-d); font-stretch: var(--fst, normal); font-weight: 700; font-size: 1.05rem; letter-spacing: -.01em; }
.agrp .agh .mono { font-size: .95rem; font-weight: 600; color: var(--ink); }
.agrp .aparams { margin-bottom: 0; }

/* Formų laukai: hero-bento.css bendras :focus-visible { border-radius: 6px } fokusuojant perrašo lauko formą
   (piliulė virsdavo kvadratu, Ainis 2026-11-05). Fokusuotas laukas išlaiko savo kampus. */
.awin:focus, .awin:focus-visible { border-radius: 999px !important; }
.f input:focus-visible, .f textarea:focus-visible, .f select:focus-visible,
#stdform input:focus-visible, #stdform textarea:focus-visible, #stdform select:focus-visible { border-radius: 12px !important; }

/* Pradinio rezultatų juosta: Google „G“ ženklas prie įvertinimo (Ainis 2026-11-06) */
.results-foot .rf-g a { display:inline-flex; align-items:center; gap:.4rem; color:inherit; text-decoration:none; }
.results-foot .rf-g a:hover { color:var(--ink); }
.results-foot .rf-g svg { width:16px; height:16px; flex:none; }
.results-foot .rf-g b { font-weight:600; color:var(--ink); }
.results-foot .rf-g i { font-style:normal; color:#FBBC04; letter-spacing:.05em; }

/* WCAG patikros krovimo blokas (Ainis 2026-11-06) */
.wc-load { width: 100%; max-width: 640px; margin: 0 auto 1.5rem; padding: clamp(1.25rem, 3vw, 1.75rem); border: 1px solid var(--line); border-radius: var(--r); background: var(--panel); text-align: left; }
.wc-load[hidden] { display: none; }
.wl-top { display: flex; align-items: center; gap: .9rem; }
.wl-spin { width: 34px; height: 34px; flex: none; border-radius: 50%; border: 3px solid var(--lav); border-top-color: var(--lav-ink); animation: wl-rot .9s linear infinite; }
.wl-h { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.wl-host { font-family: var(--font-d); font-stretch: 125%; font-weight: 700; font-size: 1.05rem; overflow-wrap: anywhere; }
.wl-sub, .wl-t { font-size: .85rem; color: var(--ink-3); }
.wl-t { font-variant-numeric: tabular-nums; }
.wl-bar { height: 6px; margin: 1.1rem 0 1.25rem; border-radius: 999px; background: var(--lav); overflow: hidden; }
.wl-bar i { display: block; height: 100%; width: 0; border-radius: inherit; background: var(--lav-ink); transition: width .9s ease; }
.wl-steps { list-style: none; display: grid; gap: .65rem; margin: 0; padding: 0; }
.wl-steps li { display: flex; align-items: center; gap: .7rem; font-size: .98rem; color: var(--ink-3); transition: color .3s; }
.wl-steps li.on { color: var(--ink); font-weight: 600; }
.wl-steps li.ok { color: var(--ink-2); }
.wl-i { position: relative; width: 20px; height: 20px; flex: none; border-radius: 50%; border: 2px solid var(--line); }
.wl-steps li.on .wl-i { border-color: var(--lav); border-top-color: var(--lav-ink); animation: wl-rot .8s linear infinite; }
.wl-steps li.ok .wl-i { border-color: var(--lav-ink); background: var(--lav-ink); }
.wl-steps li.ok .wl-i::after { content: ""; position: absolute; left: 5px; top: 2px; width: 5px; height: 9px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
@keyframes wl-rot { to { transform: rotate(360deg); } }
.wc-note { max-width: 92ch; }

/* Planų kortelės: be didžiųjų raidžių viršuje ir prie kainos, mažiau teksto (Ainis 2026-11-06) */
.au-mono { text-transform: none; letter-spacing: 0; font-size: 13px; font-weight: 500; line-height: 1.4; }
.price small, .compare .price small, .cmpcol .price small { text-transform: none; letter-spacing: 0; }
.cro-plans .who { display: none; }
.cro-plans .au-c .au-tl { margin-bottom: 1.25rem; }

/* /susisiekite/: naujiems klientams 4 kortelės, esamiems - tamsus pagalbos blokas (Ainis 2026-11-06) */
.channels { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.channels b { overflow-wrap: anywhere; word-break: normal; }
.panel.dark .title { color: #fff; }
.panel.dark .shead .sub, .panel.dark .lede { color: var(--white-2); }
.support { display: grid; grid-template-columns: 1fr 1fr; gap: var(--gap); }
.support a { position: relative; display: flex; flex-direction: column; gap: .6rem; padding: clamp(1.25rem, 2.5vw, 1.75rem); border: 1px solid var(--black-line); border-radius: var(--r-sm); background: var(--black-2); color: #fff; text-decoration: none; transition: background .2s, border-color .2s; }
.support a:hover { background: var(--lav-ink); border-color: var(--lav-ink); }
.support .mono { color: var(--white-2); }
.support b { font-family: var(--font-d); font-stretch: 125%; font-weight: 700; font-size: clamp(1.15rem, 2.2vw, 1.6rem); letter-spacing: -.02em; overflow-wrap: anywhere; padding-right: 2rem; }
.support .arr { position: absolute; top: 1.1rem; right: 1.25rem; font-size: 1.2rem; color: var(--white-2); }
@media (max-width: 1024px) { .channels { grid-template-columns: 1fr 1fr; } }
@media (max-width: 620px) { .channels, .support { grid-template-columns: 1fr; } }

/* „Prisegtas“ horizontalus kortelių slinkimas išjungtas (Ainis 2026-11-06: atrodo sulūžęs, kortelės užlenda viena ant kitos).
   Kortelės - paprastas tinklelis, matomas iš karto; JS transformacijos nustelbiamos. */
.lp-hpin { height: auto !important; }
.lp-hstage { position: static !important; top: auto !important; overflow: visible !important; padding-bottom: 0 !important; margin-bottom: 0 !important; }
.lp-grid.lp-h { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: var(--gap); height: auto !important; }
.lp-h .lp-c { position: relative !important; inset: auto !important; width: auto !important; min-height: 300px; transform: none !important; z-index: auto !important; box-shadow: none !important; opacity: 1 !important; border-radius: var(--r); }
.lp-h .lp-vw { flex: 1; }
@media (max-width: 620px) { .lp-grid.lp-h { grid-template-columns: 1fr; } .lp-h .lp-c { min-height: 0; } }

/* Istorijų faktų lentelė virš galerijos: kompaktiškas blokas su apvaliais kampais, atskirtas nuo nuotraukų (Ainis 2026-11-06) */
.sect .tablewrap:is(:has(+ .gal), :has(+ .shots)) { max-width: 760px; margin: 0 0 2rem; padding: .35rem 1.5rem; background: var(--panel-2); border-radius: var(--r); overflow: hidden; }
.sect .tablewrap:is(:has(+ .gal), :has(+ .shots)) .tb { width: 100%; border-collapse: collapse; background: transparent; }
.sect .tablewrap:is(:has(+ .gal), :has(+ .shots)) thead { display: none; }
.sect .tablewrap:is(:has(+ .gal), :has(+ .shots)) td { padding: .7rem 0; font-size: 15px; border: 0; border-bottom: 1px solid var(--line); background: transparent; vertical-align: top; }
.sect .tablewrap:is(:has(+ .gal), :has(+ .shots)) tr:last-child td { border-bottom: 0; }
.sect .tablewrap:is(:has(+ .gal), :has(+ .shots)) td:first-child { width: 38%; padding-right: 1rem; color: var(--ink-3); }
@media (max-width: 620px) { .sect .tablewrap:is(:has(+ .gal), :has(+ .shots)) { padding: .25rem 1.1rem; } .sect .tablewrap:is(:has(+ .gal), :has(+ .shots)) td:first-child { width: 42%; } }

/* Istorijų vidinių puslapių maketai (Ainis 2026-11-07): kortelės po 3, kaip istorijų sąraše - ne per visą plotį */
.shots { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap); }
.shots img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 11.8; object-fit: cover; padding: 16px; border-radius: 24px; background: var(--panel-2); transition: background .2s; }
.shots img:hover { background: var(--lav); }
@media (max-width: 1024px) { .shots { grid-template-columns: 1fr 1fr; } }
@media (max-width: 620px) { .shots { grid-template-columns: 1fr; } .shots img { padding: 12px; } }

/* Darbų kortelių galerija (Blocks „gallery“) - ne pradinio slenkanti juosta (hero-bento .gal): po 3, kaip istorijų kortelės (Ainis 2026-11-07) */
.gal:not(:has(.gal-v)) { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap); width: auto; margin: 0 !important; overflow: visible; container-type: normal; }
.gal:not(:has(.gal-v)):has(> .gcard:only-child) { grid-template-columns: minmax(0, 1fr); max-width: 760px; }
.gal:not(:has(.gal-v)) .gcard { display: flex; padding: 16px; border-radius: 24px; gap: .9rem; }
.gal:not(:has(.gal-v)) .gcard .img { aspect-ratio: 16 / 11; border-radius: 12px; }
.gal:not(:has(.gal-v)) .gcard .cap b { font-size: 1.1rem; }
@media (max-width: 1024px) { .gal:not(:has(.gal-v)) { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) { .gal:not(:has(.gal-v)) { grid-template-columns: minmax(0, 1fr); } }