/* menu.css · pestañas de apartados y grilla de platos */

.menu-section{background:transparent}

.menu-tabs{
  display:flex;gap:8px;justify-content:center;flex-wrap:wrap;
  margin-bottom:38px;
}
.menu-tab{
  padding:9px 18px;border-radius:999px;
  border:1px solid var(--line);
  background:var(--panel);color:var(--muted);
  font:700 12.5px 'Manrope',sans-serif;letter-spacing:.4px;
  cursor:pointer;transition:.2s ease;
}
.menu-tab:hover{color:var(--text);border-color:var(--orange)}
.menu-tab.active{
  background:var(--orange);border-color:var(--orange);color:var(--on-accent);
}

.menu-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
  gap:16px;
}

.dish-card{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:16px;
  padding:22px;
  display:flex;flex-direction:column;gap:10px;
  transition:.22s ease;
}
.dish-card:hover{
  transform:translateY(-3px);
  border-color:rgba(245,142,39,.5);
  box-shadow:0 22px 44px -30px var(--shadow);
}

.dish-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.dish-name{font-family:'Cormorant Garamond',Georgia,serif;font-size:21px;font-weight:600}
.dish-price{color:var(--orange);font-weight:800;white-space:nowrap;font-size:15.5px}
.dish-desc{color:var(--muted);font-size:13.5px;flex:1}
.dish-tag{
  align-self:flex-start;
  font-size:10.5px;letter-spacing:1.2px;text-transform:uppercase;
  color:var(--yellow);border:1px solid rgba(240,200,0,.35);
  padding:3px 10px;border-radius:999px;font-weight:700;
}
.dish-tag.combo{color:var(--orange);border-color:rgba(245,142,39,.4)}

.add-btn{
  align-self:flex-start;
  display:inline-flex;align-items:center;gap:7px;
  background:transparent;border:1.5px solid var(--orange);color:var(--text);
  border-radius:999px;padding:9px 18px;
  font:700 12px 'Manrope',sans-serif;letter-spacing:.6px;text-transform:uppercase;
  cursor:pointer;transition:.2s ease;
}
.add-btn:hover{background:var(--orange);color:var(--on-accent)}
.add-btn svg{width:14px;height:14px}

.menu-note{
  text-align:center;color:var(--muted);font-size:12.5px;margin-top:34px;
}
/* ---------- Constructor de pizzas (La bell'a pizza) ---------- */
.pizza-builder{
  grid-column:1 / -1;
  max-width:640px;
  margin:0 auto;
  width:100%;
  gap:14px;
}
.pb-title{font-size:26px}

.pb-sizes{display:flex;gap:10px}
.pb-size{
  flex:1;
  display:flex;flex-direction:column;align-items:center;gap:2px;
  padding:12px 10px;border-radius:14px;
  border:1.5px solid var(--line);background:var(--panel);color:var(--text);
  font-family:'Manrope',sans-serif;font-weight:800;cursor:pointer;transition:.2s;
}
.pb-size small{color:var(--muted);font-weight:600}
.pb-size:hover{border-color:var(--orange)}
.pb-size.active{border-color:var(--orange);background:rgba(245,142,39,.12)}
.pb-size.active small{color:var(--orange)}

.pb-flavors{display:flex;flex-wrap:wrap;gap:8px}
.pb-flavor{
  padding:9px 16px;border-radius:999px;
  border:1.5px solid var(--line);background:var(--panel);color:var(--text);
  font:600 13px 'Manrope',sans-serif;cursor:pointer;transition:.2s;
}
.pb-flavor:hover{border-color:var(--yellow)}
.pb-flavor.active{background:var(--yellow);border-color:var(--yellow);color:var(--on-accent)}

.pb-hint{color:var(--muted);font-size:12.5px}

.pb-summary{
  display:flex;justify-content:space-between;align-items:center;
  border-top:1px dashed var(--line);padding-top:12px;
  font-weight:600;
}
.pb-summary strong{font-size:20px;color:var(--orange)}

.pizza-builder .add-btn{align-self:center;width:100%;justify-content:center;padding:13px}