/* Príklady použitia, Manuál a Adresár firiem (25. 9. 2026). Len tokeny zo styl.css,
   takže nočný režim funguje bez vlastných pravidiel. Mobil prvý, riadky na palec. */
.nv{max-width:820px}
.nv h1{margin:4px 0 8px}
.nv-kotvy,.ad-abc{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 8px}
.nv-kotvy a,.ad-abc a,.ad-abc span{display:inline-flex;align-items:center;min-height:40px;padding:6px 14px;border-radius:999px;
  background:var(--plocha);border:1px solid var(--ram);font-weight:600;font-size:14px;color:var(--odkaz)}
.nv-kotvy a:hover,.ad-abc a:hover{text-decoration:none;background:var(--modra-plocha)}
.ad-abc a,.ad-abc span{min-width:44px;justify-content:center;padding:6px 10px}
.ad-abc span{color:var(--text3);opacity:.55}
.ad-abc a.tu{background:var(--modra);border-color:var(--modra);color:#fff}
.nv-blok{margin:30px 0 8px;scroll-margin-top:80px}
.nv-blok h2{margin:0 0 12px}
.nv-karta{background:var(--plocha);border:1px solid var(--ram2);border-radius:var(--r);padding:16px 18px;margin:0 0 12px;box-shadow:var(--tien)}
.nv-karta h3{margin:0 0 6px;font-size:17px}
.nv-karta p{margin:0 0 10px;color:var(--text2);line-height:1.55}
.nv-odk{display:flex;flex-wrap:wrap;gap:8px}
.nv-odk a{display:inline-flex;align-items:center;min-height:40px;padding:6px 14px;border-radius:999px;
  background:var(--modra-plocha);color:var(--odkaz);font-weight:650;font-size:14px}
.nv-odk a:hover{text-decoration:none;filter:brightness(.97)}
.nv-cta{margin:30px 0 0;padding:18px;border-radius:var(--r);background:var(--akcent-jemna);border:1px solid var(--ram2)}
.nv-cta p{margin:0 0 12px}
.nv-cta .tlacidlo{margin:0 8px 8px 0}
.nv-kroky,.nv-body{padding-left:22px;line-height:1.6}
.nv-kroky li,.nv-body li{margin:0 0 8px}
.nv-sekcie,.nv-zdroje,.ad-zoz{display:grid;gap:8px}
.nv-sek,.ad-r{display:flex;flex-direction:column;gap:3px;min-height:60px;justify-content:center;padding:12px 16px;border-radius:var(--r);
  background:var(--plocha);border:1px solid var(--ram2);color:var(--text)}
.nv-sek:hover,.ad-r:hover{text-decoration:none;box-shadow:var(--tien2)}
.nv-sek span{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.nv-sek small{color:var(--text2);font-size:13.5px;line-height:1.45}
.nv-pro,.nv-free,.nv-cast{display:inline-block;padding:2px 9px;border-radius:999px;font-size:11.5px;font-weight:750;letter-spacing:.04em}
.nv-pro{background:var(--tl-oranz);color:var(--tl-oranz-text)}
.nv-free{background:var(--zelena);color:#fff}
.nv-cast{background:var(--modra-plocha);color:var(--odkaz)}
.nv-zr{display:grid;gap:2px;padding:12px 16px;border-radius:var(--r);background:var(--plocha);border:1px solid var(--ram2)}
.nv-zr span{color:var(--text2);font-size:14px}
.nv-zr em{font-style:normal;font-weight:650;font-size:13.5px;color:var(--odkaz)}
.nv-pozn,.nv-zdroj{color:var(--text2);font-size:14px;line-height:1.55;margin-top:14px}
.ad-r{flex-direction:row;align-items:center;gap:12px}
.ad-r>span{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ad-r b{font-weight:650;overflow-wrap:anywhere}
.ad-r small{color:var(--text3);font-size:13px}
.ad-r em{font-style:normal;font-weight:700;color:var(--text2);font-size:14px;white-space:nowrap}
.ad-r i{font-style:normal;color:var(--odkaz);font-weight:800;font-size:19px}
.ad-str{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0}
.ad-str a{display:inline-flex;align-items:center;min-height:44px;padding:8px 18px;border-radius:999px;background:var(--modra);color:#fff;font-weight:650}
.ad-str a:hover{text-decoration:none;filter:brightness(1.08)}
.ad-str span{color:var(--text2);font-size:14px}
.nv-filter{display:flex;flex-direction:column;gap:3px;margin:18px 0 0;padding:14px 18px;border-radius:var(--r);
  background:var(--akcent-jemna);border:1px solid var(--ram2);color:var(--text)}
.nv-filter b{color:var(--odkaz)}
.nv-filter span{color:var(--text2);font-size:14px}
.nv-filter:hover{text-decoration:none;box-shadow:var(--tien2)}
@media (min-width:700px){
  .nv-sekcie,.nv-zdroje{grid-template-columns:1fr 1fr}
  .ad-zoz:not(.ad-firmy){grid-template-columns:1fr 1fr}
}
/* Číselné stránkovanie adresára (SEO oprava 3): čísla sa zalomia, aktuálna strana zvýraznená */
.ad-str{gap:8px}
.ad-str a,.ad-str .tu{min-width:44px;justify-content:center;padding:8px 12px}
.ad-str .tu{display:inline-flex;align-items:center;min-height:44px;border-radius:999px;background:var(--akcent-karta);border:1px solid var(--akcent-lem);color:var(--text);font-weight:700;font-size:15px}
.ad-str .ad-str-t{flex-basis:100%;color:var(--text2);font-size:14px}
.ad-str .ad-str-m{color:var(--text3)}

/* Export do Excelu v adresári (25. 9. 2026): zelená ako Excel, na palec 56 px, rovnaké pre všetkých */
.nv-excel{margin:18px 0 6px}
.tl-excel-ad{display:flex;align-items:center;gap:12px;min-height:56px;padding:10px 18px 10px 12px;border-radius:16px;
  border:1.5px dashed #21A366;background:var(--akcent-karta,#E9F6EE);color:var(--text);text-decoration:none}
.tl-excel-ad:hover{border-style:solid;text-decoration:none}
.tl-excel-ad svg{flex:none}
.tl-excel-ad span{display:flex;flex-direction:column;gap:2px}
.tl-excel-ad small{color:var(--text2);font-size:.85rem}