/* Kamoto Poultry Farm - Organic Theme */

:root {
  --organic-green: #2E7D32;
  --organic-green-light: #81C784;
  --cream: #FFF8E7;
  --terracotta: #BF5E26;
  --warm-gray: #f9f7f3;
}

body {
  background-color: var(--warm-gray);
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Custom utility classes */
.bg-organic-green { background-color: var(--organic-green); }
.text-organic-green { color: var(--organic-green); }
.bg-terracotta { background-color: var(--terracotta); }
.hover\:bg-terracotta-dark:hover { background-color: #a34e1f; }
.bg-cream { background-color: var(--cream); }

/* Sidebar active link */
.sidebar-link.active {
  background-color: var(--organic-green);
  font-weight: 600;
}

/* Dashboard cards */
.stat-card {
  border-left-width: 4px;
  transition: transform 0.2s;
}
.stat-card:hover {
  transform: translateY(-2px);
}

/* Product cards in storefront */
.product-card {
  transition: box-shadow 0.3s;
}
.product-card:hover {
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.02);
}

/* Buttons */
.btn-primary {
  background-color: var(--organic-green);
  color: white;
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
  font-weight: 600;
  transition: background-color 0.2s;
}
.btn-primary:hover {
  background-color: #1f5e27; /* darker green */
}
.btn-terracotta {
  background-color: var(--terracotta);
  color: white;
}
.btn-terracotta:hover {
  background-color: #9e4b1f;
}

/* Flash messages */
.flash-message {
  animation: fadeOut 0.5s ease 3s forwards;
}
@keyframes fadeOut {
  to { opacity: 0; visibility: hidden; }
}

/* Print styles for receipts */
@media print {
  .no-print {
    display: none !important;
  }
  body {
    background-color: white;
    padding: 1rem;
  }
  .receipt {
    box-shadow: none;
    border: 1px solid #ddd;
  }
}

/* Responsive tables */
@media (max-width: 640px) {
  .table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
  }
}
