/* Szkielety ladowania: szary, pulsujacy placeholder za zdjeciami, dopoki sie nie zaladuja. */
@keyframes smartovo-shimmer {
  0% { background-position: 100% 0; }
  100% { background-position: 0 0; }
}

html body .smartovo-skel:not(.is-loaded) {
  background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 37%, #f1f5f9 63%);
  background-size: 400% 100%;
  animation: smartovo-shimmer 1.4s ease infinite;
}

html body .smartovo-skel.is-loaded {
  animation: none;
}

.smartovo-skel > img {
  transition: opacity 0.25s ease;
}

.smartovo-skel:not(.is-loaded) > img {
  opacity: 0;
}

/* Slider na stronie glownej: ciemny szkielet, zanim pojawi sie pierwszy baner. */
[data-wp-interactive="smartovo/hero-slider"] section.relative > div.relative.w-full:first-child {
  background: linear-gradient(90deg, #1b1826 25%, #272339 37%, #1b1826 63%);
  background-size: 400% 100%;
  animation: smartovo-shimmer 1.6s ease infinite;
}

@media (prefers-reduced-motion: reduce) {
  .smartovo-skel,
  [data-wp-interactive="smartovo/hero-slider"] section.relative > div.relative.w-full:first-child {
    animation: none;
  }
}