/* ── Custom Styles for Rinehart Repair LLC ── */

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

    /* Respect reduced motion preferences */
    @media (prefers-reduced-motion: reduce) {
        html {
            scroll-behavior: auto;
        }
        .scroll-reveal {
            opacity: 1 !important;
            transform: none !important;
        }
        * {
            transition-duration: 0.01ms !important;
        }
    }

    /* Scroll reveal animations (progressive enhancement) */
    .scroll-reveal {
        opacity: 1;
        transform: translateY(0);
        transition: opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1), transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
    }

    @media (prefers-reduced-motion: no-preference) {
        .scroll-reveal.is-hidden {
            opacity: 0;
            transform: translateY(24px);
        }
    }

    /* Navbar styles */
    #navbar {
        background: transparent;
    }

    #navbar.scrolled {
        background: rgba(255, 255, 255, 0.97);
        backdrop-filter: blur(12px);
        box-shadow: 0 1px 0 rgba(16, 42, 67, 0.08), 0 4px 24px rgba(16, 42, 67, 0.06);
    }

    /* Gold accent line animation */
    @keyframes shimmer {
        0% { width: 0%; }
        50% { width: 100%; }
        100% { width: 0%; }
    }

    /* Form focus styles */
    input:focus,
    textarea:focus {
        box-shadow: 0 0 0 3px rgba(197, 160, 101, 0.15);
    }

    /* Custom selection color */
    ::selection {
        background: rgba(197, 160, 101, 0.3);
        color: #102a43;
    }

    /* Image loading placeholder */
    img {
        background: linear-gradient(135deg, #d9e2ec 0%, #bcccdc 100%);
    }

    /* Subtle hover lift for cards */
    @media (prefers-reduced-motion: no-preference) {
        .group:hover {
            transform: translateY(-2px);
        }
    }

    /* Map styling */
    iframe {
        filter: saturate(0.7) contrast(1.05);
    }

    /* Print styles */
    @media print {
        #navbar, .scroll-reveal, footer {
            background: white !important;
            color: black !important;
        }
        .bg-navy-900, .bg-navy-950 {
            background: white !important;
            color: black !important;
        }
    }