/*
 * Subtle load/scroll animations (step 2, live on index.html since 2026-10-13).
 * Everything here is switched off for visitors who ask for reduced motion.
 */

@media (prefers-reduced-motion: no-preference) {

    /* Fade and rise into place when scrolled into view (classes added by animations.js) */
    .reveal {
        opacity: 0;
        transform: translateY(20px);
        transition: opacity 0.6s ease-out, transform 0.6s ease-out;
        transition-delay: var(--reveal-delay, 0s);
    }

    .reveal.is-visible {
        opacity: 1;
        transform: none;
    }

    /* Gentle hover lift on photos and the contact card */
    .aboutBorder,
    #real_estate_services img.rounded-circle,
    .card {
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .aboutBorder:hover,
    #real_estate_services img.rounded-circle:hover {
        transform: scale(1.04);
    }

    .card:hover {
        transform: translateY(-4px);
    }

    /* Side menu links slide slightly on hover */
    #sideNav .nav-link {
        transition: color 0.2s ease, transform 0.2s ease;
    }

    #sideNav .nav-link:hover {
        transform: translateX(3px);
    }

    /* Mobile top bar gains a soft shadow once the page is scrolled */
    #sideNav {
        transition: box-shadow 0.3s ease;
    }

    #sideNav.is-scrolled {
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.25);
    }
}