/* #388 (Smílek 2026-10-12): Back to Top ve stylu VAPAS.
   Edge signature webu: rovnoběžník se seříznutými rohy jako tlačítka/Poptávka a pruhy v hero
   (--erigo-vapas-button-cut), plná barva značky, žádné zaoblení ani rozmazaný stín.
   Viditelnost (.visible po 400 px) a plynulý posun řeší JS jádra (behaviors/scroll.js). */
.erigo-scroll-top {
  --btt-cut: var(--erigo-vapas-button-cut, 0.6em);
  width: 3.5rem;
  height: 2.75rem;
  border-radius: 0;
  box-shadow: none;
  color: #fff;
  background-color: var(--erigo-color-primary, #a5192d);
  clip-path: polygon(0 0, calc(100% - var(--btt-cut)) 0, 100% 100%, var(--btt-cut) 100%);
  text-decoration: none;
  transform: translateY(0.5rem);
  transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease, background-color 0.15s ease;
}
.erigo-scroll-top.visible,
.erigo-scroll-top.show {
  transform: none;
}
.erigo-scroll-top:hover {
  color: #fff;
  background-color: var(--erigo-color-text-base, #1a1a1a);
}
/* clip-path by ořízl outline, proto focus jako změna barvy + vnitřní linka */
.erigo-scroll-top:focus-visible {
  outline: none;
  color: #fff;
  background-color: var(--erigo-color-text-base, #1a1a1a);
  box-shadow: inset 0 -3px 0 var(--erigo-color-primary, #a5192d);
}
.erigo-scroll-top-icon {
  display: block;
}
@media (max-width: 767.98px) {
  .erigo-scroll-top {
    width: 3rem;
    height: 2.5rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .erigo-scroll-top { transition: none; transform: none; }
}
@media print {
  .erigo-scroll-top { display: none; }
}