/* Swiggy Premium Theme */
@import url('https://fonts.googleapis.com/css2?family=Proxima+Nova&family=Roboto:wght@400;500;700&display=swap');

body {
    font-family: 'Roboto', sans-serif;
    margin: 0; padding: 0;
    background-color: #f4f5f7; /* Light Gray Background */
    color: #282c3f;
    -webkit-tap-highlight-color: transparent;
}

/* Header */
header {
    background: white;
    padding: 15px 20px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    position: sticky; top: 0; z-index: 100;
    display: flex; justify-content: space-between; align-items: center;
}
.logo { font-size: 20px; font-weight: 800; color: #fc8019; /* Swiggy Orange */ letter-spacing: -0.5px; }

/* Search Bar */
.search-container { padding: 15px; background: white; margin-bottom: 10px; }
.search-container input {
    width: 100%; padding: 12px 15px;
    border: 1px solid #e0e0e0; border-radius: 8px;
    background: #f4f5f7; font-size: 14px; outline: none;
    box-sizing: border-box;
}

/* Food Grid & Cards */
.food-grid { padding: 10px 15px 80px 15px; }
.food-card {
    background: white; border-radius: 16px;
    margin-bottom: 20px; padding: 15px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.06);
    display: flex; gap: 15px; position: relative;
    border: 1px solid #fff;
    transition: transform 0.2s;
}
.food-card:active { transform: scale(0.98); }

.food-img {
    width: 110px; height: 110px;
    border-radius: 12px; object-fit: cover;
    background: #eee;
}

.food-info { flex: 1; display: flex; flex-direction: column; justify-content: space-between; }
.food-name { font-size: 16px; font-weight: 700; color: #3e4152; margin-bottom: 4px; }
.restaurant-name { font-size: 12px; color: #686b78; margin-bottom: 8px; }
.food-price { font-size: 15px; font-weight: 600; color: #282c3f; }
.food-desc { font-size: 12px; color: #93959f; line-height: 1.3; margin-top: 5px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* Add Button (Swiggy Style) */
.add-btn {
    position: absolute; bottom: 10px; right: 10px;
    background: white; color: #60b246;
    border: 1px solid #d4d5d9; border-radius: 4px;
    padding: 8px 25px; font-weight: 700; font-size: 13px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    cursor: pointer; text-transform: uppercase;
}

/* Bottom Nav */
.bottom-nav {
    position: fixed; bottom: 0; left: 0; width: 100%;
    background: white; display: flex; justify-content: space-around;
    padding: 10px 0; border-top: 1px solid #eee;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.05); z-index: 999;
}
.nav-item {
    text-decoration: none; color: #93959f;
    font-size: 10px; text-align: center;
    display: flex; flex-direction: column; align-items: center;
}
.nav-item i { font-size: 20px; margin-bottom: 4px; }
.nav-item.active { color: #fc8019; font-weight: 600; }

/* Cart Badge */
.cart-icon { position: relative; }
#cart-count {
    position: absolute; top: -5px; right: -5px;
    background: #60b246; color: white;
    font-size: 10px; padding: 2px 5px; border-radius: 50%;
}