/* ============================================================================
   Village Shop Controls - Now using standard search-filter-control classes
============================================================================ */


/* ============================================================================
   Village Shops Grid
============================================================================ */

.village-shops-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  gap: 1.5rem;
  padding: 1rem 0;
}


/* ============================================================================
   Stock Badge
============================================================================ */

.stock-badge {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  border-radius: 12px;
  font-size: 11px;
  background: rgba(73, 213, 156, 0.15);
  border: 1px solid rgba(73, 213, 156, 0.3);
  color: var(--totk-light-green);
  transition: all 0.2s ease;
}

.stock-badge:hover {
  background: rgba(73, 213, 156, 0.25);
  border-color: rgba(73, 213, 156, 0.5);
  transform: scale(1.05);
}

.stock-badge i {
  font-size: 10px;
  opacity: 0.8;
}

.stock-count {
  font-weight: 600;
  color: var(--totk-light-green);
}