/* J Square Collections — Custom Styles */

/* Base */
* { box-sizing: border-box; }
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Navbar scroll state */
.nav-scrolled {
    background: rgba(250, 249, 247, 0.95) !important;
    backdrop-filter: blur(12px);
    box-shadow: 0 1px 20px rgba(0, 0, 0, 0.08);
}
.nav-scrolled .nav-brand-text { color: #2a2620 !important; }
.nav-scrolled .menu-line { background: #2a2620 !important; }
.nav-scrolled a:not(.bg-terra-600) { color: #5f5447 !important; }

/* Mobile menu */
.mobile-menu-open { transform: translateX(0) !important; }
.mobile-link {
    transition: color 0.2s ease;
}
.mobile-link:hover {
    color: #d13c18;
}

/* Smooth section transitions */
section {
    position: relative;
}

/* Custom scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #f5f2ee; }
::-webkit-scrollbar-thumb { background: #d6cec2; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #b8ad9b; }

/* Button focus states */
button:focus-visible, a:focus-visible, input:focus-visible, textarea:focus-visible {
    outline: 2px solid #d13c18;
    outline-offset: 2px;
}

/* Map container */
iframe {
    filter: saturate(0.8) contrast(1.05);
    transition: filter 0.3s ease;
}
iframe:hover {
    filter: saturate(1) contrast(1);
}

/* Floating card animation */
@keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-8px); }
}
.floating {
    animation: float 4s ease-in-out infinite;
}