/* Sekcie s filtrami (Juraj 16. 9. 2026). Všetko stojí na tokenoch zo styl.css,
   takže nočný režim funguje bez druhej sady farieb. Mobil je prvý: filtre sa
   zalamujú a na úzkej obrazovke sú pod sebou, celé široké, aby sa dali ťuknúť
   palcom (pamäť menu-sa-zalamuje-neposuva a mobilne UI). */
.filtre{display:flex;flex-wrap:wrap;gap:12px 14px;align-items:flex-end;
  margin:18px 0 6px;padding:14px 16px;background:var(--plocha2);
  border:1px solid var(--ram2);border-radius:var(--r2)}
.f-pole{display:flex;flex-direction:column;gap:5px;min-width:180px;flex:1 1 200px}
.f-pole>span{font-size:12.5px;font-weight:700;letter-spacing:.04em;
  text-transform:uppercase;color:var(--text3)}
.f-pole select,.f-pole input{padding:11px 12px;border:1px solid var(--ram2);
  border-radius:var(--r3);font-size:15.5px;font-family:inherit;
  background:var(--plocha);color:var(--text);min-height:44px;width:100%}
.f-pole select[multiple]{min-height:132px;padding:8px}
.f-pole select:focus,.f-pole input:focus{outline:2px solid var(--akcent);outline-offset:1px}
.f-tl{padding:12px 24px;border:0;border-radius:var(--r3);cursor:pointer;
  font-family:inherit;font-size:15.5px;font-weight:700;min-height:44px;
  background:var(--tl-oranz);color:var(--tl-oranz-text)}
.f-tl:hover{background:var(--tl-oranz-hover)}
table.porov td.cislo{font-variant-numeric:tabular-nums;font-weight:650}
table.porov td.cislo small{display:block;font-weight:400;font-size:12px;color:var(--text3)}
table.porov th:first-child{width:38%}
.tlm{color:var(--text3)}
@media (max-width:640px){
  .filtre{gap:10px;padding:12px}
  .f-pole{flex:1 1 100%;min-width:0}
  .f-tl{width:100%}
}

/* Košík: polia k faktúre sa ukážu až po zaškrtnutí, inak formulár zbytočne
   naťahujú (Juraj 16. 9. 2026: platiaci môže byť aj fyzická osoba). */
.faktura-polia{display:none}
.ucet-form:has(#faktura:checked) .faktura-polia{display:block}
.iny-mail{margin-top:10px}
.iny-mail summary{cursor:pointer;color:var(--odkaz);font-weight:600}