/* Tùy chỉnh CSS ngoài Bootstrap */
.bg-brown { background-color: #5c4033 !important; }
.text-brown { color: #5c4033 !important; }
.btn-brown { background-color: #5c4033; color: white; }
.btn-brown:hover { background-color: #3e2b22; color: white; }
.btn-outline-brown { border-color: #5c4033; color: #5c4033; }
.btn-outline-brown:hover { background-color: #5c4033; color: white; }

/* Thẻ sản phẩm */
.product-card { transition: transform 0.3s ease, box-shadow 0.3s ease; }
.product-card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.1); }
.product-img { height: 200px; object-fit: cover; border-radius: 8px 8px 0 0; }

/* Thẻ bàn */
.table-box {
    border: 2px solid #dee2e6;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s;
}
.table-box.trong { border-color: #198754; background-color: #e8f5e9; }
.table-box.trong:hover { background-color: #c8e6c9; }
.table-box.dat { border-color: #dc3545; background-color: #ffebee; cursor: not-allowed; opacity: 0.7;}
.table-box.selected { border-width: 4px; border-color: #ffc107; background-color: #fff8e1; }