/* Tailwind extras: hero slider, perangkat/collaborator animation, chatbot & pengaduan widget */

/* Hero background slider */
.hero-bg { position: absolute; inset: 0; z-index: 0; }
.hero-bg-slide {
  position: absolute; inset: 0; opacity: 0;
  transition: opacity 0.9s ease-in-out;
}
.hero-bg-slide.active { opacity: 1; }
.hero-bg-slide img {
  width: 100%; height: 100%; object-fit: cover; object-position: center;
}

/* Perangkat & Collaborator infinite scroll */
.perangkat-slider-track,
.collaborators-slider-track {
  display: flex;
  will-change: transform;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.perangkat-row:hover .perangkat-slider-track,
.collaborators-row:hover .collaborators-slider-track {
  animation-play-state: paused;
}
@keyframes slidePerangkatRight {
  0% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(-50%, 0, 0); }
}
@keyframes slideCollaboratorsRight {
  0% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(-50%, 0, 0); }
}
.perangkat-slider-track { animation: slidePerangkatRight 30s linear infinite; }
.collaborators-slider-track { animation: slideCollaboratorsRight 25s linear infinite; }

/* Chatbot & Pengaduan: tampilan pakai Tailwind di template, buka/tutup pakai class hidden di JS */