/* ═══════════════ CUSTOM STYLES ═══════════════ */

/* Scroll reveal base — content always visible by default */
.reveal {
    opacity: 1;
    transform: none;
    transition: opacity 0.7s ease, transform 0.7s ease;
}

/* Progressive enhancement: only animate when JS enables */
@media (prefers-reduced-motion: no-preference) {
    .reveal.animate-on-scroll {
        opacity: 0;
        transform: translateY(30px);
    }
    .reveal.animate-on-scroll.animated {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Navbar scroll state */
nav.scrolled {
    background: rgba(10, 7, 16, 0.95);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(199, 90, 139, 0.15);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
}

/* Mobile menu open state */
#mobile-menu.open {
    transform: translateX(0);
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #0a0710;
}
::-webkit-scrollbar-thumb {
    background: #5e1a30;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #73203a;
}

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

/* Smooth image loading */
img {
    loading: lazy;
    will-change: transform;
}
</style>