/* =========================================================================
   Maerev — Font Awesome subset
   -------------------------------------------------------------------------
   Halaman publik cuma memakai 15 ikon Font Awesome, tapi dulu memuat
   fonts/font-awesome-6.4.2/css/all.css — 513 KB CSS yang mendefinisikan
   ribuan class ikon. File ini menggantikannya: ±4 KB, isinya persis ikon
   yang dipakai.

   PENTING — file FONT-nya sengaja TIDAK di-subset, cuma CSS-nya. Jadi kalau
   nanti ada aturan CSS lain yang menaruh codepoint langsung lewat
   `content: "\f0xx"` (mis. .user-data-form .agreement-checkbox di style.css
   yang pakai "\f00c"), glyph-nya tetap ada di font dan tetap tampil.

   Kalau menambah ikon baru di Blade:
     1. cari codepoint-nya di fonts/font-awesome-6.4.2/css/all.css
        -> grep -o '\.fa-NAMA:before{content:"[^"]*"}' all.css
     2. tambahkan satu baris di blok "Ikon" di bawah.
   Lupa langkah ini = ikonnya jadi kotak kosong.
   ========================================================================= */

@font-face {
    font-family: "Font Awesome 6 Pro";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url(../fonts/font-awesome-6.4.2/webfonts/fa-solid-900.woff2) format("woff2"),
         url(../fonts/font-awesome-6.4.2/webfonts/fa-solid-900.ttf) format("truetype");
}

@font-face {
    font-family: "Font Awesome 6 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(../fonts/font-awesome-6.4.2/webfonts/fa-brands-400.woff2) format("woff2"),
         url(../fonts/font-awesome-6.4.2/webfonts/fa-brands-400.ttf) format("truetype");
}

/* --- Base ------------------------------------------------------------- */
.fa,
.fa-solid,
.fas,
.fa-brands,
.fab {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
}

.fa,
.fa-solid,
.fas {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

.fa-brands,
.fab {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400;
}

/* --- Ikon: solid ------------------------------------------------------ */
.fa-arrow-right:before                { content: "\f061"; }
.fa-arrow-up-right-from-square:before,
.fa-external-link:before              { content: "\f08e"; }
.fa-delete-left:before                { content: "\f55a"; }
.fa-envelope:before                   { content: "\f0e0"; }
.fa-check:before                      { content: "\f00c"; }

/* --- Ikon: brands ----------------------------------------------------- */
.fa-facebook:before                   { content: "\f09a"; }
.fa-facebook-f:before                 { content: "\f39e"; }
.fa-instagram:before                  { content: "\f16d"; }
.fa-linkedin:before                   { content: "\f08c"; }
.fa-linkedin-in:before                { content: "\f0e1"; }
.fa-telegram:before                   { content: "\f2c6"; }
.fa-threads:before                    { content: "\e618"; }
.fa-twitter:before                    { content: "\f099"; }
.fa-whatsapp:before                   { content: "\f232"; }
.fa-x-twitter:before                  { content: "\e61b"; }