/* ============================================================
   css/12-fore-menu.css  (urutan load 12)
   Tambahan khusus halaman menu Fore. Tampilan kartu, tab, modal, dan keranjang
   memakai ulang class Kopken (02/03/09), jadi di sini hanya yang memang beda.
   ============================================================ */

/* Section Fore sengaja BUKAN .cat-section (applyFilters Kopken menyapu semua .cat-section) */
.fore-section{scroll-margin-top:200px}
.fore-section.hidden{display:none}

/* Menu yang harganya belum diisi di fore-menu-data.js */
.price-soon{font-size:12.5px;font-weight:700;color:var(--muted);line-height:1.3}
.menu-card.fore-soon .card-emoji{opacity:.7}
.menu-card.fore-soon .card-add-btn{opacity:.6;cursor:not-allowed}

/* Tombol "Chat WA" di banner Fore berupa <a>, bukan <button> */
a.contact-banner-btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}

/* Satu keranjang tampil sekaligus: di halaman Fore pakai bar Fore, di halaman lain bar Kopken */
body[data-brand="fore"] #floatHint{display:none!important}
body:not([data-brand="fore"]) #foreFloatHint{display:none!important}

/* kartu Fore selalu tampil (animasi fade-in Kopken hanya mengawasi kartu yang ada saat load) */
.fore-section .menu-card{opacity:1;transform:none}

/* Tomoro: sementara close */
.brand-closed{max-width:460px;margin:36px auto;padding:32px 24px;text-align:center;border:2px solid var(--ink,#111);border-radius:16px;background:var(--surface,transparent)}
.brand-closed-logo{width:72px;height:72px;object-fit:contain;border-radius:14px;opacity:.6;filter:grayscale(1)}
.brand-closed-title{font-size:20px;font-weight:800;margin:14px 0 8px}
.brand-closed-text{font-size:14px;line-height:1.5;opacity:.8;margin:0}
.brand-tag-closed{background:rgba(120,120,120,.18);color:inherit}

/* Pilihan modal Fore: judul + catatan kecil di kanan, harga add-on dicoret */
.modal-label{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.modal-label-note{font-size:11px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--muted)}
.modal-opt .opt-old{opacity:.65;margin-right:2px}
.save-tag[hidden],.modal-section[hidden]{display:none}
.modal-price-row .save-tag{align-self:center}

/* Nama brand di bawah badge "PROMO SPESIAL" pada popup promo */
.promo-popup-brand{margin:8px 0 2px;font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--accent-text)}

/* Modal detail menu Fore: chip pill memanjang & wrap, harga add-on kecil di samping nama (sesuai tampilan aplikasi Fore) */
#foreItemModalContent .modal-options{display:flex;flex-wrap:wrap;gap:8px}
#foreItemModalContent .modal-opt{display:inline-flex;align-items:baseline;gap:5px;width:auto;padding:8px 14px;border-radius:999px;text-align:left}
#foreItemModalContent .modal-opt .opt-main{font-size:13px;font-weight:600;white-space:nowrap}
#foreItemModalContent .modal-opt .opt-sub{margin:0;font-size:10px;white-space:nowrap}
#foreItemModalContent .modal-section{margin-bottom:16px}

/* Nama pesanan Fore dikunci "Lala" */
.fore-name-locked{opacity:.85;cursor:not-allowed;font-weight:700}
.fore-name-note{margin-top:6px;font-size:12px;line-height:1.45;color:var(--muted)}
.fore-name-note b{color:inherit}