/*!
Theme Name: SOS Herojai
Description: Skubios pagalbos specialistu katalogo tema. Dizainas perkeltas is statinio prototipo be pakeitimu.
Version: 1.1.0
Requires at least: 6.4
Requires PHP: 8.1
Text Domain: sos
*/

/* ====================================================================
   SVARBU: sis failas surinktas is prototipo CSS. Vienintelis tiesos
   saltinis dizainui yra DESIGN.md. Jokio hex uz :root bloko ribu.
   ==================================================================== */



/* ===== core.css ===== */
:root{
  /* ===== TOKENAI: atspindi DESIGN.md. Jokio hex uz sio bloko ribu ===== */
  --navy-950:#080D1A; --navy-900:#0E1730; --navy-800:#1B2B4B;
  --bg:#F7F8FA; --surface:#FFFFFF; --surface-2:#EDEFF4;
  --ink:#0E1B33; --muted:#5A6786;
  --ink-on-dark:#F7F8FA; --muted-on-dark:#A8B4CE;
  --line:#E4E7EF; --line-dark:#22345C;
  --accent:#FFD500; --accent-hot:#FF6B1A; --accent-ink:#B03A08; --online:#2BD97C;

  --font-display:'Lora',Georgia,serif;
  --font-body:'Plus Jakarta Sans',system-ui,sans-serif;

  --text-sm:.875rem; --text-base:1.0625rem; --text-lg:clamp(1.075rem,1.6vw,1.2rem);
  --text-xl:clamp(1.35rem,2.2vw,1.6rem);
  --text-2xl:clamp(1.9rem,4vw,2.85rem);
  --text-hero:clamp(2.5rem,6.2vw,4.25rem);
  --num:clamp(2rem,4vw,3rem);

  --space-10:.5rem; --space-15:.75rem; --space-20:1rem; --space-25:1.5rem;
  --space-30:2rem; --space-35:2.75rem; --space-40:3.5rem; --space-50:5.5rem;

  --radius:14px; --radius-sm:12px; --radius-pill:999px;
  --shadow-1:0 1px 2px rgba(14,27,51,.05),0 8px 22px rgba(14,27,51,.06);
  --shadow-2:0 20px 50px rgba(14,27,51,.14);
  --shadow-accent:0 12px 30px rgba(255,213,0,.28);
  --gradient-hero:radial-gradient(ellipse 90% 70% at 72% 38%,rgba(43,217,124,.10),transparent 60%),radial-gradient(ellipse 70% 60% at 18% 10%,rgba(255,213,0,.09),transparent 65%);
  /* Uzdangos ant hero nuotraukos: mobiliajame vertikali, plaziame ekrane kaireje tamsesne */
  --scrim-hero:linear-gradient(to bottom,rgba(8,13,26,.90) 0%,rgba(8,13,26,.80) 38%,rgba(8,13,26,.94) 100%);
  --scrim-hero-wide:linear-gradient(100deg,rgba(8,13,26,.94) 0%,rgba(8,13,26,.88) 50%,rgba(8,13,26,.42) 68%,rgba(8,13,26,.10) 88%,rgba(8,13,26,.02) 100%),linear-gradient(to bottom,rgba(8,13,26,.35),transparent 26%,rgba(8,13,26,.55));
  /* Modalo uzdanga (naudojama /paieska ir specialisto profilyje) */
  --scrim-modal:rgba(8,13,26,.62);
  --ease:cubic-bezier(.4,0,.2,1);
  --wrap:1220px;
}

/* ===== BAZE ===== */
*,*::before,*::after{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);
  font:400 var(--text-base)/1.65 var(--font-body);
  font-synthesis:none;font-optical-sizing:auto;text-wrap:pretty;overflow-x:hidden}
h1,h2,h3,h4{font-family:var(--font-display);line-height:1.12;letter-spacing:-.015em;
  font-weight:700;text-wrap:balance}
h1{font-size:var(--text-hero);margin-bottom:var(--space-25)}
h2{font-size:var(--text-2xl);margin-bottom:var(--space-20)}
h3{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-10)}
h4{font-size:1.075rem;font-weight:600;margin-bottom:var(--space-10)}
p+p{margin-top:var(--space-20)}
.flow>*+*{margin-top:var(--space-20)}
ul{margin:0;padding:0}
a{color:var(--ink);text-decoration-color:var(--accent);text-decoration-thickness:2px;
  text-underline-offset:.2em}
a:hover{color:var(--accent-ink)}
button{font:inherit;color:inherit}
/* Fokusas. Kliento noras buvo „jokiu ziedu“ — jis lieka galioti pelei ir liesti:
   :focus be :focus-visible nieko nepiesia, todel paspaudus mygtuka vaizdas
   nesikeicia. Bet klaviatura einantis zmogus be zymeklio nebezino, kur yra
   (WCAG 2.4.7), o svetaines esme yra formos, todel :focus-visible ziedas
   grazinamas. Jo pele nepamatys niekada. */
:focus,:focus-within{outline:none}
:focus-visible{outline:3px solid var(--ink);outline-offset:2px;border-radius:4px}
/* Tamsiose juostose tas pats ziedas butu nematomas — ten firmine geltona */
.hero :focus-visible,.phero :focus-visible,.band-dark :focus-visible,
.final :focus-visible,.site-footer :focus-visible,.dash-bar :focus-visible,
.pro-panel :focus-visible,.quote-strip :focus-visible{outline-color:var(--accent)}
::-moz-focus-inner{border:0}
.skip-link{position:absolute;left:-9999px;top:0;background:var(--ink);color:var(--ink-on-dark);
  padding:.7rem 1.1rem;z-index:200;border-radius:0 0 var(--radius-sm) 0}
.skip-link:focus{left:0}
.sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap;border:0}

section[id],main[id]{scroll-margin-top:84px}
.wrap{width:min(100% - 2.5rem,var(--wrap));margin-inline:auto}
.band{padding-block:var(--space-50)}
.band-tight{padding-block:var(--space-40)}
.band-light{background:var(--bg);color:var(--ink)}
.band-white{background:var(--surface);color:var(--ink)}
/* .band-dark antrastes paveldi savo juostos spalva, todel atskiros taisykles nereikia */
.band-dark{background:var(--navy-900);color:var(--ink-on-dark)}
.band-dark .lead-d{color:var(--muted-on-dark)}
.head{max-width:56ch;margin-bottom:var(--space-40)}
.head-center{margin-inline:auto;text-align:center}
.lead{font-size:var(--text-lg);line-height:1.6}
.band-light .lead,.band-white .lead{color:var(--muted)}

/* ===== IKONOS: viena seima (Lucide), vienas linijos storis ===== */
.ico{width:22px;height:22px;flex:0 0 22px;fill:none;stroke:currentColor;
  stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.ico-lg{width:26px;height:26px;flex-basis:26px}

/* ===== MYGTUKAI ===== */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;
  min-height:52px;padding:0 1.6rem;border:1px solid transparent;border-radius:var(--radius-sm);
  font-weight:700;font-size:1rem;text-decoration:none;cursor:pointer;white-space:nowrap}
.btn-primary{background:var(--accent);color:var(--navy-950);box-shadow:var(--shadow-accent)}
.btn-primary:hover{background:var(--accent-hot);color:var(--navy-950)}
.btn-ghost{background:var(--navy-800);color:var(--ink-on-dark);border-color:var(--line-dark)}
.btn-ghost:hover{background:var(--navy-900);color:var(--accent)}
.btn-outline{background:var(--surface);color:var(--ink);border-color:var(--line)}
.btn-outline:hover{background:var(--surface-2);color:var(--ink);border-color:var(--ink)}
.btn-sm{min-height:44px;padding:0 1.15rem;font-size:.95rem}

/* ===== HEADER ===== */
.site-header{position:sticky;top:0;z-index:100;min-height:72px;
  background:var(--surface);border-bottom:1px solid var(--line)}
.hdr{display:flex;align-items:center;gap:var(--space-25);min-height:72px}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--ink);
  font-weight:700;font-size:1.2rem;letter-spacing:-.02em;flex:0 0 auto}
.brand:hover{color:var(--ink)}
.brand-mark{width:36px;height:36px;flex:0 0 36px;border-radius:10px}
.nav{display:none;margin-left:auto}
.nav ul{display:flex;gap:.35rem;list-style:none}
.nav a{display:block;padding:.55rem .8rem;border-radius:var(--radius-sm);
  color:var(--ink);font-weight:500;font-size:.975rem;text-decoration:none;white-space:nowrap}
.nav a:hover{background:var(--surface-2);color:var(--ink)}
.hdr-cta{display:none;gap:.6rem;flex:0 0 auto}
.burger{display:inline-flex;align-items:center;gap:.5rem;margin-left:auto;
  min-height:46px;padding:0 .85rem;background:var(--surface-2);border:1px solid var(--line);
  border-radius:var(--radius-sm);font-weight:600;cursor:pointer}
.menu{display:none;padding-bottom:var(--space-25);border-top:1px solid var(--line)}
.menu.open{display:block}
.menu ul{list-style:none;padding-block:var(--space-15)}
.menu ul a{display:block;padding:.8rem .25rem;color:var(--ink);font-weight:600;
  font-size:1.05rem;text-decoration:none;border-bottom:1px solid var(--line);white-space:nowrap}
.menu .menu-actions{display:grid;gap:.6rem;padding-top:var(--space-20)}

/* ===== HERO ===== */
/* Fonines nuotraukos nebera: desineje stovi Lietuvos zemelapis (parts/hero-map.php).
   Taip pirmas ekranas nebeturi 300 kB paveikslelio, o LCP tampa tekstas. */
.hero{position:relative;isolation:isolate;background:var(--navy-950);color:var(--ink-on-dark);
  padding-block:var(--space-35) var(--space-40);overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:var(--gradient-hero)}
.hero .wrap{position:relative}
.hero-inner{display:grid;gap:var(--space-35);align-items:center}
.hero-copy{max-width:46rem}
.hero .accent-word{color:var(--accent)}
.hero .lead-h{color:var(--muted-on-dark);font-size:var(--text-lg);max-width:46ch;
  margin-bottom:var(--space-30)}
.hero .pill{display:inline-flex;align-items:center;gap:.55rem;margin-bottom:var(--space-25);
  padding:.45rem .95rem .45rem .7rem;background:var(--navy-800);color:var(--ink-on-dark);
  border:1px solid var(--line-dark);border-radius:var(--radius-pill);
  font-size:.9rem;font-weight:600}
.hero .microtrust{display:flex;flex-wrap:wrap;gap:.5rem 1.35rem;margin-top:var(--space-25);
  color:var(--muted-on-dark);font-size:.925rem;list-style:none}
.hero .microtrust li{display:flex;align-items:center;gap:.45rem}
.hero .microtrust .ico{width:17px;height:17px;flex-basis:17px;color:var(--accent)}
.hero .hero-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:var(--space-25)}

.live-dot{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:var(--online)}

/* ===== LIETUVOS ZEMELAPIS HERO DALYJE =====
   Kiekvienas taskas — nuoroda i miesto puslapi. Zalias taskas reiskia, kad tame
   mieste kas nors budi dabar, todel zemelapis yra ne dekoracija, o busenos rodiklis. */
/* Be justify-items:center — kitaip SVG su width:100% susitraukia iki turinio plocio */
.hero-map{--ltmap-1:#16233F;--ltmap-2:#0F1930;
  position:relative;display:grid;gap:var(--space-15);text-align:center}
.hero-map::before{content:"";position:absolute;inset:-10% -8%;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse at 52% 46%,rgba(43,217,124,.13),transparent 62%)}
.hero-map-h{color:var(--muted-on-dark);font-size:.8rem;font-weight:700;
  letter-spacing:.09em;text-transform:uppercase}
.hero-map-note{display:flex;align-items:center;justify-content:center;gap:.45rem;
  flex-wrap:wrap;color:var(--muted-on-dark);font-size:.9rem}
.hero-map-sep{opacity:.5}

.ltmap{display:block;width:100%;max-width:32rem;height:auto;margin-inline:auto;overflow:visible}
.ltmap-shape{fill:url(#ltmap-fill);stroke:var(--line-dark);stroke-width:2.5;stroke-linejoin:round}
.ltmap-pin{cursor:pointer}
.ltmap-hit{fill:transparent}
.ltmap-dot{fill:var(--muted-on-dark);opacity:.5}
.ltmap-pulse{fill:var(--online);opacity:.3}
.ltmap-pin.is-on .ltmap-dot{fill:var(--online);opacity:1}
.ltmap-label{fill:var(--muted-on-dark);font:600 25px/1 var(--font-body);
  paint-order:stroke;stroke:var(--navy-950);stroke-width:6px;stroke-linejoin:round}
.ltmap-pin.is-on .ltmap-label{fill:var(--ink-on-dark)}
.ltmap-pin:hover .ltmap-dot,.ltmap-pin:focus-visible .ltmap-dot{fill:var(--accent);opacity:1}
.ltmap-pin:hover .ltmap-label,.ltmap-pin:focus-visible .ltmap-label{fill:var(--accent)}
.ltmap-pin:focus-visible{outline:none}
.ltmap-pin:focus-visible .ltmap-dot{stroke:var(--accent);stroke-width:3}

/* Paieskos deze */
.search{margin-top:var(--space-30);padding:var(--space-20);background:var(--surface);
  border-radius:var(--radius);box-shadow:var(--shadow-2)}
.search-grid{display:grid;gap:.7rem}
.field{display:block}
.field-label{display:block;margin-bottom:.35rem;color:var(--muted);
  font-size:.85rem;font-weight:600}
.field-input{position:relative;display:flex;align-items:center}
.field-input .ico{position:absolute;left:.85rem;color:var(--muted);pointer-events:none}
/* Selectas lieka su gimtaja narsykles isskleidimo rodykle ir gimtu sarasu:
   appearance nekeiciama, stilizuojamas tik pats laukelis */
.field-input select{width:100%;min-height:54px;padding:0 .9rem 0 2.9rem;
  background:var(--surface-2);color:var(--ink);border:1px solid var(--line);
  border-radius:var(--radius-sm);font:500 1rem var(--font-body);color-scheme:light}
/* Kol nieko nepasirinkta, tekstas atrodo kaip buves placeholderis */
.field-input select:has(option[value=""]:checked){color:var(--muted);font-weight:400}
.field-input select:hover{border-color:var(--muted)}
.search-btn-cell{display:grid}
.search .btn{width:100%}
.search-note{margin-top:.85rem;color:var(--muted);font-size:.85rem}
.search-note a{color:var(--ink);font-weight:600}

/* ===== KORTELIU TINKLAI ===== */
.grid{display:grid;gap:var(--space-20)}
.grid-2{grid-template-columns:1fr}
.grid-3{grid-template-columns:1fr}
.grid-4{grid-template-columns:1fr}

.card{display:flex;flex-direction:column;padding:var(--space-25);background:var(--surface);
  border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;
  color:var(--ink);box-shadow:var(--shadow-1)}
.card h3{margin-bottom:.4rem}
.card > p{color:var(--muted);font-size:.975rem;line-height:1.55}
.card .card-ico{display:grid;place-items:center;width:48px;height:48px;
  margin-bottom:var(--space-20);background:var(--surface-2);color:var(--ink);
  border-radius:12px}
.card .card-more{display:inline-flex;align-items:center;align-self:flex-start;gap:.4rem;margin-top:auto;padding-top:var(--space-15);
  color:var(--ink);font-size:.925rem;font-weight:700}
.card .card-more .ico{width:16px;height:16px;flex-basis:16px}
a.card:hover{border-color:var(--ink);box-shadow:var(--shadow-2);color:var(--ink)}
a.card:hover .card-ico{background:var(--accent);color:var(--navy-950)}

/* ===== KAIP VEIKIA ===== */
.step{padding-top:var(--space-15)}
.step .step-badge{display:grid;place-items:center;width:46px;height:46px;
  margin-bottom:var(--space-20);background:var(--accent);color:var(--navy-950);
  border-radius:12px;font-family:var(--font-display);font-size:1.15rem;font-weight:700}
.step h3{font-size:clamp(1.2rem,1.6vw,1.4rem);margin-bottom:.4rem}
.step > p{color:var(--muted);font-size:.975rem}

/* ===== APIE: sarasas su varnelemis ===== */
.checks{display:grid;gap:.7rem;list-style:none;margin-top:var(--space-25)}
.checks li{display:flex;align-items:flex-start;gap:.7rem}
.checks .ico{margin-top:.3rem;color:var(--accent)}
.quote-strip{padding:var(--space-25);background:var(--navy-800);color:var(--ink-on-dark);
  border-left:4px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;
  font-family:var(--font-display);font-size:var(--text-xl);line-height:1.3}

/* ===== SPECIALISTAMS ===== */
.perks{display:grid;gap:.85rem;list-style:none}
.perk{display:flex;align-items:flex-start;gap:.75rem;padding:var(--space-20);
  background:var(--surface);color:var(--ink);border:1px solid var(--line);
  border-radius:var(--radius-sm);font-weight:600}
.perk .ico{margin-top:.15rem;color:var(--accent-ink)}
.pro-panel{padding:var(--space-30);background:var(--navy-900);color:var(--ink-on-dark);
  border-radius:var(--radius)}
.pro-panel > p{color:var(--muted-on-dark)}
.pro-panel .btn{margin-top:var(--space-25)}

/* ===== CALL TRACKING ===== */
.phase{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:var(--space-20);
  padding:.4rem .85rem;background:var(--surface-2);color:var(--ink);
  border:1px dashed var(--muted);border-radius:var(--radius-pill);
  font-size:.85rem;font-weight:700}
.track{display:grid;gap:var(--space-20);padding:var(--space-30);background:var(--surface);
  border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-1)}
.track-metrics{display:grid;gap:.85rem}
.metric{padding:var(--space-20);background:var(--surface-2);color:var(--ink);
  border-radius:var(--radius-sm)}
.metric .metric-k{display:block;margin-bottom:.3rem;color:var(--muted);
  font-size:.85rem;font-weight:600}
.metric .metric-v{display:block;font-family:var(--font-display);font-size:1.6rem;
  font-weight:700;color:var(--ink)}
.metric .metric-bar{display:block;height:6px;margin-top:.7rem;background:var(--line);border-radius:99px;
  overflow:hidden}
.metric .metric-bar span{display:block;height:100%;background:var(--accent);border-radius:99px}

/* ===== MIESTAI ===== */
.cities{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none}
.city-link{display:inline-flex;align-items:center;gap:.45rem;padding:.6rem 1rem;
  background:var(--surface);color:var(--ink);border:1px solid var(--line);
  border-radius:var(--radius-pill);font-weight:600;font-size:.95rem;text-decoration:none;
  white-space:nowrap}
.city-link:hover{background:var(--ink);color:var(--ink-on-dark);border-color:var(--ink)}

/* ===== SKAICIAI ===== */
.stats{display:grid;gap:var(--space-25)}
.band-dark .stat{padding-top:var(--space-20);border-top:2px solid var(--line-dark)}
.band-dark .stat-v{display:block;font-family:var(--font-display);font-size:var(--num);
  font-weight:700;line-height:1;color:var(--accent)}
.band-dark .stat-k{display:block;margin-top:.6rem;color:var(--muted-on-dark);font-size:.95rem}

/* ===== DUK ===== */
.faq{display:grid;gap:.7rem;max-width:78ch}
.faq details{background:var(--surface);border:1px solid var(--line);
  border-radius:var(--radius-sm);overflow:hidden}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-20);
  padding:var(--space-20) var(--space-25);color:var(--ink);
  font-family:var(--font-display);font-size:1.1rem;font-weight:600;cursor:pointer;
  list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{background:var(--surface-2)}
.faq summary .ico{color:var(--muted);flex-shrink:0}
.faq details[open] summary .ico{transform:rotate(180deg)}
.faq .answer{padding:0 var(--space-25) var(--space-25);color:var(--muted);max-width:68ch}

/* ===== FINAL CTA ===== */
.final{position:relative;background:var(--navy-900);color:var(--ink-on-dark);
  padding-block:var(--space-50);overflow:hidden;text-align:center}
.final::before{content:"";position:absolute;inset:0;background:var(--gradient-hero);pointer-events:none}
.final .wrap{position:relative}
.final h2{max-width:20ch;margin-inline:auto}
.final .lead-f{color:var(--muted-on-dark);font-size:var(--text-lg);max-width:48ch;
  margin:0 auto var(--space-30)}
.final .final-actions{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center}
.final .final-call{margin-top:var(--space-25);color:var(--muted-on-dark);font-size:.95rem}
.final .final-call a{color:var(--accent);font-weight:700}
.final .final-call a:hover{color:var(--ink-on-dark)}

/* ===== FOOTER ===== */
.site-footer{background:var(--navy-950);color:var(--muted-on-dark);padding-block:var(--space-40)}
.site-footer a{color:var(--ink-on-dark);text-decoration:none}
.site-footer a:hover{color:var(--accent)}
.site-footer .f-grid{display:grid;gap:var(--space-30)}
.site-footer .brand{color:var(--ink-on-dark)}
.site-footer .f-about{margin-top:var(--space-20);color:var(--muted-on-dark);
  font-size:.95rem;max-width:38ch}
.site-footer .f-title{margin-bottom:var(--space-15);color:var(--ink-on-dark);
  font-family:var(--font-body);font-size:.9rem;font-weight:700}
.site-footer .f-list{display:grid;gap:.6rem;list-style:none;font-size:.95rem}
.contact{display:grid;gap:.75rem;list-style:none;font-size:.95rem}
.contact li{display:flex;align-items:flex-start;gap:.65rem}
.contact .ico{margin-top:.2rem;color:var(--accent);width:18px;height:18px;flex-basis:18px}
.site-footer .f-bar{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;justify-content:space-between;
  margin-top:var(--space-35);padding-top:var(--space-20);border-top:1px solid var(--line-dark);
  color:var(--muted-on-dark);font-size:.875rem}
.site-footer .f-bar ul{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;list-style:none}

/* ===== BREAKPOINTAI ===== */
@media (min-width:560px){
  .search-grid{grid-template-columns:1fr 1fr}
  .search-btn-cell{grid-column:1/-1}
  .grid-2,.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}
  .stats{grid-template-columns:repeat(2,1fr)}
  .track-metrics{grid-template-columns:repeat(2,1fr)}
}
@media (min-width:900px){
  /* Hero paieska sutelpa i viena eile: paslauga, miestas, mygtukas */
  .hero .search-grid{grid-template-columns:1fr 1fr auto;align-items:end}
  .hero .search-btn-cell{grid-column:auto}
  .hero .search .btn{width:auto;padding:0 1.9rem;min-height:54px}
  .grid-3{grid-template-columns:repeat(3,1fr)}
  .grid-4{grid-template-columns:repeat(4,1fr)}
  .stats{grid-template-columns:repeat(4,1fr)}
  .track{grid-template-columns:1fr 1.15fr;align-items:center}
  .track-metrics{grid-template-columns:repeat(2,1fr)}
  .split{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-40);align-items:center}
}
@media (min-width:1080px){
  .nav{display:block}
  .hdr-cta{display:flex}
  .burger{display:none}
  .menu{display:none!important}
  .hero{display:grid;align-items:center;min-height:min(88vh,820px);
    padding-block:var(--space-40)}
  /* Tekstas kaireje, zemelapis desineje — ta pati kompozicija, kaip anksciau su nuotrauka */
  .hero-inner{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:var(--space-40);
    align-items:center}
  .band{padding-block:6.5rem}
  /* .band-tight kitaip butu nustelbtas .band taisykles, esancios veliau */
  .band-tight{padding-block:var(--space-40)}
}
@media (min-width:1280px){
  .hero-copy{max-width:48rem}
  .ltmap{max-width:36rem}
}
/* Siaurame ekrane zemelapis mazas, todel miestu vardai didinami — kitaip
   pavadinimai sumazeja iki 8 px ir tampa neiskaitomi */
@media (max-width:640px){
  .ltmap{max-width:26rem}
  .ltmap-label{font-size:34px;stroke-width:8px}
  .ltmap-dot{r:9}
}

/* ===== JUDESYS ===== */
@media (prefers-reduced-motion:no-preference){
  a,button,summary,.card,.btn,.city-link,.perk{
    transition:background .15s var(--ease),color .15s var(--ease),
      border-color .15s var(--ease),box-shadow .2s var(--ease),transform .2s var(--ease)}
  a.card:hover{transform:translateY(-3px)}
  .btn-primary:hover{transform:translateY(-2px)}
  .faq summary .ico{transition:transform .2s var(--ease)}
  .js .reveal{opacity:0;transform:translateY(18px);
    transition:opacity .5s var(--ease),transform .5s var(--ease);
    transition-delay:var(--d,0ms)}
  .js .reveal.in{opacity:1;transform:none}
  /* Zemelapio taskai: tylus radaro zybsnis ties miestais, kuriuose budima */
  .ltmap-pulse{transform-box:fill-box;transform-origin:center;
    animation:ltpulse 2.8s var(--ease) infinite;animation-delay:var(--pd,0s)}
  @keyframes ltpulse{
    0%{transform:scale(.6);opacity:.45}
    70%{transform:scale(2.6);opacity:0}
    100%{transform:scale(2.6);opacity:0}
  }
  .ltmap-dot,.ltmap-label{transition:fill .15s var(--ease)}
}

/* ===== page-hero.css ===== */
/* ===== VIDINIU PUSLAPIU HERO: ta pati navy juosta, tik be nuotraukos ===== */
.phero{position:relative;isolation:isolate;background:var(--navy-900);color:var(--ink-on-dark);
  padding-block:var(--space-35) var(--space-40);overflow:hidden}
.phero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:var(--gradient-hero)}
.phero h1{font-size:clamp(2rem,4.4vw,3.1rem);margin-bottom:var(--space-20)}
.phero .lead-h{color:var(--muted-on-dark);font-size:var(--text-lg);max-width:60ch}
.phero .pill{display:inline-flex;align-items:center;gap:.55rem;margin-bottom:var(--space-20);
  padding:.45rem .95rem .45rem .7rem;background:var(--navy-800);color:var(--ink-on-dark);
  border:1px solid var(--line-dark);border-radius:var(--radius-pill);
  font-size:.9rem;font-weight:600}
.phero .accent-word{color:var(--accent)}

/* Trupiniai */
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:var(--space-20);
  color:var(--muted-on-dark);font-size:.875rem;list-style:none}
.crumbs a{color:var(--muted-on-dark);text-decoration:none}
.crumbs a:hover{color:var(--accent)}
.crumbs li::after{content:"/";margin-left:.45rem;color:var(--line-dark)}
.crumbs li:last-child::after{content:""}
.crumbs [aria-current]{color:var(--ink-on-dark);font-weight:600}

/* Paieskos deze atskiroje juostoje (miestu ir SEO puslapiai) telpa i viena eile */
@media (min-width:900px){
  .search-inline .search-grid{grid-template-columns:1fr 1fr auto;align-items:end}
  .search-inline .search-btn-cell{grid-column:auto}
  .search-inline .btn{width:auto;padding:0 1.9rem;min-height:54px}
}

/* ===== spec-card.css ===== */
/* ===== SPECIALISTO KORTELE: naudojama /paieska, miestu ir SEO puslapiuose ===== */
.spec-list{display:grid;gap:var(--space-20)}
.spec{display:grid;gap:var(--space-20);padding:var(--space-25);background:var(--surface);
  border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-1)}
.spec-boosted{border-color:var(--accent);box-shadow:var(--shadow-1),inset 3px 0 0 var(--accent)}
/* Nuotrauka kortelėje: kaireje, kad akis pirma pagautų vaizdą, o tekstas liktų
   vienoje kolonoje. Be nuotraukos rodomi inicialai — kitaip sąrašas „šoktų“. */
.spec-body{display:flex;gap:var(--space-20);align-items:flex-start}
.spec-main{flex:1 1 auto;min-width:0;display:grid;gap:var(--space-20);align-content:start}
.spec-foto{display:block;flex:0 0 96px;width:96px;aspect-ratio:4/3;overflow:hidden;
  background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);
  text-decoration:none}
.spec-foto img{display:block;width:100%;height:100%;object-fit:cover}
.spec-foto.is-empty{display:grid;place-items:center;background:var(--navy-900);border-color:var(--navy-900)}
.spec-foto-inicialai{color:var(--accent);font:700 1.25rem/1 var(--font-display);letter-spacing:.02em}
.spec-foto:hover{border-color:var(--ink)}

.spec-head{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.6rem var(--space-20)}
.spec-title{flex:1 1 21rem;min-width:0}
.spec-title h3{margin-bottom:.3rem}
.spec-title h3 a{color:var(--ink);text-decoration:none}
.spec-title h3 a:hover{color:var(--ink);text-decoration:underline}
.spec-meta{display:flex;flex-wrap:wrap;gap:.3rem .9rem;color:var(--muted);font-size:.9rem}
.spec-meta span{display:inline-flex;align-items:center;gap:.35rem}
.spec-meta .ico{width:16px;height:16px;flex-basis:16px}
.spec-headline{color:var(--muted);font-size:.975rem;line-height:1.55}

/* Busenos zymos */
.badges{display:flex;flex-wrap:wrap;gap:.45rem;align-items:flex-start}
.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;
  border-radius:var(--radius-pill);font-size:.825rem;font-weight:700;white-space:nowrap}
.badge .ico{width:14px;height:14px;flex-basis:14px}
.badge-online{background:color-mix(in srgb,var(--online) 16%,var(--surface));
  color:var(--ink);border:1px solid color-mix(in srgb,var(--online) 45%,var(--surface))}
.badge-offline{background:var(--surface-2);color:var(--muted);border:1px solid var(--line)}
.badge-boost{background:var(--accent);color:var(--navy-950);border:1px solid var(--accent)}
.badge-24{background:var(--surface-2);color:var(--ink);border:1px solid var(--line)}

/* Ivertinimas */
.rating{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;color:var(--ink)}
.rating .ico{width:16px;height:16px;flex-basis:16px;color:var(--accent);fill:var(--accent)}
.rating small{color:var(--muted);font-weight:500}

/* Paslaugu zymos */
.tags{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none}
.tags li{padding:.3rem .7rem;background:var(--surface-2);color:var(--muted);
  border-radius:var(--radius-pill);font-size:.825rem;font-weight:600}

.spec-actions{display:grid;gap:.6rem}
.spec-actions .btn{width:100%}

@media (min-width:700px){
  .spec{grid-template-columns:1fr auto;align-items:start}
  .spec-body{grid-column:1}
  .spec-actions{grid-column:2;grid-row:1;align-content:start;min-width:15rem}
  .spec-actions .btn{width:100%}
  /* Platesniame ekrane nuotraukai vietos yra — kortelė nuo to netampa aukštesnė */
  .spec-foto{flex-basis:132px;width:132px}
  .spec-foto-inicialai{font-size:1.6rem}
  /* Ženkleliai visada po pavadinimu, o ne kartais šalia jo: su nuotrauka vietos
     mažiau, todėl ilgesnio pavadinimo kortelė atrodydavo kitaip nei trumpo, o
     sąrašas skaitomas greitai ir turi būti nuspėjamas. */
  .spec-title{flex-basis:100%}
}

/* ===== search-page.css ===== */
/* ===== PAIESKOS PUSLAPIS: sticky baras + filtrai ===== */
.searchbar{position:sticky;top:72px;z-index:60;background:var(--surface);
  border-bottom:1px solid var(--line);box-shadow:var(--shadow-1)}
.searchbar .search{margin-top:0;padding-block:var(--space-20);box-shadow:none;border-radius:0}
.searchbar .search-note{margin-top:.6rem}

.results-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;
  gap:.6rem var(--space-20);margin-bottom:var(--space-25)}
/* Rezultatu antraste zemesne uz sekciju antrastes: cia svarbiausia yra sarasas */
.results-head h1{font-size:clamp(1.5rem,2.4vw,2rem);margin-bottom:.15rem}
.results-count{color:var(--muted);font-size:.95rem}
.results-count b{color:var(--ink)}

.layout-filters{display:grid;gap:var(--space-30)}
.filters{display:grid;gap:var(--space-25);align-content:start;padding:var(--space-25);
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}
.filters h3{font-family:var(--font-body);font-size:.9rem;font-weight:700;
  text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:var(--space-15)}
.filter-group{border:0;padding:0;margin:0}
.filter-list{display:grid;gap:.55rem;list-style:none}
.check{display:flex;align-items:center;gap:.6rem;font-size:.95rem;cursor:pointer}
.check input{width:20px;height:20px;flex:0 0 20px;accent-color:var(--accent-hot);cursor:pointer}
.check span{color:var(--ink)}
.check small{margin-left:auto;color:var(--muted);font-size:.85rem}
.filters-actions{display:grid;gap:.5rem}
.filter-note{color:var(--muted);font-size:.825rem}

/* Rikiavimas */
.sort{display:flex;align-items:center;gap:.6rem;font-size:.9rem;color:var(--muted)}
.sort select{min-height:44px;padding:0 .8rem;background:var(--surface-2);color:var(--ink);
  border:1px solid var(--line);border-radius:var(--radius-sm);
  font:600 .925rem var(--font-body);color-scheme:light}

/* Tuscias rezultatas */
.empty{display:none;padding:var(--space-30);background:var(--surface);
  border:1px dashed var(--line);border-radius:var(--radius);text-align:center;color:var(--muted)}
.empty.on{display:block}
.empty h3{color:var(--ink)}

@media (min-width:900px){
  /* Baras sutelpa i viena eile, kaip ir hero paieska tituliniame */
  .searchbar .search-grid{grid-template-columns:1fr 1fr auto;align-items:end}
  .searchbar .search-btn-cell{grid-column:auto}
  .searchbar .search .btn{width:auto;padding:0 1.9rem;min-height:54px}
}
@media (min-width:1080px){
  .layout-filters{grid-template-columns:19rem 1fr;gap:var(--space-30)}
  .filters{position:sticky;top:calc(72px + 7.5rem)}
}

/* ===== modal.css ===== */
/* ===== SKAMBUCIO MODALAS: patvirtinimas pries skambinant ===== */
/* margin:auto butinas: bendras `*{margin:0}` resetas nustelbia narsykles taisykle,
   be kurios <dialog> lieka kairiajame virsutiniame kampe */
.modal{width:min(100% - 2rem,30rem);margin:auto;padding:0;border:0;border-radius:var(--radius);
  background:var(--surface);color:var(--ink);box-shadow:var(--shadow-2)}
.modal::backdrop{background:var(--scrim-modal)}
.modal-in{padding:var(--space-30)}
.modal-top{display:flex;align-items:flex-start;gap:var(--space-20);margin-bottom:var(--space-20)}
.modal-top h2{font-size:1.5rem;margin-bottom:.35rem}
.modal-avatar{display:grid;place-items:center;width:52px;height:52px;flex:0 0 52px;
  background:var(--navy-900);color:var(--accent);border-radius:14px;
  font-family:var(--font-display);font-size:1.3rem;font-weight:700}
.modal dl{display:grid;gap:.55rem;margin:0 0 var(--space-25);font-size:.95rem}
.modal dl div{display:flex;justify-content:space-between;gap:var(--space-20);
  padding-bottom:.55rem;border-bottom:1px solid var(--line)}
.modal dt{color:var(--muted)}
.modal dd{margin:0;font-weight:700;text-align:right}
.modal-phone{font-family:var(--font-display);font-size:1.6rem;font-weight:700;
  letter-spacing:-.01em;text-align:center;margin-bottom:var(--space-20)}
.modal-actions{display:grid;gap:.6rem}
.modal-note{margin-top:var(--space-20);color:var(--muted);font-size:.825rem;text-align:center}

/* ===== profile.css ===== */
/* ===== SPECIALISTO PROFILIS ===== */
.prof-hero{display:grid;gap:var(--space-25);align-items:start}
.prof-id{display:flex;align-items:flex-start;gap:var(--space-20)}
.avatar{display:grid;place-items:center;width:76px;height:76px;flex:0 0 76px;
  background:var(--accent);color:var(--navy-950);border-radius:18px;
  font-family:var(--font-display);font-size:1.8rem;font-weight:700}
.prof-hero h1{font-size:clamp(1.9rem,3.6vw,2.7rem);margin-bottom:.6rem}
.prof-hero .badges{margin-bottom:var(--space-15)}
.prof-hero .badge-offline{background:var(--navy-800);color:var(--muted-on-dark);
  border-color:var(--line-dark)}
.prof-hero .spec-meta{color:var(--muted-on-dark)}
.prof-hero .rating{color:var(--ink-on-dark)}
.prof-hero .rating small{color:var(--muted-on-dark)}
.prof-cta{display:grid;gap:.6rem}
.prof-cta .btn{width:100%}
.prof-cta .prof-since{color:var(--muted-on-dark);font-size:.875rem;text-align:center}

/* Turinio ir salinio stulpelio maketas */
.prof-layout{display:grid;gap:var(--space-30)}
.prof-layout > *{min-width:0}
.panel{min-width:0;padding:var(--space-25);background:var(--surface);border:1px solid var(--line);
  border-radius:var(--radius);box-shadow:var(--shadow-1)}
.panel + .panel{margin-top:var(--space-20)}
.panel h2{font-size:clamp(1.3rem,2vw,1.6rem)}
.panel h3{font-family:var(--font-body);font-size:.9rem;font-weight:700;
  text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}

/* Darbu galerija: kol nera realiu nuotrauku, rodomos vietos, ne stock */
.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}
.shot{display:grid;place-items:center;gap:.4rem;aspect-ratio:4/3;padding:var(--space-15);
  background:var(--surface-2);border:1px dashed var(--line);border-radius:var(--radius-sm);
  color:var(--muted);font-size:.8rem;text-align:center}
.shot .ico{color:var(--muted)}

/* Grafikas */
.hours{width:100%;border-collapse:collapse;font-size:.95rem}
.hours th,.hours td{padding:.6rem .2rem;text-align:left;border-bottom:1px solid var(--line)}
.hours th{color:var(--muted);font-weight:600}
.hours td{font-weight:600}
.hours tr:last-child th,.hours tr:last-child td{border-bottom:0}
.hours .now{color:var(--accent-ink)}

/* Atsiliepimai */
.reviews{display:grid;gap:var(--space-20);list-style:none}
.review{padding-bottom:var(--space-20);border-bottom:1px solid var(--line)}
.reviews li:last-child .review{padding-bottom:0;border-bottom:0}
.review-top{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem var(--space-20);
  margin-bottom:.5rem}
.review-top b{font-size:1rem}
.review-date{margin-left:auto;color:var(--muted);font-size:.85rem}
.review p{color:var(--muted)}

/* Atsiliepimo nuorodos demo */
.linkbox{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;padding:var(--space-20);
  background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;word-break:break-all}
.linkbox .btn{margin-left:auto}

/* Mobili apatine juosta su skambuciu */
.callbar{position:fixed;left:0;right:0;bottom:0;z-index:90;display:flex;gap:.6rem;
  padding:.7rem 1.25rem calc(.7rem + env(safe-area-inset-bottom));
  background:var(--surface);border-top:1px solid var(--line);box-shadow:var(--shadow-2)}
.callbar .btn{flex:1}
body:has(.callbar){padding-bottom:5.5rem}

@media (min-width:900px){
  .prof-hero{grid-template-columns:1fr 17rem;gap:var(--space-30)}
  .gallery{grid-template-columns:repeat(4,1fr)}
  .callbar{display:none}
  body:has(.callbar){padding-bottom:0}
}
@media (min-width:1080px){
  .prof-layout{grid-template-columns:1fr 21rem;align-items:start}
  .prof-side{position:sticky;top:calc(72px + var(--space-20))}
}

/* ===== forms.css ===== */
/* ===== FORMOS: registracija, profilio redagavimas ===== */
.form-card{max-width:46rem;margin-inline:auto;padding:var(--space-30);background:var(--surface);
  border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-1)}
.form-grid{display:grid;gap:var(--space-20)}
.form-row{display:grid;gap:var(--space-20)}
.field-input input[type=text],.field-input input[type=email],.field-input input[type=tel],
.field-input input[type=url],.field-input textarea{width:100%;min-height:54px;
  padding:.9rem 1rem;background:var(--surface-2);color:var(--ink);border:1px solid var(--line);
  border-radius:var(--radius-sm);font:500 1rem var(--font-body);color-scheme:light}
.field-input textarea{min-height:8rem;resize:vertical;line-height:1.55}
.field-input input::placeholder,.field-input textarea::placeholder{color:var(--muted);font-weight:400}
.field-input input:hover,.field-input textarea:hover{border-color:var(--muted)}
.field-hint{margin-top:.35rem;color:var(--muted);font-size:.825rem}
.field-req{color:var(--accent-ink)}

/* Zymimieji langeliai grupemis */
.pickgrid{display:grid;gap:.5rem}
.pick{display:flex;align-items:flex-start;gap:.6rem;padding:.7rem .9rem;background:var(--surface-2);
  border:1px solid var(--line);border-radius:var(--radius-sm);font-size:.95rem;cursor:pointer}
.pick input{width:20px;height:20px;flex:0 0 20px;margin-top:.1rem;accent-color:var(--accent-hot);cursor:pointer}
.pick:has(input:checked){border-color:var(--ink);background:var(--surface)}

.form-actions{display:grid;gap:.7rem;margin-top:var(--space-25);
  padding-top:var(--space-25);border-top:1px solid var(--line)}
.form-legal{color:var(--muted);font-size:.85rem}

/* Patvirtinimo ekranas po registracijos */
.confirm{display:none;text-align:center}
.confirm.on{display:block}
.confirm .ico-big{display:grid;place-items:center;width:64px;height:64px;margin:0 auto var(--space-20);
  background:var(--accent);color:var(--navy-950);border-radius:50%}
.confirm .ico-big .ico{width:30px;height:30px;flex-basis:30px}
.mailbox{display:flex;align-items:center;gap:.7rem;justify-content:center;
  margin-top:var(--space-20);padding:var(--space-20);background:var(--surface-2);
  border:1px dashed var(--line);border-radius:var(--radius-sm);color:var(--muted);font-size:.925rem}

@media (min-width:700px){
  .form-row-2{grid-template-columns:1fr 1fr}
  .pickgrid-2{grid-template-columns:1fr 1fr}
  .form-actions{grid-auto-flow:column;justify-content:start;align-items:center}
}

/* ===== catalog.css ===== */
/* ===== KATALOGAI: kategorijos, miestai ===== */
.cat-block{padding:var(--space-25);background:var(--surface);border:1px solid var(--line);
  border-radius:var(--radius);box-shadow:var(--shadow-1)}
.cat-top{display:flex;align-items:flex-start;gap:var(--space-20);margin-bottom:var(--space-20)}
.cat-top .card-ico{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;
  background:var(--surface-2);color:var(--ink);border-radius:12px}
.cat-top h2{font-size:clamp(1.2rem,1.9vw,1.45rem);margin-bottom:.3rem}
.cat-top p{color:var(--muted);font-size:.95rem}
.subs{display:grid;gap:.45rem;list-style:none}
.subs a{display:flex;align-items:center;gap:.5rem;padding:.6rem .8rem;background:var(--surface-2);
  color:var(--ink);border-radius:var(--radius-sm);font-size:.925rem;font-weight:600;
  text-decoration:none}
.subs a:hover{background:var(--ink);color:var(--ink-on-dark)}
.subs a .ico{width:15px;height:15px;flex-basis:15px;margin-left:auto;color:var(--muted)}
.subs a:hover .ico{color:var(--accent)}

/* Miestu tinklas */
.city-grid{display:grid;gap:var(--space-20)}
.city-card{display:flex;flex-direction:column;padding:var(--space-25);background:var(--surface);
  border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-1);
  text-decoration:none;color:var(--ink)}
.city-card:hover{border-color:var(--ink);box-shadow:var(--shadow-2);color:var(--ink)}
.city-card h2{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;margin-bottom:.35rem}
.city-card .ico{color:var(--accent-ink)}
.city-card p{color:var(--muted);font-size:.925rem}
.city-card .city-n{margin-top:var(--space-20);padding-top:var(--space-15);
  border-top:1px solid var(--line);color:var(--muted);font-size:.875rem}
.city-card .city-n b{color:var(--ink)}

/* Turinio puslapiai: taisykles, privatumas */
.prose{max-width:72ch}
.prose h2{margin-top:var(--space-35)}
.prose h2:first-child{margin-top:0}
.prose h3{margin-top:var(--space-25)}
.prose p,.prose li{color:var(--muted)}
.prose ul,.prose ol{display:grid;gap:.5rem;margin:var(--space-20) 0;padding-left:1.3rem}
.prose li{padding-left:.25rem}
.prose ul{list-style:disc}
.prose ol{list-style:decimal}
.prose strong{color:var(--ink)}
.toc{padding:var(--space-20);background:var(--surface);border:1px solid var(--line);
  border-radius:var(--radius);margin-bottom:var(--space-30)}
.toc h2{font-family:var(--font-body);font-size:.9rem;font-weight:700;text-transform:uppercase;
  letter-spacing:.06em;color:var(--muted);margin:0 0 var(--space-15)}
.toc ol{display:grid;gap:.4rem;margin:0;padding-left:1.2rem;font-size:.95rem}
.doc-date{margin-bottom:var(--space-30);color:var(--muted);font-size:.9rem}

@media (min-width:700px){
  .subs{grid-template-columns:1fr 1fr}
  .city-grid{grid-template-columns:repeat(2,1fr)}
}
@media (min-width:1080px){
  .city-grid{grid-template-columns:repeat(4,1fr)}
}

/* ===== dash.css ===== */
/* ===== VALDYMO SKYDAI: specialisto ir admin mockupai ===== */
.dash-bar{background:var(--navy-900);color:var(--ink-on-dark);padding-block:var(--space-25)}
.dash-bar .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-20)}
.dash-who{display:flex;align-items:center;gap:.9rem;flex:1 1 16rem}
.dash-who h1{font-size:clamp(1.35rem,2.2vw,1.75rem);margin-bottom:.15rem}
.dash-who p{color:var(--muted-on-dark);font-size:.9rem}
.dash-bar .avatar{width:54px;height:54px;flex-basis:54px;border-radius:14px;font-size:1.3rem}

/* Budejimo jungiklis */
.switch{display:inline-flex;align-items:center;gap:.7rem;padding:.55rem .9rem;
  background:var(--navy-800);border:1px solid var(--line-dark);border-radius:var(--radius-pill);
  font-weight:700;cursor:pointer;white-space:nowrap}
.switch input{position:absolute;opacity:0;pointer-events:none}
.switch .sw-track{position:relative;width:46px;height:26px;flex:0 0 46px;
  background:var(--navy-950);border:1px solid var(--line-dark);border-radius:999px}
.switch .sw-track::after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;
  background:var(--muted-on-dark);border-radius:50%;transition:transform .18s var(--ease),background .18s var(--ease)}
.switch input:checked + .sw-track{background:color-mix(in srgb,var(--online) 30%,var(--navy-950));
  border-color:var(--online)}
.switch input:checked + .sw-track::after{transform:translateX(20px);background:var(--online)}

/* Skydo maketas. min-width:0 butinas: be jo plati lentele isplecia grid stulpeli
   ir visas puslapis pradeda slinkti horizontaliai mobiliajame */
.dash{display:grid;gap:var(--space-20)}
.dash > *,.dash-2 > *{min-width:0}
.tiles{display:grid;gap:var(--space-20)}
.tile{padding:var(--space-25);background:var(--surface);border:1px solid var(--line);
  border-radius:var(--radius);box-shadow:var(--shadow-1)}
.tile-k{display:flex;align-items:center;gap:.5rem;color:var(--muted);
  font-size:.85rem;font-weight:600}
.tile-k .ico{width:16px;height:16px;flex-basis:16px}
.tile-v{display:block;margin-top:.5rem;font-family:var(--font-display);font-size:2rem;
  font-weight:700;line-height:1}
.tile-d{margin-top:.35rem;font-size:.85rem;color:var(--muted)}
.tile-up{color:var(--accent-ink);font-weight:700}

/* Grafiko tinklelis */
.sched{overflow-x:auto;max-width:100%}
.sched table{width:100%;min-width:34rem;border-collapse:collapse}
.sched th,.sched td{padding:.35rem;text-align:center;font-size:.8rem}
.sched thead th{color:var(--muted);font-weight:600}
.sched tbody th{text-align:left;color:var(--ink);font-weight:600;white-space:nowrap}
.slot{display:block;width:100%;min-height:34px;background:var(--surface-2);
  border:1px solid var(--line);border-radius:8px;cursor:pointer}
.slot[aria-pressed=true]{background:var(--accent);border-color:var(--accent)}
.sched-legend{display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;margin-top:var(--space-20);
  color:var(--muted);font-size:.85rem}
.sched-legend span{display:inline-flex;align-items:center;gap:.45rem}
.key{width:14px;height:14px;border-radius:4px;border:1px solid var(--line);background:var(--surface-2)}
.key-on{background:var(--accent);border-color:var(--accent)}

/* Zymu redaktorius */
.chips{display:flex;flex-wrap:wrap;gap:.45rem}
.chip{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .8rem;
  background:var(--surface-2);color:var(--ink);border:1px solid var(--line);
  border-radius:var(--radius-pill);font-size:.875rem;font-weight:600}
.chip button{padding:0;background:none;border:0;color:var(--muted);cursor:pointer;line-height:1}
.chip button:hover{color:var(--accent-ink)}
.chip-add{border-style:dashed;color:var(--muted);cursor:pointer}

/* Lenteles */
.table-wrap{overflow-x:auto;max-width:100%}
.tbl{width:100%;min-width:38rem;border-collapse:collapse;font-size:.925rem}
.tbl th,.tbl td{padding:.75rem .6rem;text-align:left;border-bottom:1px solid var(--line);
  vertical-align:middle}
.tbl thead th{color:var(--muted);font-size:.8rem;font-weight:700;text-transform:uppercase;
  letter-spacing:.05em}
.tbl tbody tr:last-child td{border-bottom:0}
.tbl .num{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}
.bar{display:block;height:6px;min-width:3rem;background:var(--line);border-radius:99px;overflow:hidden}
.bar span{display:block;height:100%;background:var(--accent);border-radius:99px}
.row-actions{display:flex;gap:.4rem;justify-content:flex-end}

/* Moderavimo eile */
.queue{display:grid;gap:var(--space-20);list-style:none}
.queue li{display:grid;gap:.7rem;padding:var(--space-20);background:var(--surface-2);
  border:1px solid var(--line);border-radius:var(--radius-sm)}
.queue .q-top{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem var(--space-20)}
.queue .q-top .review-date{margin-left:auto;color:var(--muted);font-size:.85rem}
.queue p{color:var(--muted);font-size:.95rem}
.queue .row-actions{justify-content:flex-start}

/* Ispejimai */
.alerts{display:grid;gap:.7rem;list-style:none}
.alerts li{display:flex;align-items:flex-start;gap:.7rem;padding:var(--space-20);
  background:var(--surface-2);border-left:3px solid var(--accent-hot);
  border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:.925rem}
.alerts .ico{margin-top:.15rem;color:var(--accent-hot)}
.alerts b{display:block}
.alerts small{color:var(--muted)}

/* SMS sablonas */
.sms{padding:var(--space-20);background:var(--surface-2);border:1px solid var(--line);
  border-radius:var(--radius-sm);font-size:.925rem;line-height:1.6;white-space:pre-wrap}
.sms mark{background:color-mix(in srgb,var(--accent) 45%,var(--surface));color:var(--ink);
  padding:0 .2rem;border-radius:4px}

@media (min-width:700px){
  .tiles{grid-template-columns:repeat(2,1fr)}
}
@media (min-width:1080px){
  .tiles{grid-template-columns:repeat(4,1fr)}
  .dash-2{display:grid;grid-template-columns:1.25fr 1fr;gap:var(--space-20);align-items:start}
}


/* ===== WP meniu klases ===== */
/* WordPress ul gauna klase is menu_class; .menu vardas jau uzimtas mobiliajam */
.nav .nav-list{display:flex;gap:.35rem;list-style:none;margin:0;padding:0}
.menu .menu-list{list-style:none;padding-block:var(--space-15);margin:0}
.menu .menu-list a{display:block;padding:.8rem .25rem;color:var(--ink);font-weight:600;
  font-size:1.05rem;text-decoration:none;border-bottom:1px solid var(--line);white-space:nowrap}
.nav .nav-list a{display:block;padding:.55rem .8rem;border-radius:var(--radius-sm);
  color:var(--ink);font-weight:500;font-size:.975rem;text-decoration:none;white-space:nowrap}
.nav .nav-list a:hover{background:var(--surface-2);color:var(--ink)}

/* Filtru nuorodos yra sarasas, ne tekstas — pabraukimas cia kliudo */
.filters .check{text-decoration:none;color:var(--ink)}
.filters .check:hover span{color:var(--accent-ink)}
.filters .check small{color:var(--muted)}

/* ===== TAISYMAI ===== */
/* Slaptazodzio ir failo laukai buvo praleisti — atrode kaip narsykles numatytieji */
.field-input input[type=password],
.field-input input[type=search],
.field-input input[type=number]{width:100%;min-height:54px;padding:.9rem 1rem;
  background:var(--surface-2);color:var(--ink);border:1px solid var(--line);
  border-radius:var(--radius-sm);font:500 1rem var(--font-body);color-scheme:light}
.field-input input[type=password]:hover,
.field-input input[type=search]:hover,
.field-input input[type=number]:hover{border-color:var(--muted)}
.field-input input[type=password]::placeholder{color:var(--muted);font-weight:400}

/* Failo laukas: narsykle piesia savo mygtuka, todel tvarkoma tik desine puse */
.field-input input[type=file]{width:100%;min-height:54px;padding:.85rem 1rem;
  background:var(--surface-2);color:var(--muted);border:1px solid var(--line);
  border-radius:var(--radius-sm);font:500 .95rem var(--font-body);cursor:pointer}
.field-input input[type=file]:hover{border-color:var(--muted)}
.field-input input[type=file]::file-selector-button{margin-right:.9rem;padding:.5rem 1rem;
  background:var(--surface);color:var(--ink);border:1px solid var(--line);
  border-radius:var(--radius-sm);font:700 .9rem var(--font-body);cursor:pointer}
.field-input input[type=file]:hover::file-selector-button{background:var(--ink);
  color:var(--ink-on-dark);border-color:var(--ink)}

/* Puslapiavimas: WP numatytasis stilius nesiderina su likusiu dizainu */
.pagination,.nav-links{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;
  margin-top:var(--space-30)}
.pagination .page-numbers,.nav-links .page-numbers{display:inline-flex;align-items:center;
  justify-content:center;min-width:44px;min-height:44px;padding:0 .8rem;background:var(--surface);
  color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-sm);
  font-weight:600;text-decoration:none}
.pagination .page-numbers:hover,.nav-links .page-numbers:hover{background:var(--surface-2);
  border-color:var(--ink);color:var(--ink)}
.pagination .page-numbers.current,.nav-links .page-numbers.current{background:var(--ink);
  color:var(--ink-on-dark);border-color:var(--ink)}
.pagination .screen-reader-text,.nav-links .screen-reader-text{position:absolute;width:1px;
  height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ===== gallery.css ===== */
/* ===== NUOTRAUKU GALERIJA: profilyje ir specialisto skyde ===== */

/* Bendra paslepto teksto klase — anksciau ji buvo tik puslapiavimui */
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap;border:0;padding:0;margin:-1px}

.gal-panel{margin-top:var(--space-20)}
.gal-note{margin-bottom:var(--space-20);color:var(--muted);font-size:.9rem}
.gal{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;list-style:none}
.gal-item{display:block;width:100%;padding:0;background:var(--surface-2);border:1px solid var(--line);
  border-radius:var(--radius-sm);overflow:hidden;cursor:zoom-in}
.gal-item img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.gal-item:hover{border-color:var(--ink)}
.gal-item:focus-visible{outline:3px solid var(--accent-hot);outline-offset:2px}

/* Padidinta nuotrauka. dialog::backdrop pats uztamsina fona, todel jokio JS overlay.
   inset:0 + margin:auto — kad langas stovetu ekrano viduryje: nustacius savo ploti
   narsykles numatytasis centravimas nustoja veikti. */
.galbox{position:fixed;inset:0;margin:auto;
  width:min(92vw,1100px);max-width:none;height:fit-content;max-height:92vh;
  padding:0;background:transparent;border:0;overflow:visible}
.galbox::backdrop{background:var(--scrim-modal)}
.galbox img{display:block;width:100%;height:auto;max-height:86vh;object-fit:contain;
  border-radius:var(--radius);background:var(--navy-950)}
/* Mygtukai laikomi lango viduje — uz jo ribu siaurame ekrane jie iskristu is vaizdo */
.galbox-btn{position:absolute;display:grid;place-items:center;width:48px;height:48px;
  background:var(--surface);color:var(--ink);border:1px solid var(--line);
  border-radius:50%;font-size:1.2rem;line-height:1;cursor:pointer;box-shadow:var(--shadow-1)}
.galbox-btn:hover{background:var(--ink);color:var(--ink-on-dark)}
.galbox-close{top:.7rem;right:.7rem}
.galbox-prev{left:.7rem;top:50%;transform:translateY(-50%)}
.galbox-next{right:.7rem;top:50%;transform:translateY(-50%)}
.galbox.is-single .galbox-prev,.galbox.is-single .galbox-next{display:none}

/* Skydas: nuotrauku tvarkymas */
.galgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.7rem;
  margin-bottom:var(--space-15);list-style:none}
.galitem{padding:.5rem;background:var(--surface-2);border:1px solid var(--line);
  border-radius:var(--radius-sm)}
.galitem.is-main{border-color:var(--accent-hot);box-shadow:inset 0 0 0 1px var(--accent-hot)}
.galimg{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:8px;
  margin-bottom:.45rem}
.galtools{display:grid;gap:.2rem}
.galtool{display:flex;align-items:center;gap:.4rem;color:var(--muted);font-size:.82rem;
  font-weight:600;cursor:pointer}
.galtool input{width:16px;height:16px;flex:0 0 16px;accent-color:var(--accent-hot);cursor:pointer}
.galtool-del{color:var(--accent-ink)}
.galitem.is-main .galtool:first-child{color:var(--ink)}

@media (min-width:700px){
  .gal{grid-template-columns:repeat(3,1fr);gap:.75rem}
}

/* Nuotrauku dydzio klaida skyde: rodoma is karto pasirinkus failus */
.field-error{margin-top:.5rem;padding:.7rem .9rem;background:var(--surface-2);
  border-left:3px solid var(--accent-hot);border-radius:0 var(--radius-sm) var(--radius-sm) 0;
  color:var(--accent-ink);font-size:.9rem;font-weight:600}
.form-actions .btn[disabled]{opacity:.5;cursor:not-allowed;box-shadow:none}

/* Įkeltas logotipas (Išvaizda → Tinkinti). Be jo lieka temos SVG ženklas. */
.brand-logo{display:block;max-height:44px;width:auto;height:auto}
.site-footer .brand-logo{max-height:40px}