/* SmartCart — Production Styles */

* { box-sizing: border-box; }

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Smooth scrolling */
html { scroll-behavior: smooth; }

/* Custom scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #0a0a0a; }
::-webkit-scrollbar-thumb { background: #333; border-radius: 3px; }

/* Textarea auto-height */
textarea { line-height: 1.5; }

/* Pulse animation for loading */
@keyframes pulse-soft {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.6; }
}
.animate-pulse-soft { animation: pulse-soft 2s ease-in-out infinite; }

/* Price formatting */
.price { font-variant-numeric: tabular-nums; }

/* Transitions */
[x-cloak] { display: none !important; }

/* Focus ring */
*:focus-visible {
  outline: 2px solid #10b981;
  outline-offset: 2px;
}

/* Select styling for dark mode */
select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  padding-right: 2.5rem;
}

select option { background: #1f2937; color: #f3f4f6; }

/* Radio buttons */
input[type="radio"] { width: 14px; height: 14px; }