/* Custom styles for industrial equipment supplier website */
/* Keep minimal — most styling via Tailwind utility classes */

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

/* Line clamp utilities (Tailwind v3 has these built-in, but as fallback) */
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Focus visible states for accessibility */
*:focus-visible {
  outline: 2px solid #1769AA;
  outline-offset: 2px;
}

/* Scrollbar styling for filter panels */
.overflow-y-auto::-webkit-scrollbar { width: 6px; }
.overflow-y-auto::-webkit-scrollbar-track { background: #F1F5F9; }
.overflow-y-auto::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }

/* Technical grid pattern */
.tech-grid {
  background-image:
    linear-gradient(rgba(11,31,51,0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(11,31,51,0.03) 1px, transparent 1px);
  background-size: 20px 20px;
}

/* Skeleton loading animation */
@keyframes shimmer {
  0% { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}
.skeleton {
  background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
}