/* Page Menu — styles spécifiques (les tickets sont partagés via main.css) */

.filter-bar {
    display: flex; gap: .75rem; flex-wrap: wrap; justify-content: center;
    margin: 0 0 3rem;
    position: relative;
}
.filter-btn {
    background: var(--cream);
    color: var(--bbq);
    border: 3px solid var(--bbq);
    padding: .55rem 1.25rem;
    border-radius: 99px;
    font-family: var(--font-body);
    font-weight: 700; font-size: .82rem;
    letter-spacing: .08em; text-transform: uppercase;
    box-shadow: 4px 4px 0 var(--bbq);
    transition: transform .15s, box-shadow .15s, background .15s, color .15s;
}
.filter-btn:hover {
    transform: translate(2px, 2px);
    box-shadow: 2px 2px 0 var(--bbq);
}
.filter-btn.active {
    background: var(--bbq);
    color: var(--moutarde);
    box-shadow: 4px 4px 0 var(--ketchup);
}
.filter-btn.active:hover { box-shadow: 2px 2px 0 var(--ketchup); }

.menu-note {
    margin-top: 4rem; text-align: center;
    background: var(--cream);
    border: 3px dashed var(--bbq);
    border-radius: 18px;
    padding: 2rem 1.5rem;
    max-width: 700px; margin-left: auto; margin-right: auto;
    position: relative;
}
.menu-note .hand-sub { margin-bottom: 1rem; }
.menu-note p:last-child { font-size: .95rem; color: var(--bbq); opacity: .8; }