/* --------------------------------------------------------------
   FONT AWESOME 5 – CSS STRUCTURE (UMUM)
   File: all.min.css
   -------------------------------------------------------------- */

/* --------------------------------------------------------------
   1. Font-Face Definitions
   -------------------------------------------------------------- */

@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 900; /* solid */
  src: url("../webfonts/fa-solid-900.woff2") format("woff2");
}

@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 400; /* regular */
  src: url("../webfonts/fa-regular-400.woff2") format("woff2");
}

@font-face {
  font-family: "Font Awesome 5 Brands";
  font-style: normal;
  font-weight: 400;
  src: url("../webfonts/fa-brands-400.woff2") format("woff2");
}

/* --------------------------------------------------------------
   2. Base Icon Class
   -------------------------------------------------------------- */

.fa,
.fas,
.far,
.fal,
.fab {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

/* Solid */
.fas {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

/* Regular */
.far {
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
}

/* Brands */
.fab {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

/* --------------------------------------------------------------
   3. Utility Classes
   -------------------------------------------------------------- */

.fa-lg { font-size: 1.333333em; }
.fa-xs { font-size: .75em; }
.fa-sm { font-size: .875em; }
.fa-1x { font-size: 1em; }
.fa-2x { font-size: 2em; }
.fa-3x { font-size: 3em; }
.fa-4x { font-size: 4em; }
.fa-5x { font-size: 5em; }

.fa-fw {
  width: 1.25em;
  text-align: center;
}

.fa-ul {
  padding-left: 2em;
  list-style-type: none;
}
.fa-ul > li { position: relative; }

.fa-li {
  position: absolute;
  left: -2em;
  width: 2em;
  top: 0.2em;
}

/* --------------------------------------------------------------
   4. Animations
   -------------------------------------------------------------- */

@keyframes fa-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); }
}

.fa-spin {
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  animation: fa-spin 1s infinite steps(8);
}

/* --------------------------------------------------------------
   5. Rotation & Flip
   -------------------------------------------------------------- */

.fa-rotate-90 { transform: rotate(90deg); }
.fa-rotate-180 { transform: rotate(180deg); }
.fa-rotate-270 { transform: rotate(270deg); }

.fa-flip-horizontal { transform: scale(-1, 1); }
.fa-flip-vertical { transform: scale(1, -1); }
.fa-flip-both { transform: scale(-1, -1); }

/* --------------------------------------------------------------
   6. Icon Mappings (Contoh)
   -------------------------------------------------------------- */
/* Di versi asli — file ini berisi >10.000 baris mapping unicode ikon */

.fa-home:before { content: "\f015"; }
.fa-user:before { content: "\f007"; }
.fa-search:before { content: "\f002"; }
.fa-heart:before { content: "\f004"; }
.fa-star:before { content: "\f005"; }
.fab.fa-facebook:before { content: "\f09a"; }
.fab.fa-twitter:before { content: "\f099"; }

/* dst... ratusan ikon lainnya */

/* --------------------------------------------------------------
   7. Fixed Width Example Icons
   -------------------------------------------------------------- */

.fa-check:before { content: "\f00c"; }
.fa-times:before { content: "\f00d"; }

/* --------------------------------------------------------------
   Selesai – Struktur dasar all.min.css
   -------------------------------------------------------------- */