/* ==========================================================
   VARIANTA v2b — program-v2b.css
   Nahrazuje pouze mřížku karet v sekci Program (.v2-accordion):
   z dvousloupcové mřížky na svisle řazené, číslované řádky
   (kompozice podle referenčního screenu), ale s ostrými rohy —
   žádné zaoblení, žádné nové barvy, jen existující proměnné.
   Scopováno pod .v2b, aby index-nova.html zůstal beze změny.
   ========================================================== */

.v2b{
  --v2b-pad-x:clamp(22px,3vw,34px);
  --v2b-pad-y:clamp(22px,2.8vw,32px);
  --v2b-num-w:clamp(48px,5.5vw,64px);
}

.v2b .v2-accordion{
  display:flex;
  flex-direction:column;
  gap:14px;
  background:none;
  border:0;
  counter-reset:v2b-num;
}

.v2b .v2-acc-item{
  position:relative;
  background:#fff;
  border:1px solid var(--sky-line);
  border-radius:0;
  transition:border-color .18s ease;
}
.v2b .v2-acc-item:hover{border-color:var(--sky)}
.v2b .v2-acc-item.is-open{
  grid-column:auto;
  border-color:var(--blue);
}

/* pořadové číslo — nahrazuje "Máme na víc." jako vizuální kotva řádku */
.v2b .v2-acc-item::before{
  counter-increment:v2b-num;
  content:counter(v2b-num,decimal-leading-zero);
  position:absolute;
  left:var(--v2b-pad-x);
  top:var(--v2b-pad-y);
  font-family:var(--display);
  font-weight:800;
  font-size:clamp(1.2rem,1.8vw,1.5rem);
  line-height:1;
  letter-spacing:-.02em;
  color:var(--sky);
}

.v2b .v2-acc-trigger{
  padding:var(--v2b-pad-y) calc(var(--v2b-pad-x) + 30px) var(--v2b-pad-y) calc(var(--v2b-pad-x) + var(--v2b-num-w));
  gap:10px;
}

.v2b .v2-acc-pre{display:none}

/* popisek pod nadpisem — nemusí být tučný, stačí normální řez */
.v2b .v2-acc-commit{font-weight:400}

/* šipka — přesunuta nahoru vpravo, bez textu "Podrobně" (span je aria-hidden, dekorativní) */
.v2b .v2-acc-more{
  position:absolute;
  right:var(--v2b-pad-x);
  top:var(--v2b-pad-y);
  align-self:auto;
  margin-top:0;
  padding-top:0;
  font-size:0;
}
.v2b .v2-acc-more::after{
  width:9px;height:9px;
  margin-left:0;
}
.v2b .v2-acc-trigger[aria-expanded="true"] .v2-acc-more::before{
  content:none;
}

.v2b .v2-acc-panel-inner{
  padding:0 calc(var(--v2b-pad-x) + 30px) var(--v2b-pad-y) calc(var(--v2b-pad-x) + var(--v2b-num-w));
}

/* "Kde jsme dnes" — v původní dvousloupcové mřížce záměrně menší a tlumenější
   než "Co uděláme", ale v jednosloupcovém layoutu to působilo nekonzistentně,
   proto sjednoceno na stejnou velikost jako zbytek textu v kartě */
.v2b .v2-state{font-size:1rem}

@media(max-width:780px){
  .v2b .v2-acc-title{font-size:clamp(1.5rem,5vw,1.8rem)}
}

@media(max-width:600px){
  .v2b{
    --v2b-pad-x:18px;
    --v2b-pad-y:18px;
    --v2b-num-w:36px;
  }
  .v2b .v2-acc-item::before{font-size:1.05rem}
}

/* ruší .v2 .v2-cand2-grid .cand2-photo-wrap{aspect-ratio:500/817}
   z program-v2.css (min-width:781px) — portrét je teď ořezaná silueta
   bez rámu, šířku určuje obsah (width:auto) při pevné výšce, ne
   vynucený poměr stran */
.v2 .v2-cand2-grid .cand2-photo-wrap{
  aspect-ratio:auto;
}

/* ==========================================================
   BIO — zkrácený medailonek s CSS-only rozbalením (Kukla, Bříza)
   Stejné chování u obou: viditelný úvod (.bio-lead) + <details
   class="bio-more"> se zbytkem textu. Fajfky, citát a podpis
   zůstávají mimo <details>, vždy viditelné.
   ========================================================== */

.v2b .bio-more{margin-top:14px}
.v2b .bio-more summary{
  cursor:pointer;
  list-style:none;
  display:inline-flex;
  align-items:center;
  gap:7px;
  font-family:var(--display);
  font-weight:600;
  font-size:.96rem;
}
.v2b .bio-more summary::-webkit-details-marker{display:none}
.v2b .bio-more summary::after{
  content:"";
  width:8px;height:8px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(45deg);
  transition:transform .2s ease;
}
.v2b .bio-more[open] summary::after{transform:rotate(225deg)}
.v2b .bio-more summary:focus-visible{
  outline:2px solid currentColor;
  outline-offset:4px;
  border-radius:2px;
}
.v2b .bio-more__close{display:none}
.v2b .bio-more[open] .bio-more__open{display:none}
.v2b .bio-more[open] .bio-more__close{display:inline}
.v2b .bio-more p{margin-top:14px}
.v2b .bio-more p:first-of-type{margin-top:18px}

/* barva odkazu podle podkladu bloku — Kukla na modré, Bříza na světlé */
.v2b .cand .bio-more summary{color:var(--sky)}
.v2b .cand2-text .bio-more summary{color:var(--blue)}

/* jemný fade odhaleného textu — details neumí animovat výšku plynule,
   proto se neanimuje layout, jen opacity/posun nově vykresleného obsahu */
@keyframes v2bBioFade{
  from{opacity:0;transform:translateY(4px)}
  to{opacity:1;transform:none}
}
.v2b .bio-more[open] p{animation:v2bBioFade .35s ease both}
.v2b .bio-more[open] p:nth-of-type(2){animation-delay:.05s}
.v2b .bio-more[open] p:nth-of-type(3){animation-delay:.1s}
.v2b .bio-more[open] p:nth-of-type(4){animation-delay:.15s}

@media(prefers-reduced-motion:reduce){
  .v2b .bio-more summary::after{transition:none}
  .v2b .bio-more[open] p{animation:none}
}