/* ============================================================
   ThodThube 2026 — Animations & Micro-interactions
   ============================================================ */

@media (prefers-reduced-motion: no-preference) {
    /* Fade-in on load */
    @keyframes fadeSlideUp {
        from { opacity: 0; transform: translateY(12px); }
        to { opacity: 1; transform: translateY(0); }
    }

    .forumsresponsive,
    .post,
    .threadbody,
    .header-banner,
    .findexstats,
    .latestthreadsindex,
    .memberlistuser33 {
        animation: fadeSlideUp 0.4s ease both;
    }
    .forumsresponsive:nth-child(2) { animation-delay: 0.05s; }
    .forumsresponsive:nth-child(3) { animation-delay: 0.1s; }
    .forumsresponsive:nth-child(4) { animation-delay: 0.15s; }

    .post:nth-child(2) { animation-delay: 0.05s; }
    .post:nth-child(3) { animation-delay: 0.1s; }

    /* Avatar pulse on hover */
    @keyframes avatarPulse {
        0%, 100% { box-shadow: 0 0 0 0 var(--accent-glow); }
        50% { box-shadow: 0 0 0 6px transparent; }
    }
    .post .post_author div.author_avatar img:hover {
        animation: avatarPulse 1s ease;
        transform: scale(1.05);
    }

    /* Sidebar link fill */
    .menulinksforums { position: relative; }

    /* Button press */
    a.button:active, button:active, input.button:active {
        transform: scale(0.97) !important;
    }

    /* Page loading bar */
    @keyframes loadingBar {
        0% { width: 0; }
        50% { width: 70%; }
        100% { width: 100%; }
    }

    /* Smooth scrollbar */
    html { scroll-behavior: smooth; }
}