/* ==========================================================
   VARIANTA 2 — program-v2.css
   Vše scopováno pod .v2 (třída na <body> index-nova.html).
   Nepřepisuje existující selektory, žádné !important,
   žádné nové barvy — pouze stávající CSS proměnné projektu.
   ========================================================== */

/* ---------- accordion sekce Program — boxíky jako v původní mřížce karet ---------- */
.v2 .v2-accordion{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:2px;
  background:var(--sky-line);
  border:1px solid var(--sky-line);
}
@media(max-width:960px){
  .v2 .v2-accordion{
    grid-template-columns:1fr;
  }
}
.v2 .v2-acc-item{
  background:#fff;
  display:flex;
  flex-direction:column;
}
.v2 .v2-acc-item.is-open{
  grid-column:1 / -1;
}
.v2 .v2-acc-head{
  margin:0;
  display:flex;
  flex:1 1 auto;
}
.v2 .v2-acc-trigger{
  appearance:none;
  -webkit-appearance:none;
  background:none;
  border:0;
  border-radius:0;
  box-shadow:none;
  margin:0;
  width:100%;
  height:100%;
  padding:clamp(26px,3.4vw,40px);
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:14px;
  text-align:left;
  font:inherit;
  color:inherit;
  cursor:pointer;
}
.v2 .v2-acc-trigger:focus-visible{
  outline:2px solid var(--blue);
  outline-offset:2px;
}

/* pre-label — stejně jako "Máme na víc." na původních kartách */
.v2 .v2-acc-pre{
  display:block;
  font-family:var(--display);
  font-weight:600;
  font-size:.8rem;
  line-height:1.5;
  color:var(--ink-soft);
}
.v2 .v2-acc-pre .u{
  text-decoration:underline;
  text-decoration-color:var(--blue);
  text-decoration-thickness:2px;
  text-underline-offset:3px;
}
.v2 .v2-acc-pre .b{
  color:var(--blue);
}

/* titulek — stejný split jako h3 na původních kartách */
.v2 .v2-acc-title{
  display:block;
  font-family:var(--display);
  font-weight:700;
  letter-spacing:-.03em;
  line-height:1.04;
  font-size:clamp(1.3rem,2.3vw,1.8rem);
  color:var(--blue);
}
.v2 .v2-acc-title em{
  font-style:normal;
  color:var(--ink);
}

/* ZÁVAZEK — stejná typografie jako .promise na původních kartách */
.v2 .v2-acc-commit{
  font-family:var(--display);
  font-weight:600;
  font-size:1.05rem;
  line-height:1.4;
  color:var(--ink);
}

/* "Podrobně ⌄ / Skrýt" — stejná šipka a zarovnání dole vpravo jako na původních kartách */
.v2 .v2-acc-more{
  align-self:flex-end;
  margin-top:auto;
  padding-top:14px;
  font-family:var(--display);
  font-weight:600;
  font-size:.8rem;
  color:var(--blue);
  white-space:nowrap;
  display:inline-flex;
  align-items:center;
}
.v2 .v2-acc-more::after{
  content:"";
  width:7px;
  height:7px;
  margin-left:7px;
  border-right:2px solid var(--blue);
  border-bottom:2px solid var(--blue);
  transform:rotate(45deg);
  transition:transform .2s ease;
  flex:none;
}
.v2 .v2-acc-trigger[aria-expanded="true"] .v2-acc-more{
  font-size:0;
}
.v2 .v2-acc-trigger[aria-expanded="true"] .v2-acc-more::before{
  content:"Skrýt";
  font-size:.8rem;
}
.v2 .v2-acc-trigger[aria-expanded="true"] .v2-acc-more::after{
  transform:rotate(225deg);
}

/* grid-rows collapse — minmax(0, …) nutné, jinak padding potomka
   zabrání plnému sbalení na 0 a obsah "vykukuje" (bez nativního
   <details> zavírání tu chybí prohlížečová pojistka) */
.v2 .v2-acc-panel{
  display:grid;
  grid-template-rows:minmax(0,0fr);
  overflow:hidden;
  transition:grid-template-rows .28s ease;
}
.v2 .v2-acc-panel.is-open{
  grid-template-rows:minmax(0,1fr);
}
.v2 .v2-acc-panel-inner{
  overflow:hidden;
  min-height:0;
  padding:0 clamp(26px,3.4vw,40px) clamp(26px,3.4vw,40px);
}

/* vrstva B — Kde jsme dnes: tlumená, bez odrážek, levá linka */
.v2 .v2-state{
  margin:0 0 48px;
  padding:2px 0 2px 16px;
  border-left:2px solid var(--paper-line);
  font-size:.87rem;
  line-height:1.6;
  color:var(--ink-soft);
}
.v2 .v2-state-lbl{
  display:block;
  font-family:var(--display);
  font-weight:600;
  font-size:.68rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--ink-soft);
  margin-bottom:6px;
}

/* vrstva C — Co uděláme: label + .do (zlaté fajfky, stejný styl jako karta Kukly) */
.v2 .v2-do-lbl{
  margin:0 0 10px;
  font-family:var(--display);
  font-weight:600;
  font-size:.68rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--ink);
}

/* rozpracovaná čísla čekající na schválení */
.v2 [data-approval="pending"]{
  border-bottom:1px dashed var(--ink-soft);
}

@media(prefers-reduced-motion:reduce){
  .v2 .v2-acc-panel{
    transition:none;
  }
  .v2 .v2-acc-more::after{
    transition:none;
  }
}

/* ---------- Mirek Bříza (dvojka kandidátky) — vizuálně podřízená Kuklovi ---------- */
@media(min-width:781px){
  .v2 .v2-cand2-grid{
    grid-template-columns:minmax(260px,1fr) 440px;
    gap:clamp(28px,2.6vw,40px);
  }
  .v2 .v2-cand2 .cand2-text{
    max-width:52ch;
  }
  .v2 .v2-cand2-grid .cand2-photo-wrap{
    aspect-ratio:500/817;
  }
}

.v2 .v2-cand2-placeholder{
  width:100%;
  aspect-ratio:3/4;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:16px;
  background:var(--sky-tint);
  border:1px solid var(--sky-line);
}
.v2 .v2-cand2-placeholder span{
  font-family:var(--display);
  font-weight:600;
  font-size:.8rem;
  color:var(--ink-soft);
}

.v2 .v2-cand2-rule{
  height:2px;
  width:100%;
  margin-top:0;
  background:var(--blue);
}