/* Custom Styles for Premium Dark Luxury Real Estate Site */

/* Smooth Scroll Offset for Anchors */
html {
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: #050f0b;
}
::-webkit-scrollbar-thumb {
    background: #064e3b;
    border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
    background: #D4AF37;
}

/* Base Typography */
body {
    font-family: 'Inter', sans-serif;
    background-color: #050f0b;
    color: #F8F7F4;
}

h1, h2, h3, h4, .font-serif {
    font-family: 'Playfair Display', serif;
}

/* Navbar Glass Effect */
#navbar {
    backdrop-filter: blur(10px);
    background: rgba(5, 15, 11, 0.8);
    border-bottom: 1px solid rgba(212, 175, 55, 0.1);
}

/* Mobile Menu Transitions */
#mobile-menu {
    transition: transform 0.3s ease-in-out;
}
#mobile-menu.open {
    transform: translate-x(0);
}
#mobile-menu.closed {
    transform: translate-x(100%);
}

/* Input Autofill Styling */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus {
    -webkit-text-fill-color: #F8F7F4;
    -webkit-box-shadow: 0 0 0px 1000px #064e3b inset;
    transition: background-color 5000s ease-in-out 0s;
}

/* Gold Gradient Text Utility */
.text-gold-gradient {
    background: linear-gradient(135deg, #D4AF37 0%, #F3E5AB 50%, #AA892C 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

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