/* ══ SKELETON CARD ══ */
.card-skeleton {
  background: var(--card-bg, #e2e2de);
  border-radius: 12px;
  overflow: hidden;
  pointer-events: none;
}

.card-skeleton__preview {
  width: 100%;
  aspect-ratio: 16 / 10;
  background: linear-gradient(90deg,
    rgba(0,0,0,0.06) 25%,
    rgba(0,0,0,0.11) 50%,
    rgba(0,0,0,0.06) 75%
  );
  background-size: 200% 100%;
  animation: sk-shimmer 1.5s ease-in-out infinite;
}

[data-theme="dark"] .card-skeleton__preview {
  background: linear-gradient(90deg,
    rgba(255,255,255,0.04) 25%,
    rgba(255,255,255,0.09) 50%,
    rgba(255,255,255,0.04) 75%
  );
  background-size: 200% 100%;
}

.card-skeleton__info {
  padding: 14px 18px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.card-skeleton__line {
  border-radius: 4px;
  background: linear-gradient(90deg,
    rgba(0,0,0,0.06) 25%,
    rgba(0,0,0,0.11) 50%,
    rgba(0,0,0,0.06) 75%
  );
  background-size: 200% 100%;
  animation: sk-shimmer 1.5s ease-in-out infinite;
}

[data-theme="dark"] .card-skeleton__line {
  background: linear-gradient(90deg,
    rgba(255,255,255,0.04) 25%,
    rgba(255,255,255,0.09) 50%,
    rgba(255,255,255,0.04) 75%
  );
  background-size: 200% 100%;
}

.card-skeleton__line.title { height: 12px; width: 55%; }
.card-skeleton__line.tag   { height: 9px;  width: 30%; animation-delay: 0.15s; }

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