/**
 * @file
 * Stock indicator styles for the product page (frontend).
 * Brand colors: green (#00746b), blue (#08a6e3).
 */

.stock-indicator {
  display: inline-flex;
  align-items: center;
  gap: 0.35em;
  padding: 0.35em 0.75em;
  border-radius: 6px;
  font-size: 0.82rem;
  font-weight: 600;
  margin: 0.5em 0;
}

.stock-indicator__icon {
  font-size: 0.9em;
  font-weight: 700;
}

/* In stock — brand green */
.stock-indicator--ok {
  background-color: #e6f3f2;
  color: #00746b;
  border: 1px solid #99ccc8;
}

/* Low stock — amber warning */
.stock-indicator--low {
  background-color: #fff8e1;
  color: #e65100;
  border: 1px solid #ffcc80;
  animation: stock-pulse 2s ease-in-out infinite;
}

/* Out of stock — muted red */
.stock-indicator--out {
  background-color: #fef2f2;
  color: #b91c1c;
  border: 1px solid #fca5a5;
}

@keyframes stock-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.7; }
}