/* -------------------------------------------------------------------
   1) @font-face Declarations
   ------------------------------------------------------------------- */

/* Solid Icons (Font Awesome Free) */
@font-face {
    font-family: 'Font Awesome 6 Free';
    font-style: normal;
    font-weight: 900; /* "Solid" style weight */
    src: url('../webfonts/fa-solid-900.woff2') format('woff2');
    font-display: swap; /* Improves performance and prevents FOIT */
}

@font-face {
    font-family: 'Font Awesome 6 Brands';
    font-style: normal;
    font-weight: 400; /* Brand icons usually have a weight of 400 */
    src: url('../webfonts/fa-brands-400.woff2') format('woff2');
    font-display: swap;
}


/* -------------------------------------------------------------------
   2) Base Classes for .fas (Solid) and .fab (Brands)
   ------------------------------------------------------------------- */
.fas,
.fa-solid {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
}

.fab {
    font-family: 'Font Awesome 6 Brands';
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
}

/* Ensure icons are displayed correctly */
.fas:before,
.fa-solid:before,
.fab:before {
    text-decoration: inherit;
    font-weight: inherit;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
}

/* -------------------------------------------------------------------
   3) Individual Icon Glyphs (content: "\f###";)
   ------------------------------------------------------------------- */

/* ---------- Solid Icons (.fas / .fa-solid) ---------- */

/* Phone (fa-phone) */
.fa-phone:before {
    content: "\f095";
}

/* Phone-alt (fa-phone-alt) */
.fa-phone-alt:before {
    content: "\f879";
}

/* Calendar-alt (fa-calendar-alt) */
.fa-calendar-alt:before {
    content: "\f073";
}

/* Tools (fa-tools) */
.fa-tools:before {
    content: "\f7d9";
}

/* Leaf (fa-leaf) */
.fa-leaf:before {
    content: "\f06c";
}

/* Home (fa-home) */
.fa-home:before {
    content: "\f015";
}

/* Cogs (fa-cogs) */
.fa-cogs:before {
    content: "\f085";
}

/* Wrench (fa-wrench) */
.fa-wrench:before {
    content: "\f0ad";
}

/* Check Circle (fa-check-circle) */
.fa-check-circle:before {
    content: "\f058";
}

/* Wind (fa-wind) */
.fa-wind:before {
    content: "\f72e";
}

/* Allergies (fa-allergies) */
.fa-allergies:before {
    content: "\f461";
}

/* Heart (fa-heart) */
.fa-heart:before {
    content: "\f004";
}

/* Fire (fa-fire) */
.fa-fire:before {
    content: "\f06d";
}

/* Snowflake (fa-snowflake) */
.fa-snowflake:before {
    content: "\f2dc";
}

/* Calendar Check (fa-calendar-check) */
.fa-calendar-check:before {
    content: "\f274";
}

/* Dollar Sign (fa-dollar-sign) */
.fa-dollar-sign:before {
    content: "\f155";
}

/* Star (fa-star) */
.fa-star:before {
    content: "\f005";
}

/* Clock (fa-clock) */
.fa-clock:before {
    content: "\f017";
}

/* Envelope (fa-envelope) */
.fa-envelope:before {
    content: "\f0e0";
}

/* ---------- Brand Icons (.fab) ---------- */

/* Facebook-f (fab fa-facebook-f) */
.fa-facebook-f:before {
    content: "\f39e";
}

/* Instagram (fab fa-instagram) */
.fa-instagram:before {
    content: "\f16d";
}

/* Additional Brand Icons (if needed) */
/* Example:
.fa-twitter:before {
    content: "\f099";
}
*/

/* -------------------------------------------------------------------
   4) Additional Styles (Optional Enhancements)
   ------------------------------------------------------------------- */

/* Ensure icons inherit color and size from parent */
.feature-icon {
    /* Optional: Adjust icon size and color */
    font-size: 1.2em; /* Example size */
    color: white; /* Example color */
    margin-right: 8px; /* Spacing between icon and text */
}

/* Optional: Add transition for hover effects */
.feature-icon {
    transition: color 0.3s ease;
}

.feature-icon:hover {
    color: #f3150d; /* Example hover color */
}


/* -------------------------------------------------------------------
   End of Font Awesome Custom Stylesheet
   ------------------------------------------------------------------- */