/* =====================================================================
   לוח תפריט — "שלט רחוב" (v15)
   התפריט ומסך המנה בהשראת השלט של באבי: פחם, אותיות זהב (Suez One), "שם ....... מחיר".
   כל העיצוב החדש נמצא בקובץ הזה ונטען אחרי menu.css ו-sheets.css.
   ניגודיות: זהב #f2b46a על פחם = 9.7:1 · אבן על פחם = 15:1 · טקסט משני #cbbda9 על פחם = 9.4:1
   ===================================================================== */
.sheet, .layer__panel--board {
  --board: var(--coal);
  --board-2: var(--coal-2);
  --gold: var(--saffron-glow);
  --board-text: var(--stone);
  --board-muted: #cbbda9;
  --board-line: rgba(242, 180, 106, .3);
  --board-soft: rgba(244, 237, 226, .1);
}

/* ---------- התפריט ---------- */
.sheet { background: var(--board); color: var(--board-text); }
.sheet .band { color: var(--gold); }
.sheet .band::before { background: var(--gold); }
.sheet__title { color: var(--gold); }
.sheet .menu-note { color: var(--board-muted); }
.sheet .menu-note a { color: var(--gold); }
.sheet .msearch__in { background-color: var(--board-2); color: var(--board-text); border-color: var(--board-line); }
.sheet .msearch__in::placeholder { color: var(--board-muted); }
.sheet .msearch__msg, .sheet .empty-cat { color: var(--board-muted); }
.sheet .skeleton i { background: var(--board-2); }

/* סרגל קטגוריות: שלטים קטנים בזהב */
.catbar { background: color-mix(in srgb, var(--board) 94%, transparent); box-shadow: 0 1px 0 var(--board-line); }
.catbar.stuck { box-shadow: 0 1px 0 var(--board-line), 0 12px 24px -14px rgba(0, 0, 0, .7); }
.chip {
  border-radius: 6px; border: 2px solid var(--board-line); background: transparent; color: var(--gold);
  font-family: var(--f-display); font-weight: 400; font-size: var(--fs-m); padding: 0 16px;
}
.chip:hover { border-color: var(--gold); }
.chip[aria-current="true"] { background: var(--gold); border-color: var(--gold); color: var(--board); }

/* כותרת קטגוריה: שלט ממורכז בין שני קווים */
.cat__head { border-bottom: 0; justify-content: center; gap: 14px; margin-bottom: var(--s-2); padding-bottom: 6px; }
.cat__head::before, .cat__head::after { content: ""; flex: 1; height: 0; border-top: 3px double var(--board-line); transform: translateY(-.35em); }
.cat__title { color: var(--gold); font-size: var(--fs-3xl); flex: none; }
.cat__count { display: none; }

/* שורת מנה: תמונה קטנה · "שם ....... מחיר" · אופני הגשה · כפתור */
.pcard { grid-template-columns: 64px minmax(0, 1fr); gap: 14px; padding: 14px 0; border-bottom: 1px solid var(--board-soft); align-items: center; }
.pcard .thumb { border-radius: 8px; box-shadow: 0 0 0 1.5px var(--board-line); }
.pcard__body { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 12px; row-gap: 2px; align-items: center; }
.pcard__line { grid-column: 1 / -1; display: flex; align-items: baseline; gap: 8px; min-width: 0; }
.pcard__name { color: var(--board-text); font-size: var(--fs-l); font-weight: 800; min-width: 0; }
.pcard__lead { flex: 1; min-width: 18px; border-bottom: 2px dotted var(--board-line); transform: translateY(-.3em); }
/* המחיר בגופן הרגיל (ל-Suez One אין סימן ₪ תקין), מודגש בזהב */
.pcard .price, .bcard .price { font-weight: 800; font-size: var(--fs-xl); color: var(--gold); flex: none; }
.pcard .price--tbd, .bcard .price--tbd { color: var(--board-muted); font-family: inherit; font-size: var(--fs-m); }
.pcard__desc { grid-column: 1; color: var(--board-muted); -webkit-line-clamp: 1; }
.pcard .tag { grid-column: 1; background: var(--board-soft); color: var(--board-text); }
.pcard__foot { grid-column: 2; grid-row: 2; margin: 0; padding: 0; }
.pcard:hover .pcard__name { text-decoration-color: var(--gold); }
.pcard.is-out .pcard__name { color: var(--board-muted); }

/* "+" מרובע עם מסגרת זהב, כמו על השלט */
.pcard .add-btn {
  width: 44px; height: 44px; border-radius: 8px; background: transparent; color: var(--gold);
  box-shadow: inset 0 0 0 2px var(--gold);
}
.pcard .add-btn:hover { background: var(--gold); color: var(--board); }
.pcard .add-btn.is-done { background: var(--olive); color: var(--chalk); box-shadow: none; }
.sheet .out-label { background: var(--board-2); color: var(--board-muted); border-radius: 6px; }

/* "הכי מזמינים" */
.bcard { background: var(--board-2); border-color: var(--board-line); box-shadow: none; border-radius: 10px; }
.bcard__name { color: var(--board-text); }
.bcard .add-btn { border-radius: 8px; background: var(--gold); color: var(--board); box-shadow: none; }
.bcard .add-btn:hover { background: var(--saffron); }
.bcard .add-btn:disabled { background: var(--board); color: var(--board-muted); }

/* הסל בצד (מחשב) נשאר בהיר */
.sheet .cart-aside { color: var(--text); }

/* ---------- מסך מנה ---------- */
.layer__panel--board { background: var(--board); color: var(--board-text); }
.layer__panel--board .sheet-bar { background: var(--board); box-shadow: 0 1px 0 var(--board-line); }
.layer__panel--board .steps__t { color: var(--board-muted); }
.layer__panel--board .steps__t b { color: var(--board-text); }
.layer__panel--board .steps__bar i { background: var(--board-soft); }
.layer__panel--board .steps__bar i.is-done { background: var(--board-muted); }
.layer__panel--board .steps__bar i.is-cur { background: var(--gold); }
.layer__panel--board .icon-btn { background: var(--board-2); color: var(--board-text); }
.layer__panel--board .icon-btn:hover { background: var(--coal-3); }
.layer__panel--board .layer__grab { background: var(--board-line); }

.layer__panel--board .pd { counter-reset: og; }
.layer__panel--board .pd__name { color: var(--gold); font-size: 2.2rem; }
.layer__panel--board .pd__desc { color: var(--board-muted); }
.layer__panel--board .pd__base { color: var(--board-muted); }

/* כל קבוצה = שלב ממוספר: "1 · איך מגישים?" */
.layer__panel--board .og { counter-increment: og; }
.layer__panel--board .og + .og { border-top: 1px solid var(--board-soft); }
.layer__panel--board .og--upsell { background: rgba(242, 180, 106, .07); }
.layer__panel--board .og__title { font-family: var(--f-display); font-weight: 400; font-size: 1.35rem; color: var(--gold); }
.layer__panel--board .og__title::before { content: counter(og) " · "; }
.layer__panel--board .og__rule { color: var(--board-muted); }
.layer__panel--board .og__err { color: #ffb4a3; }
.layer__panel--board .og.missing .opts { box-shadow: 0 0 0 2px #ff8a70; border-radius: 10px; padding: 6px; }

.layer__panel--board .opts { border: 0; border-radius: 0; background: transparent; overflow: visible; }
.layer__panel--board .opt + .opt { border-top: 0; }
.layer__panel--board .opt__mark { display: none; }
.layer__panel--board .opt__row { border-radius: 8px; transition: background-color var(--dur-fast), border-color var(--dur-fast), color var(--dur-fast); }
.layer__panel--board .opt__row:hover { background: transparent; border-color: var(--gold); }
.layer__panel--board .opt__in:focus-visible + .opt__row { box-shadow: 0 0 0 3px var(--board), 0 0 0 5px var(--gold); }
.layer__panel--board .opt__in:disabled + .opt__row { background: transparent; color: var(--board-muted); opacity: .5; }

/* בחירה אחת: אריחים גדולים, 2 בשורה, המחיר המלא בזהב */
.layer__panel--board .opts--tiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.layer__panel--board .opts--tiles .opt__row {
  flex-direction: column; justify-content: center; gap: 2px; min-height: 76px; padding: 10px 8px; text-align: center;
  border: 2px solid var(--board-line);
}
.layer__panel--board .opts--tiles .opt__label { flex: none; font-weight: 800; font-size: var(--fs-m); }
.layer__panel--board .opts--tiles .opt__price { font-weight: 800; font-size: var(--fs-l); color: var(--gold); }
.layer__panel--board .opts--tiles .opt__in:checked + .opt__row { background: var(--gold); border-color: var(--gold); color: var(--board); }
.layer__panel--board .opts--tiles .opt__in:checked + .opt__row .opt__price { color: var(--board); }

/* כמה בחירות (סלטים ורטבים): כפתורים קצרים שנדלקים בלחיצה */
.layer__panel--board .opts--chips { display: flex; flex-wrap: wrap; gap: 8px; }
.layer__panel--board .opts--chips .opt__row {
  min-height: 44px; padding: 0 14px; gap: 6px; border: 2px solid rgba(244, 237, 226, .28); font-weight: 700;
}
.layer__panel--board .opts--chips .opt__label { flex: none; font-weight: 700; }
.layer__panel--board .opts--chips .opt__price { color: var(--gold); }
.layer__panel--board .opts--chips .opt__in:checked + .opt__row { background: var(--board-text); border-color: var(--board-text); color: var(--board); }
.layer__panel--board .opts--chips .opt__in:checked + .opt__row .opt__price { color: var(--sumac); }
.layer__panel--board .opts--chips .opt__in:checked + .opt__row .opt__label::before { content: "✓ "; }

/* תחתית: כמות + הוספה */
.layer__panel--board .layer__foot { background: var(--board-2); box-shadow: 0 -1px 0 var(--board-line); }
.layer__panel--board .qty { background: var(--board); }
.layer__panel--board .qty button { color: var(--board-text); }
.layer__panel--board .qty button:hover:not(:disabled) { background: var(--coal-3); }
.layer__panel--board .qty button:disabled { color: rgba(244, 237, 226, .3); }
.layer__panel--board .qty output { color: var(--board-text); }
.layer__panel--board .cta-add { border-radius: 8px; }

/* ---------- מחשב: לוח בשני טורים (במקום כרטיסים בהירים) ---------- */
@media (min-width: 1024px) {
  .items { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 40px; row-gap: 0; }
  .pcard {
    grid-template-columns: 72px minmax(0, 1fr); gap: 14px; padding: 14px 0; max-width: none;
    border: 0; border-bottom: 1px solid var(--board-soft); border-radius: 0; background: transparent; box-shadow: none; overflow: visible;
  }
  .pcard:hover { transform: none; box-shadow: none; }
  .pcard .thumb { aspect-ratio: 1; border-radius: 8px; }
  .pcard__body { padding: 0; }
  .pcard__link::after { border-radius: 8px; }
}

/* ---------- נקי: בלי כותרות והסברים מעל התפריט ---------- */
.sheet { padding-top: var(--s-4); }
.sheet__head { padding: 0; }
/* שורה בלי תיאור: הכפתור באותה שורה עם השם והמחיר */
.pcard__body--solo .pcard__line { grid-column: 1; }
.pcard__body--solo .pcard__foot { grid-column: 2; grid-row: 1; }
.info .info__title { margin-bottom: var(--s-4); }