/**
 * recommendations.css
 *
 * Apenas os estilos de skeleton de carregamento.
 * O CSS do .post-min, .info, .tags-post etc. já existe no seu tema.
 */

@keyframes rec-shimmer {
    0%   { background-position: -600px 0; }
    100% { background-position:  600px 0; }
}

/* Base do shimmer — reutilizada em todos os elementos skeleton */
.post-min__thumb-skeleton,
.tag--skeleton,
.post-min__title-skeleton,
.post-min__meta-skeleton {
    background: linear-gradient(90deg, #e5e7eb 25%, #f3f4f6 50%, #e5e7eb 75%);
    background-size: 1200px 100%;
    animation: rec-shimmer 1.4s infinite linear;
    border-radius: 4px;
    display: block;
}

.post-min--skeleton { pointer-events: none; }

.post-min__thumb-skeleton {
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 6px;
    margin-bottom: 0.75rem;
}

.tag--skeleton {
    width: 64px;
    height: 22px;
}

.post-min__title-skeleton {
    height: 1rem;
    width: 90%;
    margin: 0.5rem 0;
}

.post-min__meta-skeleton {
    height: 0.75rem;
    width: 50%;
}