/* Icon Fix CSS - Replace Custom Icons with Font Awesome for Mobile Compatibility */

/* Service Page Icons */
.icon-f-06:before {
    font-family: "Font Awesome 6 Free" !important;
    content: "\f043" !important; /* droplet for driveway cleaning */
    font-weight: 900 !important;
}

.icon-f-01:before {
    font-family: "Font Awesome 6 Free" !important;
    content: "\f5d2" !important; /* broom for patio cleaning */
    font-weight: 900 !important;
}

.icon-s-02:before {
    font-family: "Font Awesome 6 Free" !important;
    content: "\f015" !important; /* house for roof cleaning */
    font-weight: 900 !important;
}

.icon-c-01:before {
    font-family: "Font Awesome 6 Free" !important;
    content: "\f773" !important; /* tint-slash for gutter cleaning */
    font-weight: 900 !important;
}

.icon-c-02:before {
    font-family: "Font Awesome 6 Free" !important;
    content: "\f751" !important; /* spray-can for pressure washing */
    font-weight: 900 !important;
}

.icon-f-04:before {
    font-family: "Font Awesome 6 Free" !important;
    content: "\f1ad" !important; /* building for commercial cleaning */
    font-weight: 900 !important;
}

/* About Page Icons */
.icon-f-02:before {
    font-family: "Font Awesome 6 Free" !important;
    content: "\f005" !important; /* star for quality */
    font-weight: 900 !important;
}

.icon-s-01:before {
    font-family: "Font Awesome 6 Free" !important;
    content: "\f2f2" !important; /* check-square for reliability */
    font-weight: 900 !important;
}

.icon-f-7:before,
.icon-f-07:before {
    font-family: "Font Awesome 6 Free" !important;
    content: "\f0e7" !important; /* lightning for efficiency */
    font-weight: 900 !important;
}

/* Additional Service Icons */
.icon-f-03:before {
    font-family: "Font Awesome 6 Free" !important;
    content: "\f0f3" !important; /* bell for notifications */
    font-weight: 900 !important;
}

.icon-f-05:before {
    font-family: "Font Awesome 6 Free" !important;
    content: "\f560" !important; /* file-excel for reports */
    font-weight: 900 !important;
}

.icon-s-03:before {
    font-family: "Font Awesome 6 Free" !important;
    content: "\f521" !important; /* tools for maintenance */
    font-weight: 900 !important;
}

.icon-c-04:before {
    font-family: "Font Awesome 6 Free" !important;
    content: "\f095" !important; /* phone for contact */
    font-weight: 900 !important;
}

.icon-envelop:before {
    font-family: "Font Awesome 6 Free" !important;
    content: "\f0e0" !important; /* envelope for email */
    font-weight: 900 !important;
}

.icon-arrow:before {
    font-family: "Font Awesome 6 Free" !important;
    content: "\f061" !important; /* arrow-right */
    font-weight: 900 !important;
}

/* Ensure icons display properly */
.icon-f-06, .icon-f-01, .icon-s-02, .icon-c-01, .icon-c-02, .icon-f-04,
.icon-f-02, .icon-s-01, .icon-f-7, .icon-f-07, .icon-f-03, .icon-f-05,
.icon-s-03, .icon-c-04, .icon-envelop, .icon-arrow {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-style: normal !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* Make sure icons are visible on mobile */
@media (max-width: 768px) {
    .icon-f-06, .icon-f-01, .icon-s-02, .icon-c-01, .icon-c-02, .icon-f-04,
    .icon-f-02, .icon-s-01, .icon-f-7, .icon-f-07, .icon-f-03, .icon-f-05,
    .icon-s-03, .icon-c-04, .icon-envelop, .icon-arrow {
        font-family: "Font Awesome 6 Free" !important;
        font-weight: 900 !important;
        display: inline-block !important;
        visibility: visible !important;
    }
}