/* Total RV – Skeleton loaders for images (placeholder until load or on error) */

.skeleton-loader {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    #e5e5e5 0%,
    #f0f0f0 50%,
    #e5e5e5 100%
  );
  background-size: 200% 100%;
  animation: skeleton-shimmer 1.5s ease-in-out infinite;
  border-radius: inherit;
  z-index: 1;
}

.skeleton-loader.hidden,
.skeleton-loader[aria-hidden="true"].loaded {
  display: none !important;
}

@keyframes skeleton-shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

/* Dark variant for dark sections */
.skeleton-loader-dark {
  background: linear-gradient(
    90deg,
    #262626 0%,
    #404040 50%,
    #262626 100%
  );
  background-size: 200% 100%;
  animation: skeleton-shimmer 1.5s ease-in-out infinite;
}