/* ============================================================
   Café Central — Theme CSS
   Warm palette: cream #fef3c7, brown #78350f, amber #b45309
   ============================================================ */

/* Sidebar */
.sidebar-nav-menu li a i {
    color: #b45309;
}

/* Cards and headers */
.card {
    border-radius: 8px;
    border: none;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.card-body h3,
.card-body h4 {
    color: #78350f;
    font-weight: 600;
}

/* Page title */
.content-wrapper h3 {
    color: #78350f;
}

/* Status badges */
.badge-pendiente { background-color: #f59e0b; }
.badge-confirmado { background-color: #3b82f6; }
.badge-en_preparacion { background-color: #8b5cf6; }
.badge-listo { background-color: #06b6d4; }
.badge-entregado { background-color: #10b981; }
.badge-cancelado { background-color: #6b7280; }

/* Active/Inactive badges */
.badge-activo { background-color: #10b981; }
.badge-inactivo { background-color: #6b7280; }

/* Table headers */
.table thead th {
    background-color: #78350f;
    color: #fef3c7;
    border: none;
}

/* Footer */
.main-footer {
    background-color: #78350f;
    color: #fef3c7;
}

/* Sidebar background */
.sidebar-nav-menu {
    background-color: #fef3c7;
}

.sidebar-nav-menu li a {
    color: #78350f;
}

.sidebar-nav-menu li a:hover {
    background-color: rgba(120, 53, 15, 0.1);
}

/* Top navbar */
.navbar {
    background-color: #78350f;
}

/* Primary buttons */
.btn-primary {
    background-color: #b45309;
    border-color: #b45309;
}

.btn-primary:hover {
    background-color: #92400e;
    border-color: #92400e;
}

/* Links */
a {
    color: #b45309;
}

/* KPI cards */
.kpi-card {
    border-left: 4px solid #b45309;
    background: #fff;
}

.kpi-card .kpi-value {
    font-size: 2rem;
    font-weight: 700;
    color: #78350f;
}

.kpi-card .kpi-label {
    color: #92400e;
    font-size: 0.875rem;
}

/* Low stock alert */
.alert-low-stock {
    background-color: #fef3c7;
    border-color: #b45309;
    color: #78350f;
}

/* Form inputs */
.form-control:focus {
    border-color: #b45309;
    box-shadow: 0 0 0 0.2rem rgba(180, 83, 9, 0.25);
}

/* ================================================
   POS / Sale View Styles
   ================================================ */

/* POS Product Card — lift on hover */
.pos-product-card {
  transition: transform 0.1s ease, box-shadow 0.1s ease;
  cursor: pointer;
  border: 1px solid #e5e7eb;
}
.pos-product-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  border-color: #b45309;
}
.pos-product-card:active {
  transform: translateY(0);
}

/* Cart row alignment */
.cart-row td {
  vertical-align: middle;
  padding: 0.5rem 0.75rem;
}

/* Sale type radio group */
.sale-radio-label {
  cursor: pointer;
}

/* Table number input — large and visible */
.table-input {
  font-size: 1.1rem;
  font-weight: 600;
  padding: 0.5rem 0.75rem;
}

/* Submit button in sale view */
#submit-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* Product grid in sale view */
.product-card .card-body {
  padding: 0.5rem;
}

/* Cart empty state */
#cart-empty {
  border: 1px dashed #d1d5db;
  border-radius: 0.375rem;
  margin-top: 0.5rem;
}