/* assets/css/customer.css - modern customer-facing styles */
body {
    background: linear-gradient(180deg, #f6f9ff 0%, #eef6ff 100%);
}
.main-container {
    border-radius: 16px;
    padding: 22px;
}
.food-card {
    border-radius: 12px;
    box-shadow: 0 6px 22px rgba(30,60,120,0.08);
    overflow: hidden;
}
.food-card .card-body { padding: 12px 16px; }
.card-title { font-weight: 700; }
.btn-custom {
    border-radius: 10px;
    padding: 12px 18px;
}
/* sticky cart for mobile */
.sticky-cart {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg,#667eea,#764ba2);
    color: #fff;
    padding: 10px 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 1060;
    box-shadow: 0 -6px 20px rgba(0,0,0,0.08);
}
.sticky-cart .total { font-weight: 700; font-size: 1rem; }
.sticky-cart .action-btn { background: #fff; color: #412f8f; border-radius: 8px; padding: 8px 12px; font-weight:700; }
@media (min-width: 992px) {
    .sticky-cart { display: none !important; }
}
/* improved order history card */
.order-history-item { border-left: 6px solid #667eea; background: #fff; }

/* Menu grid layout */
.food-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 16px;
}
.food-card { display:flex; flex-direction:column; height:100%; overflow:hidden; align-items:stretch; text-align:center; padding:0; position:relative; border-radius:12px; }
.food-card .food-img {
    width:100%;
    height:140px;
    object-fit:cover;
    display:block;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.food-card .card-body { flex:1; display:flex; flex-direction:column; justify-content:space-between; padding: 12px; }
.food-card .price-badge {
    position:absolute; top:10px; right:10px; background:linear-gradient(45deg,#ff7a18,#ff4e50); color:#fff; padding:6px 10px; border-radius:20px; font-weight:700; box-shadow:0 6px 18px rgba(0,0,0,0.12);
}
.food-card .stock-badge { font-size:0.8rem; color:#6c757d; }
.food-card .card-actions { display:flex; gap:8px; justify-content:center; align-items:center; margin-top:8px; }
.food-card .add-btn { background:linear-gradient(90deg,#667eea,#764ba2); color:#fff; border:none; padding:8px 12px; border-radius:8px; font-weight:700; }
.food-card:hover { transform: translateY(-6px); box-shadow: 0 18px 40px rgba(0,0,0,0.12); }
.food-card .qty-input { width:70px; }
@media (min-width: 992px) {
    .food-card .food-img { height:160px; }
}
@media (max-width: 768px) {
    .food-grid { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); }
    .food-card .food-img { height:120px; }
}