/* ============================================================================
   Modernus Sprendimai — patikslinimai virš dizaino artboard'ų.
   Du blokai, ir jie NEVIENODO likimo. Perkeliant į produkciją perskaityk abu.
   ============================================================================ */

/* ---------------------------------------------------------------------------
   1. TIK PERŽIŪRAI — produkcijoje šito bloko NELIEKA.
   <image-slot> yra Claude Design redagavimo komponentas: paspaudus jis atidaro
   failų pasirinkimą ir priima drag-and-drop. Viešoje peržiūroje to būti negali.
   Produkciniame porte slotai virsta paprastais <img> iš CMS ir blokas dingsta.
   --------------------------------------------------------------------------- */

image-slot { pointer-events: none !important; }

/* Hero slot'as anksčiau buvo slepiamas, nes tuščio slot'o placeholder'io užrašas
   atsiremdavo į hero paantraštę. Nuo 2026-08-23 hero turi tikrą kliento nuotrauką,
   tad slėpimo nebereikia — taisyklė pašalinta.
   Vienintelis likęs tuščias slot'as yra „stumdomas stogas" (žr. README). */

/* Hero užtamsinimas. Dizaino `heroShade` (0,18 mob / 0,22 desk) buvo derintas prie
   TAMSAUS dryžuoto placeholder'io. Įdėjus tikrą nuotrauką — šviesus dangus ir veja —
   balta paantraštė ant jos tapo beveik neįskaitoma. Stipriau tamsinam ties teksto
   juosta ir paliekam kraštus šviesesnius, kad nuotrauka neprarastų gylio.
   Produkcijoje tai turi tapti `heroOverlay` reikšme, ne CSS perrašymu. */
section[data-screen-label^="Hero"] > div:nth-child(2) {
  background: linear-gradient(180deg,
    rgba(10,12,12,.30) 0%,
    rgba(10,12,12,.58) 42%,
    rgba(10,12,12,.52) 68%,
    rgba(10,12,12,.34) 100%) !important;
}

/* ---------------------------------------------------------------------------
   2. TAISYMAI — šitie PRIVALO keliauti į produkciją.
   Poraštės nuorodos telefone buvo ~20px aukščio taikiniai. Rekomendacija pirštui
   yra 44px; visi svarbūs paspaudimai (apatinė juosta, mygtukai, telefono
   apskritimas) jau atitiko, poraštė — ne. Vizualiai niekas nepasislenka:
   didinamas tik paspaudimo plotas, o eilutės tarpas sumažinamas tiek pat.
   --------------------------------------------------------------------------- */

@media (max-width: 760px) {
  footer > div:has(> a) { margin-bottom: 12px !important; }

  /* nuorodų eilutė: vaikai jau yra flex item'ai, tereikia aukščio */
  footer > div:has(> a) > a { min-height: 44px; display: flex; align-items: center; }

  /* atskiromis eilutėmis einantys kontaktai — display:flex (NE inline-flex,
     kitaip telefonas ir el. paštas atsistoja vienoje eilutėje greta) */
  footer > a[href^="tel:"],
  footer > a[href^="mailto:"] { min-height: 44px; display: flex; align-items: center; }

  /* šitie dizaine JAU yra flex su savo išlygiavimu — keičiam tik aukštį */
  header a[href^="Pagrindinis"],
  a[href^="Darbai.dc.html#"] { min-height: 44px; align-items: center; }
}

/* Sąmoningai NEtaisyta: „Privatumo politika" poraštės teisinėje eilutėje. Ji yra
   inline nuoroda sakinio viduryje — padidinus ją, sulūžtų eilutės tėkmė, o pati
   nuoroda nėra kelias, kuriuo kas nors ką nors nusipirks. */


/* ---------------------------------------------------------------------------
   3. MOBILI APSAUGA puslapiams, kurie NETURI mobilaus dvynio.
   Dizainas mobilius artboard'us nupiešė tik Pagrindiniam, Pergoloms, Darbams ir
   Kontaktams. Likusius (5 paslaugų puslapiai, Blogas, 6 straipsniai, Privatumas,
   RU) telefonas rodo desktop'inius — be šito jie išpučia layout viewport'ą
   (Blogas iki 1179px) ir viskas sumažėja iki neįskaitomumo.

   SVARBU: DC runtime inline stilius SUKOMPILIUOJA Į KLASES, todėl
   `[style*="grid"]` selektoriai NEVEIKIA. Taikom pagal elementus, o
   `grid-template-columns` ne-grid elementams tiesiog ignoruojamas.
   `html[data-artboard="desktop"]` uždeda mobile.js — kad ši apsauga
   nepaliestų tikrų mobilių artboard'ų, kurių 2 stulpeliai yra sąmoningi.
   Produkciniame porte viso šito bloko nelieka.
   --------------------------------------------------------------------------- */

@media (max-width: 760px) {
  html[data-artboard="desktop"] header > nav > div {
    justify-content: flex-start !important;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  html[data-artboard="desktop"] header > nav > div::-webkit-scrollbar { display: none; }
  html[data-artboard="desktop"] header > div:first-child {
    padding-left: 16px !important; padding-right: 16px !important; gap: 12px;
  }

  /* visi tinkleliai — į vieną stulpelį */
  html[data-artboard="desktop"] section,
  html[data-artboard="desktop"] section div,
  html[data-artboard="desktop"] section form,
  html[data-artboard="desktop"] article,
  html[data-artboard="desktop"] article div,
  html[data-artboard="desktop"] footer div {
    grid-template-columns: 1fr !important;
  }
  html[data-artboard="desktop"] section div { columns: 1 !important; }

  /* kortelės-nuorodos irgi būna grid (Blogo pagrindinis straipsnis) — be šito
     layout viewport'as išsipučia iki ~1180px ir viskas sumažėja */
  html[data-artboard="desktop"] section a,
  html[data-artboard="desktop"] article a { grid-template-columns: 1fr !important; }
  html[data-artboard="desktop"] image-slot { max-width: 100% !important; }

  /* šoniniai tarpai vietoj 48px */
  html[data-artboard="desktop"] section,
  html[data-artboard="desktop"] article,
  html[data-artboard="desktop"] footer > div,
  html[data-artboard="desktop"] section > div,
  html[data-artboard="desktop"] article + div,
  html[data-artboard="desktop"] div[data-screen-label="Straipsnio tekstas"] {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  html[data-artboard="desktop"] section > div > div { padding-left: 0 !important; padding-right: 0 !important; }

  /* niekas neplatesnis už ekraną */
  html[data-artboard="desktop"] img,
  html[data-artboard="desktop"] iframe,
  html[data-artboard="desktop"] form,
  html[data-artboard="desktop"] input,
  html[data-artboard="desktop"] select,
  html[data-artboard="desktop"] textarea { max-width: 100% !important; }
  html[data-artboard="desktop"] h1,
  html[data-artboard="desktop"] h2 { overflow-wrap: break-word; }

  /* didelės antraštės telefone */
  html[data-artboard="desktop"] h1 { font-size: clamp(30px, 8.5vw, 46px) !important; }
  html[data-artboard="desktop"] h2 { font-size: clamp(24px, 6.8vw, 40px) !important; }

  /* Antraštė turi tilpti į vieną eilutę. Su „LT · RU" ji dar tilpo, o pridėjus
     EN perjungiklis ir telefono numeris ėmė lūžti į dvi eilutes (patikrinta
     390px: perjungiklis 68x30 = 2 eilutės, telefonas 143x44 = 2 eilutės).
     Mažinam logotipą, tarpus ir šriftus, o ne slepiam kalbas. */
  html[data-artboard="desktop"] header > div > a img { height: 28px !important; }
  html[data-artboard="desktop"] header > div > div { gap: 10px !important; }
  html[data-artboard="desktop"] header > div > div > span {
    white-space: nowrap !important;
    font-size: 11px !important;
  }
  html[data-artboard="desktop"] header > div > div > a[href^="tel:"] {
    white-space: nowrap !important;
    font-size: 15px !important;
    gap: 6px !important;
  }

  /* plaukiojantys mygtukai netrukdo nykščiui */
  html[data-artboard="desktop"] a[href="#top"] { left: 14px !important; bottom: 14px !important; }
  html[data-artboard="desktop"] a[data-screen-label="Plaukiojantis CTA"] { right: 14px !important; bottom: 14px !important; }
}


/* ---------------------------------------------------------------------------
   4. 2026-09-29 AUDITO TAISYMAI (gyva svetainė)
   --------------------------------------------------------------------------- */

/* iPhone priartina puslapį, kai paspaudžiamas laukas su šriftu < 16 px. */
@media (max-width: 760px) {
  input:not([type="checkbox"]):not([type="radio"]),
  select,
  textarea { font-size: 16px !important; }
}

/* Plaukiojantis „Gauti pasiūlymą“ ir „↑“ pasislepia, kol matoma poraštė, puslapio
   CTA ar forma (klasę uždeda mobile.js). !important nugali scroll animaciją ctaIn. */
html.ms-float-off a[data-screen-label="Plaukiojantis CTA"],
html.ms-float-off a[href="#top"][aria-label] {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Kalbų perjungiklis: buvo 16x13 px taikiniai. Padidinam paspaudimo plotą,
   vizualiai niekas nepajuda (neigiama paraštė kompensuoja). */
header > div > div > span > a {
  display: inline-block;
  padding: 8px 5px;
  margin: -8px -1px;
}
@media (max-width: 760px) {
  html[data-artboard="desktop"] header > div > div > span > a {
    padding: 14px 6px;
    margin: -14px -2px;
  }
  /* mobilaus artboard'o perjungiklis jau 44 px aukščio, trūko pločio */
  header > div > span > a { padding: 0 6px !important; }
}

/* Poraštės teisinė eilutė telefone: desktop'iniuose artboard'uose ji buvo spaudžiama į
   tris siaurus stulpelius, o kreditas lūžo per pusę. Telefone eilutės viena po kita,
   o nuorodos gauna bent 24 px aukščio paspaudimo plotą. */
@media (max-width: 760px) {
  html[data-artboard="desktop"] footer > div > div:last-child {
    flex-direction: column !important;
    gap: 10px !important;
  }
  html[data-artboard="desktop"] footer > div > div:last-child > span:last-child { gap: 18px !important; flex-wrap: wrap; }
  footer a[href*="Privatumas"], footer a[href="https://built.lt"] {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
  }
}

/* Didelis blankus poraštės užrašas yra grynai dekoracija (aria-hidden). Tekstas
   piešiamas per ::before, kad kontrasto tikrintuvai jo nelaikytų turiniu. */
[data-wordmark]::before { content: attr(data-wordmark); }