/**
 * Light-DOM styles for the placeholder only (the real widget styles live inside the
 * Shadow DOM). This just reserves space and shows a neutral skeleton until the embed
 * hydrates, so there is no layout shift and no flash of unstyled content.
 */
.wcra-reviews-root {
  display: block;
  margin: 2rem 0;
}

.wcra-reviews-skeleton {
  min-height: 180px;
  border-radius: 14px;
  background: linear-gradient(90deg, #f3f3f3 25%, #ececec 37%, #f3f3f3 63%);
  background-size: 400% 100%;
  animation: wcra-skel 1.4s ease infinite;
}

@keyframes wcra-skel {
  0%   { background-position: 100% 0; }
  100% { background-position: 0 0; }
}

@media (prefers-reduced-motion: reduce) {
  .wcra-reviews-skeleton { animation: none; }
}