/* Shared theme for index, cart and checkout
 * Palette derived from index.php
 * Primary: #1976d2 (blue)
 * Accent: #6b1414/#4a0e0e (maroon) used sparingly
 */
:root{
  --primary:#1976d2;
  --accent:#6b1414;
  --muted:#666;
  --danger:#e74c3c;
  --card-bg:#ffffff;
  --card-border:#f0e6e8;
}
body{
  background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%) !important;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
}
.header, .page-header, .checkout-header, .card{
  background: var(--card-bg) !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 18px rgba(17,24,39,0.06) !important;
}
.logo{ color: var(--primary) !important; font-weight:700; }
.page-title, .step-title, .item-name, .cart-item strong, .checkout-header h1{ color: var(--primary) !important; }

.btn-primary{
  background: linear-gradient(135deg,var(--primary) 0%, #1565c0 100%) !important;
  color:#fff !important;
  border:none !important;
}
.btn-secondary{
  background:#fff !important;
  border:2px solid #e0e0e0 !important;
  color: #333 !important;
}

.cart-item, .order-summary, .customer-form, .cart-section, .summary-section{
  background: var(--card-bg) !important;
  border:1px solid var(--card-border) !important;
  border-radius:12px !important;
}

.cart-item img, .tudung-image{
  border-radius:8px !important;
  border:1px solid #e6eef9 !important;
  object-fit:cover !important;
}

.stone-badge{
  background:linear-gradient(135deg,#ffffff,#f6f9ff) !important;
  border:1px solid #dbeafe !important;
  color:#07316a !important;
  padding:6px 10px !important;
  border-radius:18px !important;
  font-weight:600 !important;
}

.summary-total{ color: var(--danger) !important; font-weight:800 !important; }

/* Responsive tweaks */
@media (max-width: 900px){
  body{ padding:12px !important; }
}