/*
Theme Name: Lino AMD
Theme URI: https://linoamd.com/
Author: Ekodas
Author URI: https://ekodas.com/
Description: Lino Architectural Metal Design - pilnai redaguojama blokinė (FSE) tema. Dizainas 1:1 pagal linoamd.com atnaujinimą: hero slaideris, darbų galerijos su lightbox, CPT „Darbai".
Version: 1.2.0
Requires at least: 6.5
Tested up to: 7.0
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: linoamd
Tags: full-site-editing, block-patterns, portfolio, one-column, custom-colors, custom-menu
*/

/* Pagrindiniai stiliai kraunami iš assets/css/style.css (žr. functions.php).
   Čia lieka tik WordPress specifiniai pritaikymai. */

/* --- Administratoriaus juosta --- */
.admin-bar .site-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .site-header { top: 46px; } }
.admin-bar .mobile-nav,
.admin-bar .lightbox { top: 32px; }
@media (max-width: 782px) { .admin-bar .mobile-nav, .admin-bar .lightbox { top: 46px; } }

/* --- Blokų maketo suderinimas su tema --- */
.wp-site-blocks > * { margin-block: 0; }
.entry-content > * { margin-block: 0; }

/* Galerijos blokas atrodo kaip statinės svetainės tinklelis.
   Naudojame flex (ne grid), kad nepilna paskutinė eilutė būtų centruota. */
.project .wp-block-gallery,
.wp-block-gallery.is-work-grid {
  --g: clamp(10px, 1.4vw, 18px);
  --cols: 4;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--g);
}
/* WP savo taisyklėje nustato flex-grow: 1 – dėl to nepilnos eilutės nuotraukos
   išsitempdavo per visą plotį. Fiksuojame plotį ir neleidžiame augti. */
.project .wp-block-gallery.has-nested-images figure.wp-block-image,
.wp-block-gallery.is-work-grid.has-nested-images figure.wp-block-image,
.project .wp-block-gallery .wp-block-image,
.wp-block-gallery.is-work-grid .wp-block-image {
  margin: 0;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  flex-basis: auto !important;
  width: calc((100% - (var(--cols) - 1) * var(--g)) / var(--cols)) !important;
}
.project .wp-block-gallery .wp-block-image img,
.wp-block-gallery.is-work-grid .wp-block-image img {
  width: 100%;
  height: 100%;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  border-radius: var(--r);
  transition: transform 1s var(--ease);
  cursor: zoom-in;
}
.project .wp-block-gallery .wp-block-image:hover img,
.wp-block-gallery.is-work-grid .wp-block-image:hover img { transform: scale(1.04); }
.project .wp-block-gallery figcaption,
.wp-block-gallery.is-work-grid figcaption { display: none; }
@media (max-width: 900px) {
  .project .wp-block-gallery,
  .wp-block-gallery.is-work-grid { --cols: 3; }
}
@media (max-width: 760px) {
  .project .wp-block-gallery,
  .wp-block-gallery.is-work-grid { --cols: 2; --g: 8px; }
}

/* Įrašo viršelis (featured image) – visada telpa į ekraną, nieko neapkarpant.
   Portretinius kadrus riboja aukštis, plačius – turinio plotis. */
.project .wp-block-post-featured-image {
  margin: 0 0 clamp(10px, 1.4vw, 18px);
  display: flex;
  justify-content: center;
}
.project .wp-block-post-featured-image img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: min(74vh, 780px);
  object-fit: contain;
  border-radius: var(--r);
  cursor: zoom-in;
}
@media (max-width: 760px) {
  .project .wp-block-post-featured-image img { max-height: 62vh; }
}

/* Navigacijos blokas perima temos meniu stilių */
.nav-desk .wp-block-navigation__container { display: flex; flex-wrap: nowrap; gap: clamp(14px, 1.5vw, 26px); }
.nav-desk .wp-block-navigation-item__content { padding: 6px 0; }
.mobile-nav .wp-block-navigation__container { flex-direction: column; align-items: center; gap: clamp(2px, 1.4vh, 10px); }

/* Redaktoriuje neslepiame turinio, kurio animacija dar nesuveikė */
.editor-styles-wrapper .reveal { opacity: 1; transform: none; }

/* --- Prekės ženklas iš site-logo / site-title / site-tagline blokų --- */
.brand .wp-block-site-logo img { width: auto; height: 38px; object-fit: contain; }
.brand-txt .wp-block-site-title,
.brand-txt .wp-block-site-title a {
  font-family: var(--serif);
  font-size: 22px;
  letter-spacing: .34em;
  font-weight: 500;
  line-height: 1;
  margin: 0;
}
.brand-txt .wp-block-site-tagline {
  font-size: 8.5px;
  letter-spacing: .24em;
  text-transform: uppercase;
  opacity: .72;
  margin: 5px 0 0;
  line-height: 1;
}
/* Paantraštė matoma VISUOSE įrenginiuose – dydis ir raidžių tarpas prisitaiko */
.brand-txt .wp-block-site-tagline {
  display: block;
  font-size: clamp(6.5px, .62vw, 9px);
  letter-spacing: clamp(.06em, .18vw, .24em);
  white-space: nowrap;
}
@media (max-width: 760px) {
  .brand .wp-block-site-logo img { height: 30px; }
  .brand-txt .wp-block-site-title, .brand-txt .wp-block-site-title a { font-size: 17px; letter-spacing: .22em; }

}
/* Labai siauri telefonai: paliekame tik monogramą ir pavadinimą */
@media (max-width: 380px) {
  .brand-txt .wp-block-site-title, .brand-txt .wp-block-site-title a { font-size: 16px; letter-spacing: .16em; }
}
/* Prekės ženklas niekada nesusispaudžia iki nukirpimo */
.brand { flex: 0 1 auto; min-width: 0; min-height: 44px; }
.brand-txt { flex: 0 1 auto; min-width: 0; white-space: nowrap; }
.header-cta { flex: 0 0 auto; }
/* Patogus paspaudimo plotas logotipui ir pavadinimui.
   SVARBU: min-height negalima dėti pačiai nuorodai – ji išstumtų paantraštę
   žemyn. Taikinys išplečiamas nematomu pseudoelementu, maketas nesikeičia. */
.brand .custom-logo-link { display: inline-flex; align-items: center; min-height: 44px; }
.brand .wp-block-site-title { position: relative; }
.brand .wp-block-site-title a { display: inline-block; }
.brand .wp-block-site-title a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 44px;
  transform: translateY(-50%);
}

/* Hero taškai: matomas taškas lieka mažas, bet paspaudimo plotas – 44x44 */
.hero-dots { gap: 0; }
.hero-dots .dot {
  width: 44px;
  height: 44px;
  border: 0;
  background: none;
  display: grid;
  place-items: center;
  border-radius: 0;
  transform: none;
}
.hero-dots .dot::before {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, .6);
  transition: .3s var(--ease);
}
.hero-dots .dot.is-active { background: none; transform: none; }
.hero-dots .dot.is-active::before {
  background: var(--brass);
  border-color: var(--brass);
  transform: scale(1.25);
}

/* Visa sričių kortelė paspaudžiama (ne tik antraštė) */
.work-card { position: relative; }
.work-card .work-body h3 a::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
}
.work-card .work-body .more a { position: relative; z-index: 2; }

/* --- Navigacijos blokas --- */
.nav-desk .wp-block-navigation__container { list-style: none; margin: 0; padding: 0; }
.nav-desk .wp-block-navigation-item a {
  position: relative;
  font-size: 10.5px;
  letter-spacing: .16em;
  text-transform: uppercase;
  font-weight: 500;
  opacity: .85;
  white-space: nowrap;
  transition: .25s;
}
.nav-desk .wp-block-navigation-item a::after {
  content: ""; position: absolute; left: 0; right: 100%; bottom: 0; height: 1px;
  background: var(--brass); transition: right .35s var(--ease);
}
.nav-desk .wp-block-navigation-item a:hover,
.nav-desk .wp-block-navigation-item.current-menu-item a,
.nav-desk .wp-block-navigation-item a[aria-current] { opacity: 1; color: var(--brass-soft); }
.nav-desk .wp-block-navigation-item a:hover::after,
.nav-desk .wp-block-navigation-item.current-menu-item a::after,
.nav-desk .wp-block-navigation-item a[aria-current]::after { right: 0; }

/* WP navigacijos blokas turi savo display:flex (įrašomą po temos stiliais),
   todėl slėpimui reikia didesnio specifiškumo – kitaip mobiliajame matomas
   ir kompiuterinis meniu, ir burgeris. */
/* Siauresniuose ekranuose meniu suspaudziamas: sukis po logotipu paslepiamas,
   tarpai ir raidziu dydis sumazinami. Placiuose ekranuose tipografija lieka
   tokia pat kaip angliskoje versijoje.

   SVARBU: naudojamos tik paprastos max-width uzklausos. Sudetine salyga
   (min-width ... and max-width ...) gyvoje svetaineje buvo apdorojama
   neteisingai - taisykles suveikdavo atvirksciai. */
@media (max-width: 1460px) {
  .brand-txt .wp-block-site-tagline { display: none; }
  .nav-desk .wp-block-navigation__container { gap: clamp(8px, 0.85vw, 16px); }
  .nav-desk .wp-block-navigation-item a { font-size: 9.6px; letter-spacing: .1em; }
}
@media (max-width: 1240px) {
  .site-header .nav-desk,
  .site-header .wp-block-navigation.nav-desk { display: none; }
  /* Cia meniu jau pakeiciamas burgeriu, tad sukiui vietos vel yra. */
  .brand-txt .wp-block-site-tagline { display: block; }
}
@media (min-width: 1241px) {
  .site-header .burger { display: none; }
}

/* Hero tamsinimas daromas grynai CSS (ne JS) – kad niekada nedingtų ir tekstas
   visada gerai skaitytųsi. Kairėje, kur tekstas, tamsiau; dešinėje nuotrauka matoma. */
/* Sluoksniai: skaidrės (0-1) < tamsinimas (2) < tekstas (3) < taškai (4) */
.hero-slide.is-prev { z-index: 0; }
.hero-slide.is-active { z-index: 1; }
.hero .hero-content { z-index: 3; }
.hero .hero-dots { z-index: 4; }
.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background:
    linear-gradient(to right, rgba(8, 9, 11, .9) 0%, rgba(8, 9, 11, .78) 50%, rgba(8, 9, 11, .38) 100%),
    linear-gradient(to top, rgba(8, 9, 11, .9) 0%, rgba(8, 9, 11, 0) 50%);
}
/* senas JS kurtas sluoksnis nebereikalingas (kad nesidubliuotų tamsinimas) */
.hero-veil { display: none !important; }

/* Skaidrių persijungimas be patamsėjimo: ankstesnė skaidrė lieka matoma
   po naujaja, kol ši užsipildo (žr. main.js „is-prev"). */
.hero-slide.is-prev { opacity: 1; z-index: 0; }
.hero-slide.is-active { z-index: 1; }

/* --- Hero: galerijos blokas paverčiamas slaidėmis (žr. wp-adapter.js) --- */
.hero .hero-slides figure,
.hero .hero-slides .wp-block-gallery { display: none; }
.hero .hero-slides > img { display: block; }

/* --- Puslapio hero iš Cover bloko --- */
.page-hero.wp-block-cover { padding: calc(var(--hdr) + 60px) 0 clamp(38px, 6vw, 70px); align-items: flex-end; }
.page-hero .wp-block-cover__background {
  background: linear-gradient(to top, rgba(8,9,11,.93) 0%, rgba(8,9,11,.35) 62%, rgba(8,9,11,.6) 100%) !important;
  opacity: 1 !important;
}
.page-hero .wp-block-cover__inner-container { width: 100%; }
.page-hero .wp-block-query-title { font-size: clamp(34px, 6vw, 68px); margin-bottom: 14px; }

/* Viršutinės juostos fonas imamas iš assets/css/style.css – lygiai toks pat
   kaip statinėje versijoje. Čia jo NEPERRAŠOME. */

/* WP blokų maketas („is-layout-flow") prideda margin-block-start: 24px KIEKVIENAM
   antram ir tolesniam vaikui. Dėl to, pvz., .hero-veil prasidėdavo 24 px žemiau
   ir hero viršuje likdavo neužtamsinta šviesi juosta. Mūsų sekcijose tą tarpą
   nunuliname – tarpus nustato pačios temos stiliai (assets/css/style.css). */
.hero > *,
.hero-slides > *,
.hero-content > *,
.about-text > *,
.about-media > *,
.sec-head > *,
.work-card > *,
.work-body > *,
.project > *,
.project-head > *,
.project-head > div > *,
.contact-cards > *,
.contact-form > *,
.foot-brand > *,
.page-hero .shell > * { margin-block-start: 0 !important; }

.strip-grid > *,
.work-grid > *,
.about-grid > *,
.contacts-grid > *,
.foot-grid > * { margin-block: 0 !important; }

/* --- Viršus be tarpų (WP blokų maketas prideda savų) --- */
html, body { margin: 0; padding: 0; }
.wp-site-blocks { padding-top: 0; margin-top: 0; }
.wp-site-blocks > header.wp-block-template-part,
header.wp-block-template-part { margin: 0; padding: 0; line-height: 0; }
.wp-site-blocks > *:first-child { margin-block-start: 0; }
main.wp-block-group > *:first-child,
.entry-content > *:first-child { margin-block-start: 0; }

/* --- Mygtukai (core/button) atrodo kaip .btn ---
   SVARBU: klasė „btn" atsiduria ant apvalkalo (.wp-block-button), todėl
   statinės versijos .btn taisyklės čia nunulinamos - kitaip paminkštinimas
   ir fonas pritaikomi du kartus. */
.wp-block-button.btn,
.wp-block-button.btn.ghost {
  padding: 0;
  border: 0;
  background: none;
  min-height: 0;
  display: inline-flex;
  border-radius: 0;
  transition: none;
}
.wp-block-button.btn:hover { background: none; }
/* tarpai tarp mygtukų - kaip statinėje versijoje */
.wp-block-buttons.hero-actions, .wp-block-buttons.cta-row { gap: 14px; }

.wp-block-button.btn .wp-block-button__link {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 15px 30px; min-height: 48px;
  border: 1px solid var(--brass); background: var(--brass); color: #12130f;
  font-size: 11.5px; letter-spacing: .22em; text-transform: uppercase; font-weight: 600;
  border-radius: var(--r); transition: .35s var(--ease);
}
.wp-block-button.btn .wp-block-button__link:hover { background: transparent; color: var(--brass); }
.wp-block-button.btn.ghost .wp-block-button__link { background: transparent; color: currentColor; border-color: currentColor; }
.wp-block-button.btn.ghost .wp-block-button__link:hover { border-color: var(--brass); color: var(--brass); }

/* --- Skirtukas tarp darbų ---
   WP kiekvieną darbą deda į atskirą <li>, todėl statinės versijos
   „.project:last-child" taisyklė nuimdavo liniją nuo VISŲ darbų. */
.project:last-child {
  border-bottom: 1px solid var(--line);
  margin-bottom: clamp(40px, 5vw, 72px);
}
.wp-block-post-template > li:last-child .project,
.wp-block-post:last-child .project,
.projects > .shell > .project:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}

/* Paantraštė (architektas / projektas) */
.project .meta {
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--brass);
  margin: 0 0 10px;
}

/* --- Darbų numeracija (01, 02, ...) kaip statinėje versijoje --- */
.projects .wp-block-query,
.projects > .wp-block-group { counter-reset: linoamd-proj; }
.project .project-head::before {
  counter-increment: linoamd-proj;
  content: counter(linoamd-proj, decimal-leading-zero);
  font-family: var(--serif);
  font-size: clamp(28px, 3.4vw, 44px);
  color: var(--brass);
  line-height: 1;
  padding-top: 4px;
  opacity: .75;
}
@media (max-width: 760px) {
  .project .project-head::before { font-size: 20px; padding: 0; }
}

/* =========================================================
   MOBILUS UX: iOS, saugios zonos, slinkimas
   ========================================================= */

/* iOS priartina puslapį, kai fokusuojamas < 16px šrifto laukas. */
@media (max-width: 1024px) {
  .contact-form input,
  .contact-form textarea,
  .contact-form-inner input,
  .contact-form-inner textarea { font-size: 16px; }
}
/* Virtuali klaviatūra neuždengia lauko, į kurį rašoma. */
.contact-form input,
.contact-form textarea,
.contact-form-inner input,
.contact-form-inner textarea { scroll-margin-top: calc(var(--hdr) + 24px); }

/* Įpjovos / Dynamic Island: turinys niekada nelenda po ekrano kraštais. */
.shell {
  padding-left: max(var(--pad), env(safe-area-inset-left));
  padding-right: max(var(--pad), env(safe-area-inset-right));
}
.lightbox { padding-bottom: max(16px, env(safe-area-inset-bottom)); }
.hero-dots { right: max(var(--pad), env(safe-area-inset-right)); }

/* Atidarius meniu ar lightbox, po jais esantis puslapis nebeslenka. */
.mobile-nav, .lightbox { overscroll-behavior: contain; }
body.nav-open, body.lb-open { touch-action: none; }

/* =========================================================
   DIDELI IR ULTRAPLATŪS EKRANAI
   Turinio juosta plečiama laipsniškai, kad 2K–4K ekrane
   puslapis neatrodytų kaip siaura juostelė viduryje.
   ========================================================= */
@media (min-width: 1800px) {
  :root { --shell: 1440px; }
  .hero-content { max-width: 1040px; }
  .header-inner { max-width: 1720px; }
}
@media (min-width: 2400px) {
  :root { --shell: 1560px; --hdr: 88px; }
  body { font-size: 17px; }
  .hero-content { max-width: 1180px; }
  .header-inner { max-width: 1900px; }
  .work-grid { gap: 30px; }
}

/* =========================================================
   GULSČIAS TELEFONAS (žemas ekranas)
   Hero turinys sutraukiamas, kad tilptų be slinkimo.
   ========================================================= */
@media (max-height: 520px) and (orientation: landscape) {
  .hero { min-height: 100svh; }
  .hero-content { padding-top: calc(var(--hdr) + 10px); padding-bottom: 40px; }
  /* WP šrifto dydžio klasė (has-hero-font-size) turi !important, todėl ir čia jis būtinas */
  .hero h1,
  .hero h1.has-hero-font-size { font-size: clamp(28px, 6.5vh, 44px) !important; margin-bottom: 12px; }
  .hero-sub { margin-bottom: 18px; font-size: 14px; }
  .hero-actions .wp-block-button.btn .wp-block-button__link,
  .hero-actions .btn { min-height: 44px; padding: 11px 22px; }
  /* gulsčiai mygtukai lieka vienoje eilėje (mobiliajame jie tempiami per visą plotį) */
  .hero-actions .wp-block-button,
  .hero-actions .btn { flex: 0 0 auto; width: auto; }
  .hero-dots { bottom: 4px; }
  .page-hero.wp-block-cover { min-height: 320px !important; padding-top: calc(var(--hdr) + 24px); }
  /* mobilus meniu turi tilpti į žemą ekraną be slinkimo */
  .mobile-nav { gap: 6px; padding-block: 8px; }
  .mnav-logo { height: 44px; }
  .mobile-nav ul { gap: 0; }
  .mobile-nav a { padding: 4px; font-size: 13px; letter-spacing: .08em; }
  .mnav-icons { margin-top: 0; gap: 16px; }
  .mnav-icons a { width: 38px; height: 38px; font-size: 15px; }
  .mnav-close { top: 2px; right: 4px; width: 44px; height: 44px; font-size: 28px; }
}

/* Labai žemi gulsti ekranai (pvz. iPhone SE gulsčiai, 360 px aukščio) */
@media (max-height: 380px) and (orientation: landscape) {
  .hero h1,
  .hero h1.has-hero-font-size { font-size: 26px !important; margin-bottom: 8px; }
  .hero-sub { font-size: 13px; line-height: 1.5; margin-bottom: 12px; }
  .hero-content { padding-top: calc(var(--hdr) + 4px); padding-bottom: 26px; }
  .hero-actions .wp-block-button.btn .wp-block-button__link { min-height: 40px; padding: 9px 18px; font-size: 10.5px; }
}

/* Jutikliniuose ekranuose darbo pavadinimo nuoroda gauna patogesnį aukštį */
@media (max-width: 1024px) {
  .project .wp-block-post-title a { display: inline-block; padding-block: 5px; }
}

/* --- Užklausų formos pranešimai --- */
.form-ok, .form-err {
  margin: 0 0 18px;
  padding: 12px 16px;
  border-left: 2px solid var(--brass);
  background: rgba(201, 162, 74, .1);
  font-size: 14px;
}
.form-err { border-left-color: #b4453a; background: rgba(180, 69, 58, .08); }
.contact-form .contact-form-inner { margin: 0; }

/* --- Darbo blokas archyve --- */
.project .wp-block-post-title { font-size: clamp(22px, 3vw, 36px); margin-bottom: 8px; }
.project .wp-block-post-excerpt__excerpt { max-width: 78ch; color: var(--txt-soft); font-size: 14.5px; margin: 0; }
.project .wp-block-post-excerpt__more-text { display: none; }
.cta .wp-block-post-excerpt__excerpt { color: inherit; }

/* --- Breadcrumbs (hero „eyebrow" vietoje) --- */
.crumbs { padding: 0; }
.crumbs ol {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 8px;
}
.crumbs li { display: flex; align-items: center; gap: 8px; }
.crumbs li + li::before { content: "–"; opacity: .55; }
.crumbs a { color: inherit; text-decoration: none; border-bottom: 1px solid transparent; }
.crumbs a:hover, .crumbs a:focus-visible { border-bottom-color: currentColor; }
.crumbs [aria-current="page"] { color: var(--paper); opacity: .82; }

/* --- DUK (kontaktų puslapis) --- */
.faq { margin-top: 56px; }
.faq h2 { font-size: clamp(24px, 3vw, 34px); margin: 0 0 22px; }
.faq details {
  border-top: 1px solid rgba(34, 36, 42, .14);
  padding: 16px 0;
}
.faq details:last-of-type { border-bottom: 1px solid rgba(34, 36, 42, .14); }
.faq summary {
  cursor: pointer;
  list-style: none;
  font-weight: 500;
  font-size: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  min-height: 32px;
}
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: "+"; color: var(--brass); font-size: 20px; line-height: 1; }
.faq details[open] summary::after { content: "–"; }
.faq details > p { margin: 12px 0 0; color: var(--txt-soft); max-width: 78ch; font-size: 15px; }

/* --- Susiję darbai (vidinis susiejimas) --- */
.related { margin: 64px 0 0; padding-top: 34px; border-top: 1px solid rgba(34, 36, 42, .14); }
.related h2 { font-size: clamp(20px, 2.4vw, 28px); margin: 0 0 20px; text-transform: none; }
.related ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
.related li a {
  display: block;
  padding: 16px 18px;
  border: 1px solid rgba(34, 36, 42, .14);
  color: inherit;
  text-decoration: none;
  font-size: 15px;
  min-height: 44px;
  transition: border-color .25s ease, background .25s ease;
}
.related li a:hover, .related li a:focus-visible { border-color: var(--brass); background: rgba(201, 162, 74, .06); }
.related li span { display: block; margin-top: 5px; font-size: 12.5px; color: var(--txt-soft); }
.related-all { margin: 22px 0 0; font-size: 13px; letter-spacing: .12em; text-transform: uppercase; }
.related-all a { color: var(--brass); text-decoration: none; }
.related-all a:hover, .related-all a:focus-visible { text-decoration: underline; }

/* --- 404: kategorijų nuorodos (nuskaitymo kelias + navigacija) --- */
.nf-links { list-style: none; margin: 26px 0 32px; padding: 0; display: grid; gap: 10px; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); max-width: 860px; }
.nf-links li a { display: flex; align-items: center; min-height: 44px; color: inherit; text-decoration: none; border-bottom: 1px solid rgba(255, 255, 255, .16); padding-bottom: 8px; }
.nf-links li a:hover, .nf-links li a:focus-visible { border-bottom-color: var(--brass); color: var(--brass); }

/* --- WCAG 2.2 (2.5.8) Target Size: min. 24x24 px --- */
/* Paspaudimo sritis didinama nematomu ::after sluoksniu, kad nepasikeistų
   nė vienas atstumas ar juostos aukštis (išvaizda lieka identiška). */
.site-header .nav-desk a,
.foot-grid .plain a,
.socials a,
.foot-bottom a,
.crumbs a {
  position: relative;
}
/* SVARBU: naudojamas ::before, nes .nav-desk a::after jau yra auksinis
   pabraukimas – jį perrašius vietoje meniu punktų atsirasdavo auksinis blokas. */
.site-header .nav-desk a::before,
.foot-grid .plain a::before,
.socials a::before,
.foot-bottom a::before,
.crumbs a::before {
  content: "";
  position: absolute;
  inset: 50% 0 auto 0;
  transform: translateY(-50%);
  height: 24px;
  min-width: 24px;
  background: none;
  pointer-events: auto;
}

/* --- Darbo puslapio tarpai ---
   Aprašymo eilutė (medžiagos) rėmėsi tiesiai į nuotraukas, o skyrimo linija
   po galerija prilipdavo prie jų apačios. Taisyklės su !important, nes
   „.project > *" aukščiau nuima visus WP maketo priskirtus tarpus. */
.single-darbas .project .lede {
  margin-bottom: 30px !important;
}
.single-darbas .project .related {
  margin-block-start: 56px !important;
}

/* ============================================================
   Kontrastas (WCAG 2.1 AA)

   Žalvaris #c9a24a ant smėlio fono duoda tik 2.18:1 – smulkiam tekstui
   reikia 4.5:1. Tamsesnis atspalvis #8a6a1c duoda 4.6:1 ir vizualiai
   išlieka ta pati auksinė spalva. Naudojamas TIK ten, kur žalvario tekstas
   guli ant šviesaus fono; ant tamsaus (hero, poraštė, CTA) originalus
   žalvaris duoda 8:1 ir lieka nepakeistas.
============================================================ */
:root { --brass-ink: #8a6a1c; }

.projects .eyebrow,
.works .eyebrow,
.about .eyebrow,
.contact .eyebrow,
.more-text summary,
.project .meta,
.project .idx,
.c-ico,
.c-social a,
.form-note a,
.related-all a,
.faq summary::after {
  color: var(--brass-ink);
}

/* Poraštės antrinis tekstas: pilka ant grafito – 3.17:1. */
.site-footer .muted { color: rgba(255, 255, 255, .72); }

/* Tamsiose sekcijose paliekame originalų žalvarį (kontrastas ten 8:1). */
.hero .eyebrow,
.page-hero .eyebrow,
.cta .eyebrow,
.site-footer .socials,
.site-footer .socials a { color: var(--brass); }

/* ============================================================
   KONVERSIJŲ SLUOKSNIS
   Žr. inc/konversijos.php. Reklamos srautas ateina į paslaugų
   puslapius mobiliuoju; iki šio sluoksnio pirmame ekrane buvo tik
   42 px ragelio ikona, o kitas veiksmas - ties 83% puslapio.
============================================================ */

/* ---------- Kvietimo juosta po hero ---------- */
.lead-strip {
  background: var(--paper-2);
  border-bottom: 1px solid var(--line);
  padding: clamp(22px, 3.4vw, 36px) 0;
}

.lead-strip-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(20px, 3vw, 48px);
  flex-wrap: wrap;
}

.lead-strip-txt { flex: 1 1 380px; }

.lead-strip .eyebrow { margin-bottom: 8px; }

.lead-strip-h {
  font-family: var(--serif);
  font-size: clamp(19px, 2.1vw, 25px);
  line-height: 1.34;
  color: var(--txt);
  max-width: 48ch;
  margin: 0;
}

.lead-strip-actions {
  display: flex;
  gap: 12px;
  flex: 0 0 auto;
  flex-wrap: wrap;
}

@media (max-width: 760px) {
  .lead-strip-inner { display: block; }
  .lead-strip-actions { margin-top: 20px; gap: 10px; }
  .lead-strip-actions .btn { flex: 1 1 100%; }
}

/* ---------- Lipni veiksmų juosta (mobilusis) ---------- */
.action-bar { display: none; }

@media (max-width: 900px) {
  .action-bar {
    display: flex;
    gap: 10px;
    position: fixed;
    inset: auto 0 0;
    z-index: 88;
    padding: 10px var(--pad) calc(10px + env(safe-area-inset-bottom));
    background: rgba(13, 14, 16, .96);
    border-top: 1px solid var(--line-dark);
  }

  .action-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    flex: 1 1 0;
    min-height: 52px;
    padding: 0 10px;
    border: 1px solid var(--brass);
    background: var(--brass);
    color: #12130f;
    font-size: 11px;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-weight: 600;
    white-space: nowrap;
    border-radius: var(--r);
    transition: .3s var(--ease);
  }

  /* Skambinimo mygtukas siauresnis - pirmenybe pasiulymui. */
  .action-btn-ghost {
    flex: 0 1 auto;
    background: transparent;
    color: #fff;
    border-color: rgba(255, 255, 255, .34);
  }

  .action-ico { color: var(--brass); font-size: 15px; line-height: 1 }
  .action-btn-ghost:active { border-color: var(--brass); color: var(--brass) }

  /* Kad juosta neuždengtų poraštės pabaigos. */
  body { padding-bottom: 74px }

  /* Atidarius meniu ar nuotrauką juosta netrukdo. */
  body.nav-open .action-bar,
  body.lb-open .action-bar { display: none }
}

/* ---------- Antraštės telefonas ----------
   Suskleistame variante lieka tik ikona, todėl žalvarinis kraštas
   ją paverčia atpažįstamu mygtuku, o ne dekoracija. */
@media (max-width: 1340px) {
  .header-cta .tel {
    border-color: rgba(201, 162, 74, .55);
    background: rgba(201, 162, 74, .08);
  }
}