/*!
 * FA Custom Icons  –  rozszerzenie Font Awesome
 *
 * Dołącz PO istniejącym Font Awesome:
 *   <link rel="stylesheet" href="path/to/font-awesome.min.css">
 *   <link rel="stylesheet" href="css/fa-custom.css">         ← tutaj
 *
 * Użycie (kompatybilne z FA 4, 5 i 6):
 *   <i class="fa  fa-users-class"></i>   ← FA 4
 *   <i class="fas fa-users-class"></i>   ← FA 5/6 solid
 *   <i class="far fa-users-class"></i>   ← FA 5/6 regular
 *
 * Plik struktury:
 *   css/fa-custom.css   ← ten plik
 *   fonts/fa-custom.woff2
 *   fonts/fa-custom.ttf
 */

/* ─── Web-font declaration ──────────────────────────────────────────────── */
@font-face {
  font-family: "FA Custom";
  font-style:  normal;
  font-weight: 400 900;   /* obsługa wagi FA4=400, FA5/6=900 */
  font-display: block;
  src: url("../fonts/fa-custom.woff2") format("woff2"),
       url("../fonts/fa-custom.ttf")   format("truetype");
}

/* ─── Ikony ──────────────────────────────────────────────────────────────── */
/*
 * Nadpisujemy TYLKO font-family w pseudo-elemencie ::before.
 * Klasa .fa / .fas dalej działa normalnie – wszystkie inne
 * ikony FA pozostają niezmienione.
 *
 * fa-users-class → U+E001 (Unicode Private Use Area)
 */
.fa-users-class::before {
  content: "\e001";
  font-family: "FA Custom" !important;  /* zastępuje FontAwesome tylko dla tej ikony */
}

/* ─── Dodatkowe ikony wpisuj tutaj w ten sam sposób: ─────────────────────── */
/*
.fa-twoja-ikona::before {
  content: "\e002";
  font-family: "FA Custom" !important;
}
*/