/* Zion Mart Custom Styles */

/* Fix compatibility issue: Use standard text-size-adjust instead of -webkit-text-size-adjust */
html {
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; /* Fallback for older browsers */
  scroll-behavior: smooth; /* Smooth scrolling for anchor links */
}

/* Additional performance and accessibility improvements */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  line-height: 1.6;
}

/* Improve focus visibility for accessibility */
button:focus,
input:focus,
a:focus {
  outline: 2px solid #dc2626;
  outline-offset: 2px;
}

/* Ensure images are responsive and accessible */
img {
  max-width: 100%;
  height: auto;
}

/* Improve button accessibility */
button {
  cursor: pointer;
}

/* Loading state for dynamic content */
.loading {
  opacity: 0.6;
  pointer-events: none;
}

/* Smooth transitions */
* {
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

/* Search dropdown enhancements */
#searchDropdown {
  backdrop-filter: blur(10px);
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* Search result highlighting */
.search-highlight {
  background-color: #fef3c7;
  padding: 0.125rem 0.25rem;
  border-radius: 0.25rem;
}

/* Loading animation */
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.animate-spin {
  animation: spin 1s linear infinite;
}

/* Line clamp utility */
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Enhanced hover effects for search results */
.search-result-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* Search input focus enhancement */
#search:focus {
  box-shadow: 0 0 0 3px rgba(147, 51, 234, 0.1);
}