/* Klikací × informační dlaždice (2026-10-06, varianta A):
   klikací = zelený okraj, zelený nadpis, kulatá šipka, výraznější stín, zvednutí při najetí;
   informační = ploché, bez okraje, stínu a šipky, nic se při najetí nehýbe. */
html body :is(.uses li:has(a.stretch), .cat-rail a) { position: relative; cursor: pointer; }
html body .uses li:has(a.stretch) {
  padding-right: 56px; border: 1.5px solid rgba(31, 122, 92, .45) !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, .75), rgba(255, 255, 255, .4)) !important;
  box-shadow: 0 10px 26px -10px rgba(20, 60, 45, .35) !important;
}
html body .uses li:has(a.stretch) b, html body .uses li:has(a.stretch) a.stretch { color: #0f5a43; }
html body .uses li:has(a.stretch)::before {
  content: ""; position: absolute; right: 14px; top: 50%; transform: translateY(-50%); box-sizing: border-box; width: 30px; height: 30px; padding: 0; border-radius: 50%;
  background: #1f7a5c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 5 7 7-7 7'/%3E%3C/svg%3E") center / 14px 14px no-repeat; z-index: 2; pointer-events: none;
}
html body .cat-rail a { border: 1.5px solid rgba(31, 122, 92, .4); box-shadow: 0 10px 26px -10px rgba(20, 60, 45, .35); }
html body .cat-rail a b { color: #0f5a43; }
html body .cat-rail a::after {
  content: ""; position: absolute; right: 12px; bottom: 12px; box-sizing: border-box; width: 28px; height: 28px; padding: 0; border-radius: 50%;
  background: #1f7a5c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 5 7 7-7 7'/%3E%3C/svg%3E") center / 13px 13px no-repeat;
}
@media (hover: hover) {
  html body :is(.uses li:has(a.stretch), .cat-rail a):hover { box-shadow: 0 18px 34px -12px rgba(20, 60, 45, .5) !important; }
  html body :is(.uses li:has(a.stretch), .cat-rail a):hover::before, html body .cat-rail a:hover::after { background-color: #0f5a43; }
}

html body :is(.stats li, .steps3 > *, .plans li, .hero .stats li, .perk) {
  border: 0 !important; box-shadow: none !important; background: rgba(255, 255, 255, .3) !important;
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important; cursor: default; transform: none !important;
}
html body :is(.stats li, .steps3 > *, .plans li, .hero .stats li, .perk)::after { display: none !important; }
html body :is(.stats li, .steps3 > *, .plans li, .hero .stats li, .perk):hover { transform: none !important; box-shadow: none !important; }