/* ==========================================================================
   re-forma.lt · maketas „Lapas“ · assets/css/pages/kontaktai.css
   Savininkas: P5. Puslapiai: kontaktai.html (7.6) ir privatumo-politika.html (7.12).
   Tik išdėstymas ir sekcijų specifika – spalvos, šriftai, šešėliai, tarpai iš
   style.css tokenų. Komponentai (spaudas, forma, žemėlapis, rėmas) – style.css.
   Mobile-first: bazė < 760 · @media (min-width:760px) planšetė · (min-width:1000px) desktop.
   Žyma „TODO F:“ – laikinas vietinis sprendimas, kol pamatai (style.css / main.js)
   perims (žr. _brief/build/F-P5.md); perkėlus – eilutę išimti.
   ========================================================================== */

/* --------------------------------------------------------------------------
   0. Pirmo kadro vartai (10.7/11, CLS < 0,05) ir Footer Reveal šešėlis
   -------------------------------------------------------------------------- */
/* TODO F: render gate. <head> eilutė uždeda html.rf-js, o DOMContentLoaded (visi defer skriptai
   jau atvaizdavo antraštę, slotus ir RFX.init) – html.rf-ready (+ saugikliai load / 2,5 s).
   Iki tol Chromium nepiešia statinio karkaso be antraštės ir tuščių slotų → nėra 0,7–1,0 CLS šuolio. */
html.rf-js:not(.rf-ready) body{ visibility:hidden; }

/* Be CTA juostos (7.6, 7.12) turinio lapas pats meta d3 šešėlį ant poraštės – tik Footer Reveal
   režime (≥ 1000, be RM). Įprastame sraute (< 1000, RM) poraštė turi savo 1 px viršaus liniją. */
/* TODO F: 34 sk. – body:not(:has(.rf-cta)):has(.rf-footer.is-reveal) .rf-main (ir .rf-cta d3 tik reveal režime) */
body:is([data-page="kontaktai"],[data-page="privatumas"]):has(.rf-footer.is-reveal) .rf-main{ box-shadow:var(--rf-d3); }

/* --------------------------------------------------------------------------
   1. Puslapio antraštė rf-pagehead (bendra abiem puslapiams)
   -------------------------------------------------------------------------- */
.rf-pagehead{
  position:relative;
  padding-top:clamp(24px, 2.4vw + 8px, 48px);
  padding-bottom:clamp(56px, 2vw + 40px, 72px);
}
.rf-pagehead__grid{ row-gap:clamp(36px, 5vw, 56px); align-items:start; }
.rf-pagehead__crumbs{ min-height:24px; }
.rf-pagehead__title{ margin-top:clamp(28px, 3.6vw, 64px); }
.rf-pagehead__h1{ margin:0; }
/* Kol H1 neišskaidytas (šriftai kraunasi) – nematomas, kad nemirktelėtų. RM ir be JS – matomas visada. */
html.rf-js:not(.rf-rm) .rf-pagehead__h1[data-split]:not(.rf-split-done){ opacity:0; }

/* Koordinačių eilutė (Geist Mono, 7.6/1) – žalias žymeklis kaip žemėlapio spaude.
   < 760 adresas antroje eilutėje, nuo 760 – viena eilutė su „ · “. */
/* TODO F: .rf-geo komponentas (Geist Mono small + 8 px --rf-signal kvadratas) */
.rf-pagehead__geo{
  position:relative; margin-top:20px; padding-left:20px;
  font-family:var(--rf-font-data); font-size:var(--rf-fs-small); line-height:var(--rf-lh-data);
  font-variant-numeric:tabular-nums; letter-spacing:.02em; color:var(--rf-graphite);
}
.rf-pagehead__geo::before{
  content:""; position:absolute; left:0; top:calc(.7em - 4px); width:8px; height:8px; background:var(--rf-signal);
}
.rf-pagehead__sep{ display:none; white-space:pre; color:var(--rf-lead); }
.rf-pagehead__coords,.rf-pagehead__addr{ white-space:nowrap; }
.rf-pagehead__addr{ display:block; }

/* Pexels rėmas + mosto lankai. Brėžinys (1 px „siena“ + lankai) lieka ant popieriaus; rėmas – atskiras
   lapas virš jo (.rf-pagehead__float, data-parallax −0,08: slenkant pakyla nuo sienos, niekada
   nenugrimzta po ja). Lankų vyris – rėmo apatinis kairysis kampas ant sienos linijos. */
.rf-pagehead__media{ position:relative; width:100%; }
.rf-pagehead__float{ position:relative; z-index:1; }
.rf-pagehead__float > .rf-frame{ width:100%; margin-left:auto; }
/* TODO F: 9 sk. 4 p. – vilnius-sviesus(-m).webp perrašyti su −15–20 % sodrumo; tada šią eilutę išimti */
.rf-pagehead--contact .rf-pagehead__float img{ filter:saturate(.8); }
.rf-pagehead__arcs{
  --rf-arcs-w:clamp(200px, 30vw - 90px, 340px);
  position:absolute; z-index:0; width:var(--rf-arcs-w); height:auto;
  right:calc(100% - var(--rf-arcs-w) * 10 / 350); bottom:calc(var(--rf-arcs-w) * -10 / 350);
  transform:scaleX(-1);                                   /* mostas atsiveria į kairę, link antraštės */
}
.rf-pagehead__wall{ position:absolute; z-index:0; right:100%; bottom:0; width:calc(100cqw - 100%); }
.rf-pagehead--contact .rf-pagehead__grid{ container-type:inline-size; }   /* 100cqw = tinklelio turinio plotis */
.rf-pagehead__media > .rf-pagehead__arcs,.rf-pagehead__wall{ display:none; }

/* < 1000: lankai prie H1 – vyris dešinėje ties H1 apačia, siena – H1 eilutės apačia.
   Plotis ≤ 26vw, kad 360–400 px ekrane viršus liktų ≥ 16 px žemiau antraštės juostos. */
.rf-pagehead--contact .rf-pagehead__title{ position:relative; }
.rf-pagehead__arcs--m{
  --rf-arcs-w:clamp(84px, 24vw, 112px);
  right:calc(var(--rf-arcs-w) * -10 / 350); bottom:auto;
  top:calc(var(--rf-fs-h1) * var(--rf-lh-display) - var(--rf-arcs-w));
}
.rf-pagehead__wall--m{ position:absolute; left:0; right:0; top:calc(var(--rf-fs-h1) * var(--rf-lh-display)); }

@media (min-width:760px){
  .rf-pagehead__sep{ display:inline; }
  .rf-pagehead__addr{ display:inline; }
  /* Planšetė: rėmas ≤ 520 px dešinėje, kad pirmame ekrane matytųsi ir studijos spaudas */
  .rf-pagehead__media{ justify-self:end; max-width:520px; }
}
@media (min-width:1000px){
  /* H1 „stovi“ ant sienos linijos (rėmo apačia), koordinatės – po linija. Antraštė ~45–50 vh:
     rėmas ≤ 480 px ir ne aukštesnis, nei leidžia ekrano aukštis (66vh − 130 px). */
  .rf-pagehead--contact .rf-pagehead__grid{ align-items:stretch; }
  .rf-pagehead--contact .rf-pagehead__text{ display:flex; flex-direction:column; }
  .rf-pagehead--contact .rf-pagehead__title{ margin-top:auto; padding-top:clamp(28px, 3.6vw, 64px); }
  .rf-pagehead--contact .rf-pagehead__h1{ margin-bottom:-.06em; }
  .rf-pagehead--contact .rf-pagehead__geo{ position:absolute; left:0; top:calc(100% + 18px); margin:0; white-space:nowrap; }
  .rf-pagehead--contact .rf-pagehead__media{ align-self:end; max-width:clamp(360px, min(30vw + 20px, 66vh - 130px), 480px); }
  .rf-pagehead__media > .rf-pagehead__arcs,.rf-pagehead__wall{ display:block; }
  .rf-pagehead__arcs--m,.rf-pagehead__wall--m{ display:none; }
}

/* --------------------------------------------------------------------------
   2. Studijos spaudas + forma (7.6/2)
   -------------------------------------------------------------------------- */
.rf-contact__grid{ row-gap:clamp(40px, 6vw, 56px); }
.rf-contact__head{ display:grid; gap:clamp(12px, 1.4vw, 20px); }
.rf-contact__head .rf-lead{ max-width:36ch; }

/* Spaudas: UAB pavadinimas – atskira eilutė po „Mūsų studija“ (ne po „Adresas“) */
/* TODO F: titleblockContact() – s.legal atskira eilute po pavadinimu; tada kontaktai.js 'studio' pataisą išimti */
.rf-contact__legal{ padding:12px var(--rf-tb-pad) 11px; border-bottom:1px solid var(--rf-line); }
/* Telefono ir el. pašto eilutės stambesnės (7.6/2: Archivo 24 px) */
/* TODO F: .rf-titleblock--contact tel/mailto eilutės = .rf-cta__rows dd tipografija */
.rf-contact__studio .rf-titleblock__rows > div{ align-items:baseline; }
.rf-contact__big{
  font-family:var(--rf-font-text); font-size:clamp(1.25rem, 1.08rem + .6vw, 1.5rem); line-height:1.25;
  font-variant-numeric:tabular-nums; overflow-wrap:anywhere;
}
.rf-contact__big a{ display:inline-block; padding-block:2px; text-decoration:none; color:var(--rf-ink); transition:color var(--rf-t-1) linear; }
@media (hover:hover){ .rf-contact__big a:hover{ color:var(--rf-moss); } }

/* Formos lapas (--rf-mat, d1) */
.rf-contact__sheet{
  background:var(--rf-mat); box-shadow:var(--rf-d1);
  padding:clamp(24px, 3.4vw, 56px) clamp(20px, 3.4vw, 56px) clamp(28px, 3.6vw, 60px);
}
.rf-contact__sheet .rf-form{ gap:clamp(20px, 2vw, 28px); }

@media (min-width:760px){
  .rf-contact{ padding-top:calc(var(--rf-section-y) / 2); }   /* spaudas – pirmame ekrane (desktop ≤ 75 % aukščio) */
}
@media (min-width:1000px){
  .rf-contact__grid{ row-gap:clamp(28px, 3vw, 44px); align-items:start; }
  .rf-contact__head{ grid-row:1; align-self:end; }
  .rf-contact__sheet{ grid-row:2; }
  .rf-contact__studio{ grid-row:1 / span 2; position:sticky; top:calc(var(--rf-header-offset) + 24px); margin-top:.35em; }
}

/* --------------------------------------------------------------------------
   3. Žemėlapis (7.6/3)
   -------------------------------------------------------------------------- */
.rf-mapsec{ padding-top:clamp(64px, 6vw + 16px, 120px); }
@media (min-width:760px){
  /* Nuoroda „Atidaryti žemėlapyje“ – mygtuko eilutėje (48 px mygtukas, 36 px nuoroda → +6 px),
     ir kai paaiškinimas persikelia po mygtuku (760–1099) */
  .rf-mapsec .rf-map{ grid-template-columns:minmax(0,1fr) auto; column-gap:24px; align-items:start; }
  .rf-mapsec .rf-map__canvas{ grid-column:1 / -1; }
  .rf-mapsec .rf-map__link{ grid-column:2; justify-self:end; margin-top:6px; }
}

/* --------------------------------------------------------------------------
   4. Rekvizitai (7.6/4) – Geist Mono 12 px --rf-lead; „tikslinama“ – rf-label [N-55]
   -------------------------------------------------------------------------- */
.rf-requisites{ padding-bottom:clamp(40px, 4vw, 64px); }
/* TODO F: .rf-requisites (Geist Mono micro, --rf-lead, be didžiųjų raidžių) */
.rf-requisites__line{
  display:flex; flex-direction:column; align-items:flex-start; gap:6px 12px;
  padding-top:16px; border-top:1px solid var(--rf-line);
  font-family:var(--rf-font-data); font-size:var(--rf-fs-micro); line-height:var(--rf-lh-data); color:var(--rf-lead);
}
.rf-requisites__sep{ display:none; }
@media (min-width:760px){
  .rf-requisites__line{ flex-direction:row; flex-wrap:wrap; align-items:baseline; }
  .rf-requisites__sep{ display:inline; color:var(--rf-line-ui); }
}

/* --------------------------------------------------------------------------
   5. Privatumo politika (7.12, stub)
   -------------------------------------------------------------------------- */
.rf-pagehead--doc{ overflow:hidden; padding-bottom:0; }
.rf-pagehead--doc .rf-pagehead__h1{ font-size:calc(var(--rf-fs-h1) * .85); }   /* 7.12/1: H1 × 0,85 */
/* „Grindų“ linija (1 px, data-draw) ir durų mostas ant jos dešiniajame gale */
.rf-pagehead__floor{ position:relative; }
.rf-pagehead__rule{ margin-top:clamp(40px, 4vw, 64px); }
/* Vyris (lankų centras, viewBox 10/350 nuo krašto) – tiksliai grindų linijos dešiniajame gale */
.rf-pagehead__door{
  --rf-door-w:clamp(96px, 12vw + 20px, 200px);
  position:absolute; right:calc(var(--rf-gutter) - var(--rf-door-w) * 10 / 350); bottom:calc(var(--rf-door-w) * -10 / 350);
  width:var(--rf-door-w); pointer-events:none;
}
.rf-pagehead__door .rf-pagehead__arcs{ position:static; display:block; width:100%; transform:scaleX(-1); }

.rf-doc{ padding-top:clamp(48px, 5vw + 8px, 96px); }
.rf-doc__grid{ row-gap:clamp(32px, 4vw, 48px); align-items:start; }
.rf-doc__prose > p{ margin:0; }
.rf-doc__prose > * + *{ margin-top:1.05em; }
.rf-doc__actions{ margin-top:20px; }
/* TODO F: .rf-prose kreditų eilutė (small, --rf-lead, 1 px viršaus linija) */
.rf-doc__credits{ padding-top:20px; border-top:1px solid var(--rf-line); font-size:var(--rf-fs-small); line-height:1.6; color:var(--rf-lead); }
.rf-doc__prose > .rf-doc__credits{ margin-top:clamp(32px, 3vw, 48px); }
@media (min-width:1000px){
  .rf-doc__note{ position:sticky; top:calc(var(--rf-header-offset) + 24px); }
}