/**
 * Font Fallback CSS - Fixes CORS font loading issues
 * Provides system font fallbacks when virtasenkauppa.fi fonts are blocked
 */

/* Override with system fonts as fallback */
body,
html {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Buttons */
button, .btn {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Input fields */
input, textarea, select {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* FontAwesome fallback - use Unicode symbols */
.fa:before {
  font-family: Arial, sans-serif;
}

/* Common FontAwesome icons replacement with Unicode */
.fa-search:before { content: "🔍"; }
.fa-shopping-cart:before { content: "🛒"; }
.fa-caret-right:before { content: "▶"; }
.fa-minus:before { content: "−"; }
.fa-plus:before { content: "+"; }
.fa-times:before { content: "×"; }
.fa-check:before { content: "✓"; }
.fa-info-circle:before { content: "ℹ"; }
.fa-question-circle:before { content: "?"; }
.fa-phone:before { content: "📞"; }
.fa-envelope:before { content: "✉"; }
.fa-facebook:before { content: "f"; }
.fa-twitter:before { content: "t"; }
.fa-instagram:before { content: "📷"; }
.fa-youtube:before { content: "▶"; }