/* Custom Styles for wnsr威尼斯 */

/* Scroll Behavior */
html {
    scroll-behavior: smooth;
}

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

::-webkit-scrollbar-track {
    background: #0a0a0a;
}

::-webkit-scrollbar-thumb {
    background: #aa8a2e;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #d4af37;
}

/* Typography Effects */
.gold-gradient {
    background: linear-gradient(135deg, #f3e5ab 0%, #d4af37 50%, #aa8a2e 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Navigation Links */
.nav-link {
    @apply text-sm font-medium tracking-widest transition-colors hover:text-gold text-gray-400;
}

.mobile-nav-link {
    @apply text-lg font-medium tracking-widest transition-colors text-gray-400 hover:text-gold;
}

/* Footer Links */
.footer-link {
    @apply text-gray-500 hover:text-gold transition-colors text-sm;
}

.social-link {
    @apply w-10 h-10 rounded-full bg-black-light border border-gold/20 flex items-center justify-center text-gold hover:bg-gold hover:text-black-deep transition-all;
}

/* Filter Buttons */
.filter-btn {
    @apply px-6 py-2 rounded-full text-sm border border-gold/20 text-gray-400 transition-all hover:border-gold hover:text-gold;
}

.filter-btn.active {
    @apply bg-gold text-black-deep border-gold font-bold;
}

/* Reveal Animation */
.reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s ease-out;
}

.reveal.active {
    opacity: 1;
    transform: translateY(0);
}

/* Ticker Animation */
@keyframes ticker {
    0% { transform: translateY(0); }
    100% { transform: translateY(-50%); }
}

.animate-ticker {
    animation: ticker 40s linear infinite;
}

.animate-ticker:hover {
    animation-play-state: paused;
}

/* No Scrollbar Utility */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Header Scrolled State */
header.scrolled {
    @apply bg-black-deep/90 backdrop-blur-md py-3 shadow-lg border-b border-gold/20;
}