/**
 * Firefox-Specific CSS Fixes
 * This file provides Firefox-compatible alternatives to vendor-prefixed properties
 * Include this AFTER all other CSS files
 */

/* Replace deprecated scroll-snap properties with modern equivalents */
.scroll-container,
[class*="scroll-"] {
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
}

/* Firefox-friendly font smoothing */
* {
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* Remove vendor prefix warnings by using standard properties */
input,
textarea,
select,
button {
  /* Use standard instead of -webkit- */
  appearance: none;
}

/* Firefox-compatible placeholder styling */
::placeholder {
  opacity: 0.6;
  color: inherit;
}

/* High contrast support for Firefox */
@media (prefers-contrast: high) {
  * {
    outline: 2px solid currentColor;
  }
}

/* Reduced motion for Firefox */
@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;
  }
}

/* Fix for input focus in Firefox */
input:focus,
textarea:focus,
select:focus {
  outline: 2px solid #0066cc;
  outline-offset: 2px;
}

/* Column layout for Firefox */
.columns {
  column-count: auto;
  column-gap: 1rem;
}

/* Print styles for Firefox */
@media print {
  *,
  *::before,
  *::after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
}