/* Custom styles for Babylon Auto Body and Paint */

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

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
    background: #d43f11;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #e8551e;
}

/* Selection color */
::selection {
    background: #d43f11;
    color: white;
}

/* Hero parallax-like effect on scroll */
@media (prefers-reduced-motion: no-preference) {
    #hero img {
        will-change: transform;
    }
}

/* Mobile menu animation */
#mobile-menu {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

#mobile-menu.open {
    max-height: 300px;
}

/* Form focus styles */
input:focus,
select:focus,
textarea:focus {
    outline: none;
}

/* Button hover effects */
a, button {
    transition: all 0.2s ease;
}

/* Ensure all text is readable */
.text-sand-200 {
    color: #efe6d9;
}

.text-sand-300 {
    color: #e2d3b6;
}

.text-sand-400 {
    color: #d2bb8a;
}

/* Print styles */
@media print {
    header, footer, #contact-form, .scroll-indicator {
        display: none;
    }
    
    body {
        color: #000;
        background: white;
    }
}