/* ============================================================
   pages/meniu.css — Meniu Styles
   ============================================================ */

.meniu-tabs { display: flex; flex-wrap: wrap; gap: .5rem; justify-content: center; margin-bottom: 3rem; }
.meniu-tab { font-family: var(--font-label); font-size: .7rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; padding: .6rem 1.2rem; border: 1.5px solid var(--mist); border-radius: 99px; background: transparent; color: var(--stone); cursor: pointer; transition: var(--transition); }
.meniu-tab:hover { border-color: var(--amber); color: var(--amber); }
.meniu-tab.active { background: var(--amber); border-color: var(--amber); color: #fff; }

.meniu-section { display: none; }
.meniu-section.active { display: block; animation: fadeIn .4s ease; }

.meniu-cat-title { font-family: var(--font-display); font-size: 1.5rem; color: var(--forest-deep); margin-bottom: 1.5rem; padding-bottom: .75rem; border-bottom: 2px solid var(--parchment); }

.meniu-item { display: flex; justify-content: space-between; align-items: center; padding: 1.1rem 0; border-bottom: 1px solid var(--parchment); gap: 1rem; transition: var(--transition); }
.meniu-item:hover { background: var(--parchment); padding-inline: .75rem; border-radius: var(--radius-sm); }
.meniu-item__name { display: block; font-weight: 600; color: var(--charcoal); font-size: 1rem; }
.meniu-item__desc { display: block; font-size: .85rem; color: var(--stone); margin-top: .2rem; font-style: italic; }
.meniu-item__allergens { display: block; font-size: .7rem; color: var(--amber); margin-top: .15rem; font-family: var(--font-label); letter-spacing: .04em; }
.meniu-item__price { font-family: var(--font-label); font-size: .8rem; font-weight: 700; color: var(--amber); white-space: nowrap; letter-spacing: .05em; }
.meniu-item__badge { background: var(--forest-light); color: #fff; font-family: var(--font-label); font-size: .6rem; letter-spacing: .08em; text-transform: uppercase; padding: .15rem .5rem; border-radius: 99px; margin-left: .5rem; }
.meniu-item__badge--veg { background: #4caf50; }
.meniu-item__badge--hot { background: #e74c3c; }
.meniu-item__badge--new { background: var(--amber); }

.meniu-disclaimer { text-align: center; color: var(--stone); font-size: .82rem; margin-top: 3rem; padding: 1.5rem; background: var(--parchment); border-radius: var(--radius-md); }
.allergens-legend { display: flex; flex-wrap: wrap; gap: .5rem; justify-content: center; margin-top: 1rem; }
.allergen-tag { background: var(--warm-white); border: 1px solid var(--mist); border-radius: 4px; padding: .25rem .6rem; font-family: var(--font-label); font-size: .65rem; color: var(--stone); }