/* ViaMENU müşteri QR menüsü: PaketPOS marka dili, müşteri deneyimi korunarak. */
:root{--pp-navy:#07111f;--pp-navy2:#0d1a2c;--pp-blue:#2563eb;--pp-green:#16a34a;--pp-line:#dbe3ec}
body{background:#edf2f7!important;color:#111827!important}.app-header,.navbar.app-header{background:linear-gradient(180deg,#0a1626,#07111f)!important;border-bottom:1px solid rgba(148,163,184,.18)!important;box-shadow:0 5px 18px rgba(2,8,23,.14)!important}.app-header .btn,.navbar.app-header .btn{border-radius:8px!important;font-size:11px!important;font-weight:900!important}.app-header .btn-info,.navbar.app-header .btn-info{background:#2563eb!important;border-color:#3b82f6!important;color:#fff!important}.app-header .btn-success,.navbar.app-header .btn-success{background:#16a34a!important;border-color:#22c55e!important;color:#fff!important}
.vm-menu-heading{border-radius:11px!important;background:linear-gradient(135deg,#0b1728,#13253b)!important;box-shadow:0 8px 20px rgba(15,23,42,.13)!important;border-left:4px solid #22c55e!important;padding:15px 16px!important;text-align:left!important}.vm-menu-heading strong{font-size:19px!important;letter-spacing:-.025em!important}.vm-info-card{border-radius:11px!important;box-shadow:0 8px 20px rgba(15,23,42,.10)!important}.tile,.vm-card,.vm-chef-card{border-radius:10px!important;border-color:#dfe6ee!important;box-shadow:0 4px 14px rgba(15,23,42,.06)!important}.vm-card-btn{border-radius:8px!important;background:#07111f!important;border-left:4px solid #22c55e!important;box-shadow:none!important}.vm-price-badge{border-radius:8px!important}.vm-mini-tag{font-size:9px!important}.vm-account-button,.vm-account-btn{border-radius:8px!important}.vm-price-note,.vm-price-card{border-radius:10px!important}.vm-public-footer,.vm-footer-card{border-radius:12px!important}.vm-footer-card{background:linear-gradient(135deg,#07111f,#0d1a2c)!important}.btn,.ui-btn{border-radius:8px!important}
@media(max-width:640px){.vm-menu-heading{border-radius:9px!important;padding:12px 13px!important}.vm-menu-heading strong{font-size:17px!important}.vm-info-card{border-radius:10px!important}}

/* 2026-09-13 müşteri tarafı okunabilirlik güncellemesi */
body{font-size:16px!important;line-height:1.55}.app-header .btn,.navbar.app-header .btn{font-size:13px!important}.vm-menu-heading strong{font-size:22px!important}.vm-mini-tag{font-size:11px!important}.vm-account-button,.vm-account-btn,.btn,.ui-btn{font-size:14px!important}.bname{font-size:19px!important}.bsub{font-size:14px!important}.pill{font-size:14px!important}.vm-price-note,.vm-price-card,.vm-public-footer,.vm-footer-card{font-size:14px!important}.tile,.vm-card,.vm-chef-card{font-size:15px!important}
@media(max-width:640px){.vm-menu-heading strong{font-size:20px!important}}


/* 2026-09-15 category back + aligned price cards */
.vm-category-heading-row{
  display:grid;
  grid-template-columns:118px minmax(0,1fr);
  gap:0;
  align-items:stretch;
  margin:12px 0 14px;
  overflow:hidden;
  border-radius:11px;
  border-left:4px solid #22c55e;
  background:linear-gradient(135deg,#0b1728 0%,#13253b 100%);
  box-shadow:0 8px 20px rgba(15,23,42,.13);
}
.vm-category-heading-row .vm-menu-heading{
  margin:0!important;
  min-width:0;
  min-height:58px;
  display:flex;
  align-items:center;
  padding:0 18px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.vm-category-heading-row .vm-menu-heading strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#fff!important;
}
.vm-category-back{
  min-width:0;
  min-height:58px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 14px;
  border:0;
  border-right:1px solid rgba(255,255,255,.14);
  border-radius:0;
  background:rgba(255,255,255,.035);
  color:#fff!important;
  text-decoration:none!important;
  font-size:14px;
  font-weight:900;
  box-shadow:none;
  transition:background .15s ease,color .15s ease;
}
.vm-category-back:hover,
.vm-category-back:focus-visible{
  background:rgba(255,255,255,.10);
  color:#fff!important;
  outline:none;
}
.vm-category-back-icon{
  width:32px;
  height:32px;
  flex:0 0 32px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.14);
  border-radius:8px;
  background:rgba(255,255,255,.06);
}
.vm-category-back svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.vm-menu-heading--category{border-left:0!important}

/* Grid row heights are shared. Cards stretch, and the price action stays on the common bottom edge. */
.vm-products-grid{align-items:stretch!important}
.vm-products-grid>.vm-card{
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
  min-height:0;
}
.vm-products-grid>.vm-card>.vm-card-body{
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  min-height:0;
}
.vm-products-grid>.vm-card>.vm-card-body .vm-info-badges{margin-top:auto}
.vm-products-grid>.vm-card>.vm-mini-icons{order:2}
.vm-products-grid>.vm-card>.vm-card-foot{
  order:3;
  margin-top:auto!important;
  min-height:52px;
  padding:4px 0 10px 10px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:flex-end!important;
}
.vm-products-grid>.vm-card>.vm-card-foot .vm-card-price{display:none!important}
.vm-products-grid>.vm-card>.vm-card-foot .vm-card-btn{
  margin-left:auto!important;
  align-self:flex-end!important;
  min-height:40px;
}
.vm-product-date{
  min-height:28px;
  margin:0 10px;
  padding:7px 0 8px;
  border-top:1px solid #e3e9ef;
  display:flex;
  align-items:center;
  gap:5px;
  color:#64748b;
  font-size:10px;
  font-weight:650;
  line-height:1;
}
.vm-product-date svg{
  width:12px;
  height:12px;
  flex:0 0 12px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.vm-products-grid>.vm-card>.vm-product-date{order:4;width:calc(100% - 20px);box-sizing:border-box}
.vm-chef-body .vm-product-date{margin:8px 0 0;padding:7px 0 0}

@media(max-width:640px){
  .vm-category-heading-row{
    grid-template-columns:94px minmax(0,1fr);
    margin:10px 0 12px;
    border-radius:9px;
  }
  .vm-category-back{min-height:50px;padding:0 9px;font-size:12px;gap:6px}
  .vm-category-back-icon{width:28px;height:28px;flex-basis:28px;border-radius:7px}
  .vm-category-back svg{width:16px;height:16px}
  .vm-category-heading-row .vm-menu-heading{min-height:50px!important;padding:0 12px!important}
  .vm-category-heading-row .vm-menu-heading strong{font-size:18px!important}
  .vm-products-grid>.vm-card>.vm-card-foot{min-height:48px;padding:4px 0 8px 8px!important}
  .vm-products-grid>.vm-card>.vm-card-foot .vm-card-btn{min-height:38px}
  .vm-product-date{font-size:9px;padding-top:6px;padding-bottom:7px}
}