/* Custom styles for Taqueria El Indio */

/* Ensure smooth rendering */
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

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

/* Selection color */
::selection {
    background: #059669;
    color: #fefdf8;
}

/* Smooth scroll offset for fixed nav */
section[id] {
    scroll-margin-top: 80px;
}

/* Mobile menu transitions */
@media (max-width: 767px) {
    #mobile-menu {
        box-shadow: -10px 0 40px rgba(0, 0, 0, 0.3);
    }
}

/* Menu card image hover zoom */
.menu-card:hover img {
    transform: scale(1.05);
    transition: transform 0.5s ease;
}

.menu-card img {
    transition: transform 0.5s ease;
}

/* Button press effect */
button, a {
    -webkit-tap-highlight-color: transparent;
}

/* Prevent layout shift on images */
img {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}