/* ===== Vieši puslapiai: pradžia / katalogas ir programos puslapis (pagal patvirtintą maketą, 2026-10) =====
   Spalvos – tik bendri žetonai (--hero, --accent, --hi, --ink, --muted, --line). */

/* Bendras: platesnis turinio plotis, didesnės antraštės */
.wrap.wide.vmain,.wrap.wide.pbody{max-width:1240px;padding-inline:24px}
.vsec{display:flex;flex-direction:column;gap:20px}
.vsec>h2,.vsec-h h2{font:800 2rem/1.15 var(--body);letter-spacing:-.02em}
.vsec-h p{margin-top:4px}

/* Mėlynas hero per visą plotį (abiem puslapiams) */
.vhero,.phero{background:var(--hero);color:var(--hero-ink)}
.vhero-in,.phero-in{max-width:1240px;margin:0 auto;padding:64px 24px 56px}
.vhero-in{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;align-items:center}
.vhero-in.has-aside{grid-template-columns:minmax(0,1fr) minmax(320px,400px)}
.vhero-main{display:flex;flex-direction:column;gap:20px}
.vhero h1{font:800 clamp(2.25rem,4.6vw,3.5rem)/1.04 var(--body);letter-spacing:-.035em;color:var(--hero-ink);max-width:16ch}
.vhero .lead,.phero .lead{color:var(--hero-muted);font-size:1.25rem;line-height:1.5;max-width:52ch}
.vhero .row,.phero .row{gap:10px}
.vhero .btn,.phero .btn{min-height:48px;padding:10px 20px;font-size:1rem;background:var(--hi);color:#241c02;border-color:var(--hi);font-weight:800}
.vhero .btn:hover:not(:disabled),.phero .btn:hover:not(:disabled){background:var(--hi-hover);border-color:var(--hi-hover)}
.vhero .btn.ghost,.phero .btn.ghost{background:transparent;color:var(--hero-ink);border-color:rgba(255,255,255,.55);font-weight:700}
.vhero .btn.ghost:hover:not(:disabled),.phero .btn.ghost:hover:not(:disabled){background:rgba(255,255,255,.08);border-color:#fff}
.vhero :focus-visible,.phero :focus-visible{outline:3px solid var(--hi);outline-offset:2px}
.vhero aside :focus-visible,.phero aside :focus-visible{outline-color:var(--accent)}

/* Artimiausi įvykiai (pradžia) */
.upc{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:10px;box-shadow:inset 0 4px 0 var(--hi)}
.upc-h{font:700 .9375rem/1.3 var(--body);letter-spacing:0}
.upc ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.upc-i{display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px;color:inherit;text-decoration:none}
.upc-i:hover{border-color:var(--ink)}
.upc-i .db{width:54px}
.upc-i .db .dd{font-size:1.375rem}
.upc-i .db .dw{display:none}
.upc-i>span{display:flex;flex-direction:column}
.upc-k{font-size:.8125rem;font-weight:700}
.upc-k::before{display:none}
.upc-t{font-size:.9375rem;line-height:1.3}
.upc-i:hover .upc-t{text-decoration:underline;text-underline-offset:2px}
.upc-p{font-size:.8125rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Katalogas */
.vmain{display:flex;flex-direction:column;gap:56px;padding-block:48px 72px}
.vsec-h{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px}
.vsearch{display:flex;flex-direction:column;gap:4px;flex:0 1 340px;min-width:0}
.vsearch label{font-size:.875rem;font-weight:600}
.vsearch input{font-size:1rem;padding:12px 14px;border-radius:var(--r-s)}
.vsec .found-count:empty{display:none}
.vsec .found-count{margin-top:-8px}
button.chip-f{min-height:40px;padding:8px 16px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font:600 .9375rem/1.2 var(--body)}
button.chip-f:hover{border-color:var(--ink)}
.cat-sec{display:flex;flex-direction:column;gap:14px}
.cat-sec h3{font:700 1.15rem/1.3 var(--body);letter-spacing:-.01em}
.cat-sec+.cat-sec{margin-top:16px}
#done-d>summary{padding:6px 0}
#done-d[open]>summary{margin-bottom:14px}
.live-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:16px}
.lcard{display:flex;flex-direction:column;gap:14px;background:var(--paper);border:1px solid var(--line);border-top:6px solid var(--accent);border-radius:16px;padding:20px;color:var(--ink);text-decoration:none;transition:border-color .15s}
.lcard.kt{border-top-color:var(--hero)}
.lcard.is-done{border-top-color:var(--line-strong)}
a.lcard:hover{border-color:var(--ink);border-top-color:var(--ink)}
.lc-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.lc-kind{font:700 .8125rem/1.2 var(--body);color:var(--accent)}
.lcard.kt .lc-kind{color:var(--hero)}
.lc-txt{display:flex;flex-direction:column;gap:6px}
.lc-txt h4{font:750 1.25rem/1.25 var(--body);letter-spacing:-.01em}
.lc-txt p{color:var(--muted);font-size:.9375rem}
.lc-when{margin-top:auto;display:flex;flex-direction:column;gap:6px}
.lc-any{font-size:.8125rem;color:var(--muted)}
.lc-ends{display:flex;justify-content:space-between;font-size:.8125rem;color:var(--muted)}
.lc-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.875rem;color:var(--muted);padding-top:12px;border-top:1px solid var(--line2)}
.lc-any+.lc-meta{margin-top:0}
.stat-badge{font:700 .75rem/1.2 var(--body);padding:4px 10px;white-space:nowrap}
.stat-badge.st-done{background:var(--ok-soft);color:var(--ok)}
.stat-badge.st-any{background:var(--line2);color:var(--muted)}
#sec-ini:not(.all) .lcard.extra{display:none}
#sec-ini.all .ini-all{display:none}
.ini-all{align-self:flex-start;min-height:44px}
/* Mini laiko juosta */
.mtl{position:relative;height:22px;background:var(--bg);border-radius:6px;margin:0}
.mtl i{position:absolute;top:6px;width:10px;height:10px;margin-left:-5px;border-radius:3px;background:var(--task)}
.mtl i.sem{background:var(--sem)} .mtl i.task{background:var(--task)} .mtl i.lead{background:var(--lead)} .mtl i.cons{background:var(--cons)}
.lcard.is-done .mtl i{background:var(--line-strong)}
.mtl b{position:absolute;top:-3px;bottom:-3px;width:3px;margin-left:-1.5px;background:var(--hi);border-radius:2px}

/* Kaip tai veikia */
ol.steps3{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.steps3 li{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:8px}
.steps3 .n{width:40px;height:40px;border-radius:50%;background:var(--hi);color:#241c02;display:grid;place-items:center;font-weight:800}
.steps3 b{font-size:1.125rem;line-height:1.35}
/* Mokykloms ir savivaldybėms */
.vduo{display:flex;flex-wrap:wrap;gap:24px;align-items:stretch}
.vduo>div{flex:1 1 360px;min-width:0;border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:10px}
.vduo h2{font:800 1.625rem/1.2 var(--body)}
.vduo-a{background:var(--accent);color:#fff}
.vduo-a h2{color:#fff} .vduo-a p{color:#e2eefa}
.vduo-b{background:var(--paper);border:1px solid var(--line)}
.vduo-b .btn{align-self:flex-start;margin-top:auto;min-height:44px}

/* ---------- Programos puslapis ---------- */
.phero-in{padding:28px 24px 48px;display:flex;flex-direction:column;gap:20px}
.pback{display:inline-flex;align-items:center;gap:6px;min-height:32px;align-self:flex-start;font-size:.9375rem;color:var(--hero-muted);text-decoration:none}
.pback:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.phero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;align-items:start}
.phero-grid.has-aside{grid-template-columns:minmax(0,1fr) minmax(300px,360px)}
.phero-main{display:flex;flex-direction:column;gap:18px}
.phero h1{font:800 clamp(1.875rem,4vw,3rem)/1.06 var(--body);letter-spacing:-.03em;color:var(--hero-ink);max-width:22ch}
.phero .lead{font-size:1.1875rem;max-width:60ch}
.phero .lead.clamp{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.phero .lead a{color:#fff}
.pbadges{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pb-kind{font:700 .8125rem/1.2 var(--body);color:#fff;background:rgba(255,255,255,.14);padding:4px 10px;border-radius:99px}
.more-btn{align-self:flex-start;background:none;border:0;padding:4px 0;margin-top:-10px;color:var(--hero-muted);font:600 .875rem/1.3 var(--body);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.more-btn:hover{color:#fff}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0;margin:0;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.facts>div{padding:14px 16px;box-shadow:-1px 0 0 var(--line2),0 -1px 0 var(--line2)}
.facts dt{font-size:.8125rem;color:var(--muted)} .facts dd{margin:2px 0 0;font-weight:700}
.nextev{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:14px;box-shadow:inset 0 4px 0 var(--hi)}
.nextev.done{box-shadow:inset 0 4px 0 var(--ok)}
.nextev-h{font:700 1rem/1.3 var(--body);letter-spacing:0}
.nextev-b{display:grid;grid-template-columns:58px minmax(0,1fr);gap:14px;align-items:center}
.nextev .db{width:58px}
.nextev .tag{font-size:.8125rem}
.nextev .nextev-time{color:var(--muted);font-weight:500}
.nextev .title{font-weight:700;margin-top:4px;line-height:1.3}
.phero .nextev .btn{width:100%}

/* Turinys: kairėje eiga ir DUK, dešinėje lektoriai ir registracija */
.wrap.wide.pbody{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:40px;align-items:start;padding-block:40px 72px}
.pcol-main{display:flex;flex-direction:column;gap:40px;min-width:0}
.pcol-side{display:flex;flex-direction:column;gap:16px;min-width:0}
.pbody h2{font:800 1.75rem/1.2 var(--body);letter-spacing:-.02em}
.pside{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:20px}
.pside h2{font:750 1.25rem/1.3 var(--body);letter-spacing:-.01em}
.plekt{display:flex;flex-direction:column;gap:14px}
.plekt .people{grid-template-columns:minmax(0,1fr);gap:14px}
.plekt .person{gap:12px}
.av{background:#dbeafe;color:var(--hero)}
.preg .form{gap:12px}
.preg .btn[type=submit]{min-height:48px;font-size:1rem}
.peiga{display:flex;flex-direction:column;gap:12px}
.peiga-h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px}
.peiga-note{margin-top:-6px}
.vtoggle{display:flex;gap:6px}
.vtoggle button{min-height:36px;padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font:600 .875rem/1.2 var(--body);cursor:pointer}
.vtoggle button:hover{border-color:var(--ink)}
.vtoggle button[aria-pressed="true"]{background:var(--btn);color:var(--btn-ink);border-color:var(--btn)}
.peiga .legend{font-size:.875rem}
.peiga .modh h3{font:750 1.0625rem/1.3 var(--body)}
.peiga .ev{grid-template-columns:58px minmax(0,1fr) auto}
.peiga .ev .db{width:58px}
.peiga .ev .title{font-size:1.0625rem;margin-top:3px}
.ev.vt-off,.mod.vt-off{display:none}
.eiga-more{display:none}
.pduk{display:flex;flex-direction:column;gap:10px}
.pduk details.card{padding:14px 18px;border-radius:12px}
.pduk details.card>summary{padding:0;min-height:28px}
.pduk details.card>p{margin-top:8px;color:var(--muted)}

@media (max-width:1000px){
  .wrap.wide.pbody{grid-template-columns:minmax(0,1fr)}
  .phero-grid.has-aside,.vhero-in.has-aside{grid-template-columns:minmax(0,1fr)}
  .vhero-in.has-aside .upc{max-width:560px}
}
@media (max-width:700px){
  .topbar{padding:10px 16px}
  .brand{font-size:1.25rem}
  .wrap.wide.vmain,.wrap.wide.pbody{padding-inline:16px}
  .vhero-in{padding:36px 16px 32px;gap:24px}
  .vhero .lead{font-size:1.0625rem}
  .vmain{gap:40px;padding-block:32px 56px}
  .vsec>h2,.vsec-h h2{font-size:1.625rem}
  .vsearch{flex:1 1 100%}
  button.chip-f{min-height:44px}
  .lcard{padding:16px;gap:12px}
  .lc-txt h4{font-size:1.125rem}
  .vduo>div{padding:22px}
  /* Programa telefone */
  .phero-in{padding:16px 16px 24px;gap:14px}
  .phero-main{gap:14px}
  .phero h1{font-size:1.875rem;line-height:1.1}
  .phero .lead{font-size:1rem}
  .pback{min-height:44px}
  .more-btn{min-height:44px;margin-top:-12px}
  .facts{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:12px}
  .facts>div{padding:10px 12px}
  .facts dt{font-size:.75rem}
  .phero-grid{gap:14px}
  .nextev{padding:14px;border-radius:14px;gap:10px}
  .nextev-b{grid-template-columns:52px minmax(0,1fr);gap:12px}
  .nextev .db{width:52px}
  .nextev .db .dw{display:none}
  .nextev-cta,.nextev-note{display:none}
  .nextev-h{font-size:.8125rem;font-weight:500;color:var(--muted)}
  .wrap.wide.pbody{display:flex;flex-direction:column;align-items:stretch;gap:24px;padding-block:20px 0}
  .pcol-main,.pcol-side{display:contents}
  .peiga{order:1;gap:8px} .plekt{order:2} .pduk{order:3} .preg{order:4} .stickycta{order:5;margin-top:32px}
  .pbody h2{font-size:1.375rem}
  .plekt{background:none;border:0;padding:0;gap:10px}
  .plekt .people{gap:10px}
  .plekt .person{grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:center}
  .plekt .av{width:40px;height:40px;font-size:.875rem}
  .pduk details.card{padding:12px 14px}
  .peiga .ev{grid-template-columns:52px minmax(0,1fr);padding:12px;gap:4px 12px}
  .peiga .ev .db{width:52px}
  .peiga .ev .title{font-size:.9375rem;line-height:1.3}
  .vtoggle button{min-height:44px}
  /* Suskleista eiga: tik „Šiandien“ ir artimiausi įvykiai */
  .peiga.collapsed .modh,.peiga.collapsed .legend,.peiga.collapsed .peiga-note,.peiga.collapsed .vtoggle,
  .peiga.collapsed .ev:not(.peek),.peiga.collapsed .mod:not(:has(.peek,.today)),.peiga.collapsed .ev .desc,.peiga.collapsed .ev .eva{display:none}
  .peiga.collapsed .today{margin:0}
  .peiga.collapsed .today::before{display:none}
  .peiga.collapsed .ev .db .dw{display:none}
  .eiga-more{display:flex;width:100%;min-height:44px}
}
@media print{
  .vhero,.phero{background:none!important;color:#000!important}
  .vhero h1,.phero h1,.phero .lead,.pb-kind{color:#000!important}
  .wrap.wide.pbody{display:block}
}
.pduk details.card>summary{flex-wrap:nowrap;align-items:flex-start}
.pduk details.card>summary::before{margin-top:.55em}
.pduk details.card>summary b{flex:1 1 auto;min-width:0}

/* ===== Derinimas su maketu (2026-10-04): Main / Programa / Telefonas ===== */
/* Viršutinė juosta ir hero mygtukai – stambesni, kaip makete */
.topbar .topbar-login{min-height:52px;padding:10px 18px;font:700 1rem/1.2 var(--body);border-color:var(--line)}
.vhero .btn,.phero .row .btn{min-height:60px;padding:14px 24px}
.phero .nextev .btn{min-height:48px;padding:10px 16px}
.vduo-a p{color:var(--hero-muted)}
/* Programos ženkliukas: telefone trumpas pavadinimas */
.pb-short{display:none}
/* Artimiausias įvykis: pavadinimas, po juo tipas ir laikas */
.nextev-t{display:flex;flex-direction:column;gap:2px}
.nextev .nextev-t .title{margin-top:0}
.nextev-k{font-size:.875rem;color:var(--muted)}
.nextev-k .tag{font-weight:700;font-size:.875rem}
.nextev-k .tag::before{display:none}
/* Eiga: tipas – paryškintas spalvotas žodis, be kvadratėlio (kaip makete) */
.peiga .evk .tag{font-weight:700}
.peiga .evk .tag::before{display:none}
.peiga .modh{padding-bottom:4px}
.peiga .desc{max-width:64ch}
/* Registracija: pareigos – radijo mygtukai */
.reg-role{display:flex;flex-direction:column;gap:0}
.reg-role legend{font-size:.875rem;font-weight:600;margin-bottom:2px}
label.radio{flex-direction:row;align-items:center;gap:10px;min-height:40px;font-size:1rem;font-weight:400;cursor:pointer}
label.radio input{width:auto;margin:0;min-width:18px;min-height:18px;accent-color:var(--accent)}
.preg input:not([type=checkbox]):not([type=radio]){font-size:1rem;padding:11px 12px;border-radius:var(--r-s)}
.stickycta .btn{min-height:52px;padding:12px 22px}
@media (max-width:700px){
  .topbar .topbar-login{min-height:48px;padding:8px 16px}
  .vhero .btn,.phero .row .btn{min-height:52px}
  .pb-short{display:inline}
  .pb-long,.pb-mm{display:none}
  .facts>div:last-child:nth-child(odd){grid-column:1 / -1}
  /* Telefone: antraštė tik ekrano skaitytuvams, tipas ir laikas – virš pavadinimo */
  .nextev-h{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .nextev-k{order:-1;font-size:.8125rem}
  .nextev-k .tag{font-size:.8125rem}
  label.radio{min-height:44px}
}
/* Turinio plotis 1240 px (makete max-width:1240 be paraščių) */
.topbar>*,footer.site-foot>*{max-width:1240px}
.vhero-in,.phero-in,.wrap.wide.vmain,.wrap.wide.pbody{max-width:1288px}
/* Faktų juosta: langeliai platėja pagal turinį, ilgas „Kam“ nesuspaudžiamas į siaurą stulpelį */
.facts{display:flex;flex-wrap:wrap}
.facts>div{flex:1 1 auto;min-width:140px}
@media (max-width:700px){
  .facts{display:grid}
}
/* ===== Katalogas: viena kortelių eilė kaip Main.dc.html (2026-10-04) ===== */
.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:16px}
.lcard,.lcard.kt{border-top:6px solid var(--hue,var(--accent))}
.lcard.is-done{border-top-color:var(--line-strong)}
a.lcard:hover{border-color:var(--ink);border-top-color:var(--hue,var(--accent))}
a.lcard.is-done:hover{border-top-color:var(--line-strong)}
.lc-kind{font:700 .8125rem/1.2 var(--body)}
.lcard.g-kt .lc-kind{color:var(--accent)}
.lcard.g-ini .lc-kind{color:var(--task)}
.lcard.g-dieg .lc-kind{color:var(--lead)}
.lc-txt h3{font:750 1.25rem/1.25 var(--body);letter-spacing:-.01em;margin:0}
.lcard .mtl i{background:var(--hue,var(--accent))}
.lcard.is-done .mtl i{background:var(--line-strong)}
.lc-ends{font-size:.75rem}
.lc-meta{color:var(--muted)}
.cat-all{align-self:flex-start;min-height:44px}
#programos .nores{margin-top:-8px}
@media (max-width:700px){
  .lc-txt h3{font-size:1.125rem}
}