/* Font Awesome 6 – Solid */
@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 900;
    font-display: block; /* Changed from swap to block for better loading */
    src: url("../fonts/fa-solid-900.woff2") format("woff2");
  }
  
  /* 
 * Instead of loading external font files, we'll use a direct approach
 * with icon-specific CSS classes for the icons you need
 */

/* Icon font classes */
.fa-solid,
.fas {
  font-family: sans-serif; /* Fallback to system font */
  font-weight: 900;
  font-style: normal;
  display: inline-block;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-brands,
.fab {
  font-family: sans-serif; /* Fallback to system font */
  font-weight: 400;
  font-style: normal;
  display: inline-block;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Common Klaro-related icons using Unicode characters */
.fa-times::before {
  content: "✕"; /* Unicode X symbol */
}

.fa-info-circle::before {
  content: "ℹ"; /* Unicode info symbol */
}

.fa-chevron-down::before {
  content: "▼"; /* Unicode down arrow */
}

.fa-chevron-up::before {
  content: "▲"; /* Unicode up arrow */
}

.fa-check::before {
  content: "✓"; /* Unicode check mark */
}

.fa-ban::before {
  content: "⊘"; /* Unicode ban symbol */
}
/* Dark Modus */
@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 400;
  src: url('/assets/fonts/fa-regular-400.woff2') format('woff2'),
       url('/assets/fonts/fa-regular-400.woff') format('woff');
}
.fas.fa-moon::before {
  content: "\f186";
  font-family: "Font Awesome 6 Free";
}