/* ============================================================
   CASTIEL BITS — Minimal Icon CSS (self-hosted, 25 icons only)
   Replaces Font Awesome 6.5.1 all.min.css (100KB) → ~5KB
   ============================================================ */

/* --- Base font-face declarations --- */
@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url("fa-solid-900.woff2") format("woff2");
}

@font-face {
    font-family: "Font Awesome 6 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("fa-brands-400.woff2") format("woff2");
}

/* --- Base icon classes --- */
.fas,
.far,
.fab,
.fa-solid,
.fa-regular,
.fa-brands {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
}

.fas,
.far,
.fa-solid,
.fa-regular {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

.far,
.fa-regular {
    font-weight: 400;
}

.fab,
.fa-brands {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400;
}

/* --- Solid Icons (only the 22 used on this site) --- */
.fa-arrow-up::before {
    content: "\f062";
}

.fa-bolt::before {
    content: "\f0e7";
}

.fa-bullseye::before {
    content: "\f140";
}

.fa-calendar-check::before {
    content: "\f274";
}

.fa-chart-line::before {
    content: "\f201";
}

.fa-check::before {
    content: "\f00c";
}

.fa-chevron-left::before {
    content: "\f053";
}

.fa-chevron-right::before {
    content: "\f054";
}

.fa-envelope::before {
    content: "\f0e0";
}

.fa-hand-holding-usd::before {
    content: "\f4c0";
}

.fa-images::before {
    content: "\f302";
}

.fa-lock::before {
    content: "\f023";
}

.fa-map-marker-alt::before {
    content: "\f3c5";
}

.fa-money-bill-wave::before {
    content: "\f53a";
}

.fa-rocket::before {
    content: "\f135";
}

.fa-shield-alt::before {
    content: "\f3ed";
}

.fa-shield-heart::before {
    content: "\e574";
}

.fa-shopping-cart::before {
    content: "\f07a";
}

.fa-star::before {
    content: "\f005";
}

.fa-tachometer-alt::before {
    content: "\f3fd";
}

.fa-wrench::before {
    content: "\f0ad";
}

.fa-spinner::before {
    content: "\f110";
}

/* Empty star (far/regular weight) */
.far.fa-star::before {
    content: "\f005";
    font-weight: 400;
}

/* --- Brand Icons (only the 4 used on this site) --- */
.fa-google::before {
    content: "\f1a0";
}

.fa-whatsapp::before {
    content: "\f232";
}

.fa-instagram::before {
    content: "\f16d";
}

.fa-linkedin::before {
    content: "\f08c";
}

/* --- Spin animation (used on loading button) --- */
.fa-spin {
    animation: fa-spin 1s infinite linear;
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}