/* ==========================================================================
   MENU PAGE STYLES
   Page: menu.html - Restaurant menu with category filtering and
   multi-location support
   ========================================================================== */

/* --- Category filter tabs (Appetizers, Mains, etc.) --- */
.category-tab {
    transition: all 0.3s ease;
}

.category-tab.active {
    color: #C5A059;
    border-bottom: 2px solid #C5A059;
}

/* --- Menu dish cards with hover lift effect --- */
.menu-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.menu-card:hover {
    transform: translateY(-4px);
}

/* --- Location switcher buttons (Malasaña / Salamanca) --- */
.location-btn {
    position: relative;
}

.location-btn.active {
    background-color: rgba(197, 160, 89, 0.1);
}

.location-btn.active > div:first-child {
    color: #C5A059;
}

.location-btn:not(.active) > div:first-child {
    color: #9CA3AF;
}

/* --- Menu content panels toggle visibility --- */
.menu-content {
    transition: opacity 0.3s ease;
}

.menu-content.hidden {
    display: none;
}