/* Performance Optimization CSS */

/* Preload critical fonts */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Inter');
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Poppins');
}

/* Reduce motion for accessibility */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* Print styles */
@media print {
  .navbar,
  .promo-banner,
  .filter-sidebar,
  .newsletter-section,
  .cta-section,
  .footer,
  .modal,
  .quick-view-btn,
  .btn-filter-toggle {
    display: none !important;
  }
  
  .product-card,
  .testimonial-card {
    break-inside: avoid;
  }
  
  body {
    font-size: 12pt;
    line-height: 1.5;
  }
  
  a {
    text-decoration: underline;
  }
  
  a[href^="http"]::after {
    content: " (" attr(href) ")";
    font-size: 10pt;
  }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
  :root {
    --gray-200: #c0c0c0;
    --gray-300: #a0a0a0;
    --gray-600: #404040;
    --gray-700: #202020;
  }
  
  .btn {
    border: 2px solid currentColor;
  }
}

/* Dark mode support (future enhancement) */
@media (prefers-color-scheme: dark) {
  /* Will be implemented when dark mode is added */
}