/* Custom Styles for The Owls Nest */

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

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: #170533;
}
::-webkit-scrollbar-thumb {
    background: #4c1d95;
    border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
    background: #d97706;
}

/* Typography Utilities */
.font-serif {
    font-family: 'Cormorant Garamond', serif;
}
.font-sans {
    font-family: 'Montserrat', sans-serif;
}

/* Mobile Menu Transitions */
#mobile-menu {
    transition: transform 0.3s ease-in-out;
}

/* Navbar transition handled by JS */
.nav-scrolled {
    background-color: rgba(23, 5, 51, 0.95);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(76, 29, 149, 0.3);
}

/* Hero Animation */
@keyframes float {
    0% { transform: translateY(0px) rotate(1deg); }
    50% { transform: translateY(-10px) rotate(1deg); }
    100% { transform: translateY(0px) rotate(1deg); }
}
@keyframes float-reverse {
    0% { transform: translateY(0px) rotate(-1deg); }
    50% { transform: translateY(10px) rotate(-1deg); }
    100% { transform: translateY(0px) rotate(-1deg); }
}

.floating-card-1 {
    animation: float 6s ease-in-out infinite;
}
.floating-card-2 {
    animation: float-reverse 7s ease-in-out infinite;
}

/* Image Hover Effects */
img {
    transition: transform 0.5s ease, filter 0.5s ease;
}

/* Focus States for Accessibility */
button:focus, a:focus, input:focus, textarea:focus {
    outline: 2px solid #d97706;
    outline-offset: 2px;
}