/* Custom styles for LibertyX Bitcoin ATM */

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

    /* Selection color */
    ::selection {
        background-color: rgba(201, 168, 76, 0.3);
        color: #f2c04b;
    }

    /* Custom scrollbar */
    ::-webkit-scrollbar {
        width: 8px;
    }

    ::-webkit-scrollbar-track {
        background: #040405;
    }

    ::-webkit-scrollbar-thumb {
        background: linear-gradient(to bottom, #c9a84c, #8a4d12);
        border-radius: 4px;
    }

    ::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(to bottom, #f2c04b, #c9a84c);
    }

    /* Service card hover effect */
    .service-card {
        position: relative;
        overflow: hidden;
    }

    .service-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(201, 168, 76, 0.03), transparent);
        transition: left 0.7s ease;
        pointer-events: none;
    }

    .service-card:hover::before {
        left: 100%;
    }

    /* Navbar scroll state */
    nav.scrolled {
        background: rgba(4, 4, 5, 0.95) !important;
        backdrop-filter: blur(20px);
        border-bottom: 1px solid rgba(201, 168, 76, 0.1);
        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5);
    }

    /* Mobile menu transitions */
    #mobile-menu.active {
        opacity: 1 !important;
        pointer-events: all !important;
    }

    /* Gold shimmer animation for CTA */
    @keyframes shimmer {
        0% { background-position: -200% center; }
        100% { background-position: 200% center; }
    }

    .gold-shimmer {
        background: linear-gradient(90deg, #c9a84c 0%, #f2c04b 50%, #c9a84c 100%);
        background-size: 200% auto;
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        animation: shimmer 3s linear infinite;
    }

    /* Pulse ring for the hero badge */
    @keyframes pulse-ring {
        0% { transform: scale(0.95); opacity: 0.7; }
        50% { transform: scale(1); opacity: 1; }
        100% { transform: scale(0.95); opacity: 0.7; }
    }

    /* Reduced motion */
    @media (prefers-reduced-motion: reduce) {
        html {
            scroll-behavior: auto;
        }
        
        *, *::before, *::after {
            animation-duration: 0.01ms !important;
            animation-iteration-count: 1 !important;
            transition-duration: 0.01ms !important;
        }
    }

    /* Mobile responsive adjustments */
    @media (max-width: 768px) {
        .font-serif {
            font-size: clamp(1.75rem, 5vw, 2.5rem);
        }

        #hero h1 {
            font-size: clamp(2rem, 6vw, 3.5rem);
        }

        /* Stack floating cards on mobile */
        .order-2 {
            display: none;
        }
    }

    /* Tablet adjustments */
    @media (min-width: 769px) and (max-width: 1023px) {
        #hero h1 {
            font-size: clamp(2.5rem, 4vw, 3.5rem);
        }
    }