/* style.css */

/* Variabel Warna Kopi untuk Tampilan Elegan */
:root {
    --color-latte: #c8a278; /* Cokelat muda */
    --color-espresso: #6f4e37; /* Cokelat tua */
    --color-macchiato: #e9e4d4; /* Krem/putih susu */
    --color-croissant: #ffc107; /* Kuning (untuk makanan/snack) */
}

/* Penataan ulang agar semua kartu sama tinggi dan proporsional */
.product-card {
    transition: transform 0.2s, box-shadow 0.2s;
    border: none !important;
    height: 100%; /* Penting: agar kartu dalam row sama tingginya */
    display: flex; 
    flex-direction: column;
}
.product-card:hover {
    transform: translateY(-3px) scale(1.02);
    /* Efek shadow saat di-hover */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), 0 6px 6px rgba(0, 0, 0, 0.1) !important;
    cursor: pointer;
}

/* Efek Emboss (Neumorphism Sederhana) pada Card Body */
.card-body-emboss {
    padding: 1rem;
    border-radius: .25rem;
    box-shadow: 
        inset 2px 2px 5px rgba(0, 0, 0, 0.15), /* shadow dalam */
        inset -5px -5px 10px rgba(255, 255, 255, 0.8); /* highlight dalam */
    flex-grow: 1; 
}

/* Warna untuk Menu (sesuai variabel) */
.bg-latte { 
    background-color: var(--color-latte); 
    color: #fff; 
}
.bg-espresso { 
    background-color: var(--color-espresso); 
    color: #fff; 
}
.bg-macchiato { 
    background-color: var(--color-macchiato); 
    color: #333; 
}
.bg-croissant { 
    background-color: var(--color-croissant); 
    color: #333; 
}

/* Gaya tambahan untuk item keranjang */
.cart-item-row:hover {
    background-color: #f8f9fa;
}