/*
 * Menu — restaurant / diner template. Loaded after default/style.css; scoped to .lb-tpl-menu.
 * Warm header, paper-coloured menu sections, dotted name-to-price rows.
 */
.lb-tpl-menu{--menu-ink:#2b1a12;--menu-accent:#c0392b;--menu-gold:#d4a24c;--menu-paper:#fffaf2;--menu-line:#ead9c2}

/* Header (default header markup, restyled) */
.lb-tpl-menu .lb-store-custom-header{border-radius:22px;background:radial-gradient(circle at 15% 20%,rgba(212,162,76,.25),transparent 45%),linear-gradient(135deg,#2b1a12 0%,#4a2a1a 60%,#6b3420 100%);box-shadow:0 14px 34px rgba(43,26,18,.25)}
.lb-tpl-menu .lb-store-header{background:transparent;border:0;color:#fff;padding:2rem 1.8rem}
.lb-tpl-menu .lb-store-logo,.lb-tpl-menu .lb-store-logo-placeholder{border-radius:50%;border:3px solid var(--menu-gold);background:#fff}
.lb-tpl-menu .lb-store-meta h1{color:#fff;font-weight:900}
.lb-tpl-menu .lb-store-meta-row{color:#f1e2cb}
.lb-tpl-menu .lb-store-meta-row a{color:var(--menu-gold)}

/* Order bar + about */
.lb-tpl-menu .lb-menu-order-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem;background:var(--menu-paper);border:1px solid var(--menu-line);border-radius:14px;padding:.7rem 1rem;margin:-.75rem 0 1.25rem;color:var(--menu-ink);font-weight:600}
.lb-tpl-menu .lb-menu-order-bar i.fa-utensils{color:var(--menu-accent)}
.lb-tpl-menu .lb-menu-wa{background:#25A55C;color:#fff;border-radius:999px;padding:.4rem 1rem;text-decoration:none;font-weight:700;white-space:nowrap}
.lb-tpl-menu .lb-menu-wa:hover{background:#1e8a4c;color:#fff}
.lb-tpl-menu .lb-menu-about{color:#5b4636;line-height:1.8;margin-bottom:1.25rem;text-align:center;font-size:.95rem}

/* Sticky section links */
.lb-tpl-menu .lb-menu-nav{position:sticky;top:0;z-index:5;display:flex;gap:.45rem;overflow-x:auto;padding:.6rem .1rem;margin-bottom:1rem;background:var(--lb-default-bg);scrollbar-width:thin}
.lb-tpl-menu .lb-menu-nav a{flex:0 0 auto;border:1.5px solid var(--menu-line);background:#fff;color:var(--menu-ink);border-radius:999px;padding:.35rem .9rem;font-weight:700;font-size:.88rem;text-decoration:none}
.lb-tpl-menu .lb-menu-nav a:hover{border-color:var(--menu-accent);color:var(--menu-accent)}
.lb-tpl-menu .lb-menu-nav small{color:#9b8572;font-weight:600;margin-inline-start:.2rem}

/* Sections */
.lb-tpl-menu .lb-menu{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:1.25rem;align-items:start}
.lb-tpl-menu .lb-menu-section{background:var(--menu-paper);border:1px solid var(--menu-line);border-radius:20px;padding:1.2rem 1.3rem .6rem;scroll-margin-top:4.5rem;box-shadow:0 6px 18px rgba(43,26,18,.05)}
.lb-tpl-menu .lb-menu-section h2{display:flex;align-items:center;gap:.75rem;font-size:1.3rem;font-weight:900;color:var(--menu-ink);margin:0 0 .6rem}
.lb-tpl-menu .lb-menu-section h2::before,.lb-tpl-menu .lb-menu-section h2::after{content:"";flex:1;height:2px;background:linear-gradient(90deg,transparent,var(--menu-gold),transparent)}
.lb-tpl-menu .lb-menu-section h2 span{white-space:nowrap}

/* Dish rows */
.lb-tpl-menu .lb-menu-item{display:flex;gap:.85rem;align-items:flex-start;padding:.8rem 0;border-bottom:1px dashed var(--menu-line)}
.lb-tpl-menu .lb-menu-item:last-child{border-bottom:0}
.lb-tpl-menu .lb-menu-thumb{flex:0 0 68px;width:68px;height:68px;border-radius:50%;overflow:hidden;background:#f3e6d3;display:flex;align-items:center;justify-content:center;color:#b48a5e;font-size:1.3rem;border:2px solid #fff;box-shadow:0 3px 10px rgba(43,26,18,.12)}
.lb-tpl-menu .lb-menu-thumb img{width:100%;height:100%;object-fit:cover}
.lb-tpl-menu .lb-menu-info{flex:1;min-width:0}
.lb-tpl-menu .lb-menu-line{display:flex;align-items:baseline;gap:.4rem}
.lb-tpl-menu .lb-menu-name{color:var(--menu-ink);font-weight:800;font-size:1.02rem;text-decoration:none;line-height:1.4}
.lb-tpl-menu .lb-menu-name:hover{color:var(--menu-accent)}
.lb-tpl-menu .lb-menu-dots{flex:1;min-width:1.5rem;border-bottom:2px dotted #c9b297;transform:translateY(-.3rem)}
.lb-tpl-menu .lb-menu-price{font-weight:900;color:var(--menu-accent);white-space:nowrap;direction:ltr}
.lb-tpl-menu .lb-menu-price s{color:#a8917c;font-weight:600;font-size:.85em;margin-inline-end:.2rem}
.lb-tpl-menu .lb-menu-desc{margin:.2rem 0 .35rem;color:#6e5a4a;font-size:.86rem;line-height:1.6}
.lb-tpl-menu .lb-menu-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}
.lb-tpl-menu .lb-menu-tag{font-size:.72rem;font-weight:800;border-radius:999px;padding:.1rem .55rem;background:#fbefd8;color:#9a6a1c}
.lb-tpl-menu .lb-menu-tag.is-sale{background:#fde4e1;color:var(--menu-accent)}
.lb-tpl-menu .lb-menu-tag.is-out{background:#eee;color:#777}
.lb-tpl-menu .lb-menu-add{margin-inline-start:auto;border:1.5px solid var(--menu-ink);background:#fff;color:var(--menu-ink);border-radius:999px;padding:.2rem .85rem;font-weight:800;font-size:.82rem;transition:background .15s ease,color .15s ease}
.lb-tpl-menu .lb-menu-add:hover,.lb-tpl-menu .lb-menu-add.added{background:var(--menu-ink);color:#fff}
.lb-tpl-menu .lb-menu-item.is-sold-out .lb-menu-name,.lb-tpl-menu .lb-menu-item.is-sold-out .lb-menu-price{opacity:.55}

@media (max-width:575px){
  .lb-tpl-menu .lb-menu-section{padding:1rem .9rem .4rem;border-radius:16px}
  .lb-tpl-menu .lb-menu-thumb{flex-basis:56px;width:56px;height:56px}
  .lb-tpl-menu .lb-menu-order-bar{flex-direction:column;align-items:stretch;text-align:center}
}