.table-scroll-wrapper {
  position: relative;
}

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Výchozí stav ukazatele - neviditelný a bez animace */
.swipe-indicator {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  pointer-events: none; /* Umožní proklik na tabulku pod animací */
  background: rgba(255, 255, 255, 0.85);
  padding: 10px 20px;
  border-radius: 20px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
  opacity: 0; /* Ve výchozím stavu skryto */
  transition: opacity 0.5s ease;
}

.hand-icon {
  font-size: 24px;
}

/* Tuto třídu přidá JavaScript, až k tabulce doscrollujeme */
.swipe-indicator.is-visible {
  animation: swipeAnim 2.5s infinite;
}

/* Skrytí na počítačích */
@media (min-width: 768px) {
  .swipe-indicator {
    display: none !important;
  }
}

/* Definice animace pohybu */
@keyframes swipeAnim {
  0% { transform: translate(-50%, -50%) translateX(-25px); opacity: 0; }
  20% { opacity: 1; }
  80% { opacity: 1; }
  100% { transform: translate(-50%, -50%) translateX(25px); opacity: 0; }
}