/* qr-menum.net — Müşteri menüsü teması (qrmenu.php'den uyarlandı) */
:root{
  --bg:#121212; --surface:#1e1e1e; --surface2:#252525;
  --text:#fff; --text2:#e0e0e0; --text3:#9ca3af;
  --accent:#ec4899; --accent-dim:rgba(236,72,153,.15); --border:#333;
}
*{margin:0;padding:0;box-sizing:border-box;font-family:'Inter',sans-serif;-webkit-tap-highlight-color:transparent}
body{background:var(--bg);color:var(--text);padding-bottom:50px}

.header{background:var(--surface);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100;border-bottom:1px solid var(--border)}
.brand{padding:12px 0;font-size:20px;font-weight:800;text-align:center;letter-spacing:-.5px;color:var(--text);flex:1}
.hdr-row{display:flex;justify-content:space-between;align-items:center}
.icon-btn{background:transparent;border:none;color:var(--text);font-size:22px;padding:14px 18px;cursor:pointer}
.pill-btn{background:var(--surface2);border:1px solid var(--border);border-radius:12px;color:var(--text);font-size:12px;font-weight:700;cursor:pointer;padding:8px 12px;display:flex;align-items:center;gap:6px;box-shadow:0 2px 5px rgba(0,0,0,.2)}

.cat-nav{display:flex;overflow-x:auto;padding:10px 15px;gap:12px;scrollbar-width:none}
.cat-nav::-webkit-scrollbar{display:none}
.cat-btn{background:var(--surface2);border:1px solid var(--border);color:var(--text2);padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;white-space:nowrap;text-decoration:none;transition:all .3s ease}
.cat-btn.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 4px 12px var(--accent-dim)}

.menu-container{padding:20px 15px}
.cat-section{margin-bottom:30px;scroll-margin-top:120px}
.cat-title{font-size:22px;font-weight:800;margin-bottom:15px;padding-bottom:8px;border-bottom:2px solid var(--surface2);display:flex;align-items:center;gap:10px}
.cat-title span.dot{width:12px;height:12px;border-radius:50%;display:inline-block}

.product-grid{display:grid;grid-template-columns:1fr;gap:15px}
.product-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:15px;display:flex;gap:15px;box-shadow:0 4px 6px rgba(0,0,0,.2);align-items:center;cursor:pointer;transition:transform .2s}
.product-card:active{transform:scale(.97)}
.product-img{width:80px;height:80px;border-radius:12px;object-fit:cover;background:var(--surface2);flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--text3);font-size:24px}
.product-info{flex:1;min-width:0}
.product-name{font-size:16px;font-weight:700;margin-bottom:4px;color:var(--text);line-height:1.3}
.product-desc{font-size:12px;color:var(--text3);margin-bottom:8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.product-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.badge{font-size:10px;font-weight:700;padding:3px 8px;border-radius:20px;display:inline-flex;align-items:center;gap:4px}
.badge.kcal{background:rgba(59,130,246,.15);color:#60a5fa}
.badge.alrj{background:rgba(245,158,11,.15);color:#f59e0b}
.product-price{font-size:16px;font-weight:800;color:var(--accent)}

.footer{text-align:center;padding:30px 20px;color:var(--text3);font-size:12px}

/* Temalar */
body.theme-sdark{--bg:#f8fafc;--surface:#fff;--surface2:#f1f5f9;--text:#0f172a;--text2:#475569;--text3:#94a3b8;--border:#e2e8f0}
body.theme-alaca{--bg:#0E383F;--surface:#113d44;--surface2:#164850;--text:#e8f4f6;--text2:#90bdc5;--text3:#5a9aa5;--border:#1d5a63}
body.accent-green{--accent:#22c55e} body.accent-blue{--accent:#3b82f6}
body.accent-purple{--accent:#a855f7} body.accent-orange{--accent:#f97316}

/* Modallar */
.modal-overlay{display:none;position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.8);flex-direction:column;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity .2s ease}
.modal-box{background:var(--surface);border-radius:24px;width:100%;max-width:400px;overflow:hidden;position:relative;box-shadow:0 10px 40px rgba(0,0,0,.5);transform:translateY(20px);transition:transform .3s ease}
.modal-close{position:absolute;top:15px;right:15px;width:36px;height:36px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;border:none;font-size:18px;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center}
.pm-info-box{border-radius:10px;padding:10px 12px;font-size:13px;margin-bottom:10px;line-height:1.5}
.pm-kcal{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);color:#3b82f6}
.pm-icindekiler{background:var(--surface2);border:1px solid var(--border);color:var(--text2)}
.pm-alerjen{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3);color:#d97706}