/* Custom CSS for Oasis Cafe */
/* This file provides specific overrides and utility classes that complement Tailwind */

body {
    /* Ensure smooth scrolling is handled by CSS as a fallback */
    scroll-behavior: smooth;
}

/* Focus styles for accessibility */
a:focus-visible, button:focus-visible {
    outline: 2px solid #0A192F;
    outline-offset: 4px;
}

/* Custom scrollbar for Webkit */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #F8F9FA;
}

::-webkit-scrollbar-thumb {
    background: #0A192F;
}

::-webkit-scrollbar-thumb:hover {
    background: #7DE0A8;
}

/* Ensure images don't overflow containers */
img {
    max-width: 100%;
    height: auto;
}

/* Animation Delays */
.delay-100 {
    transition-delay: 100ms;
}

.delay-200 {
    transition-delay: 200ms;
}

.delay-300 {
    transition-delay: 300ms;
}

.delay-400 {
    transition-delay: 400ms;
}