/* Custom styling for Coffee Roastery */

/* Slow zoom animation for Hero Image */
@keyframes slowZoom {
    0% { transform: scale(1); }
    100% { transform: scale(1.1); }
}

.img-slow-zoom {
    animation: slowZoom 20s linear infinite alternate;
}

/* Custom Select Dropdown without default arrow */
.custom-select {
    background-image: none;
}

.custom-select-transparent {
    background-image: none;
}

/* Webkit scrollbar dark mode styling */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #121212; 
}
::-webkit-scrollbar-thumb {
    background: #2c1e16; 
}
::-webkit-scrollbar-thumb:hover {
    background: #c5832b; 
}

/* Fix for form auto-fill background in Webkit (Chrome/Safari) */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 30px #1a1a1a inset !important;
    -webkit-text-fill-color: #fdfbf7 !important;
    border-bottom: 1px solid #c5832b !important;
    transition: background-color 5000s ease-in-out 0s;
}