/* Custom Styles for Ortega Pool Services */

html {
    scroll-behavior: smooth;
}

body {
    /* Custom scrollbar for webkit browsers */
    scrollbar-width: thick;
    scrollbar-color: #D46A4F #FDF8F5;
}

/* Hide number input arrows */
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
    margin: 0; 
}

/* Geometric shape animation for hero background */
@keyframes float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-20px); }
    100% { transform: translateY(0px); }
}

/* Mobile menu transition */
#mobile-menu {
    animation: slideIn 0.3s ease-out forwards;
}

@keyframes slideIn {
    from { opacity: 0; transform: translateY(-20px); }
    to { opacity: 1; transform: translateY(0); }
}