/* ═══════════════════════════════════════════════
   References Page — Custom Styles
   ═══════════════════════════════════════════════ */

/* --- Reference Card Hover --- */
.ref-card {
    transition: transform .5s cubic-bezier(.22,1,.36,1), box-shadow .5s;
}
.ref-card:hover {
    transform: translateY(-6px);
}

/* --- Staggered card animation --- */
.ref-card:nth-child(1) { transition-delay: 0ms; }
.ref-card:nth-child(2) { transition-delay: 80ms; }
.ref-card:nth-child(3) { transition-delay: 160ms; }

/* --- Screenshot shimmer loading effect --- */
.ref-card img {
    background: linear-gradient(110deg, #f3f4f6 8%, #e5e7eb 18%, #f3f4f6 33%);
    background-size: 200% 100%;
    animation: shimmer 1.5s linear infinite;
}
.ref-card img[src] {
    animation: none;
    background: none;
}

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

/* --- Category badge float --- */
.ref-card .absolute.top-4 {
    transition: transform .4s cubic-bezier(.22,1,.36,1);
}
.ref-card:hover .absolute.top-4 {
    transform: translateY(-2px);
}