/**
 * Icon Styles
 *
 * @package InvestmentWP
 * @since 1.0.0
 */

/* Basic Icon Styles */
[class^="icon-"],
[class*=" icon-"] {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

/* Font Awesome Integration */
body.icon-set-fontawesome [class^="icon-"],
body.icon-set-fontawesome [class*=" icon-"] {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Pro", "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome";
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
}

/* Font Awesome Icon Mappings - Compatible with FA5 and FA6 */
body.icon-set-fontawesome .icon-phone::before { content: "\f095"; } /* fa-phone */
body.icon-set-fontawesome .icon-search::before { 
    content: "\f002"; /* fa-search (FA5) or fa-magnifying-glass (FA6) */
    font-weight: 400; /* Regular weight for search icon */
}
body.icon-set-fontawesome .icon-arrow-up::before { content: "\f062"; } /* fa-arrow-up */
body.icon-set-fontawesome .icon-arrow-left::before { content: "\f060"; } /* fa-arrow-left */
body.icon-set-fontawesome .icon-arrow-right::before { content: "\f061"; } /* fa-arrow-right */
body.icon-set-fontawesome .icon-facebook::before { content: "\f09a"; } /* fa-facebook-f (FA5/FA6) */
body.icon-set-fontawesome .icon-twitter::before { content: "\f099"; } /* fa-twitter (FA5) or fa-x-twitter (FA6) */
body.icon-set-fontawesome .icon-linkedin::before { content: "\f08c"; } /* fa-linkedin-in (FA5) or fa-linkedin (FA6) */
body.icon-set-fontawesome .icon-instagram::before { content: "\f16d"; } /* fa-instagram */
body.icon-set-fontawesome .icon-youtube::before { content: "\f167"; } /* fa-youtube */
body.icon-set-fontawesome .icon-pinterest::before { content: "\f0d2"; } /* fa-pinterest */
body.icon-set-fontawesome .icon-email::before,
body.icon-set-fontawesome .icon-mail::before { content: "\f0e0"; } /* fa-envelope */
body.icon-set-fontawesome .icon-location::before { 
    content: "\f3c5"; /* fa-location-dot (FA6) or fa-map-marker-alt (FA5) */
    font-weight: 400; /* Regular weight */
}
body.icon-set-fontawesome .icon-clock::before { content: "\f017"; } /* fa-clock */

/* Custom Icon Set (Fallback) */
body.icon-set-custom [class^="icon-"],
body.icon-set-custom [class*=" icon-"] {
    font-family: inherit;
}

/* Professional SVG-based search icon for custom set */
body.icon-set-custom .icon-search {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
}

body.icon-set-custom .icon-search::before {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    border: 2px solid currentColor;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
}

body.icon-set-custom .icon-search::after {
    content: '';
    display: block;
    width: 2px;
    height: 8px;
    background: currentColor;
    position: absolute;
    bottom: -2px;
    right: -2px;
    transform: rotate(45deg);
    transform-origin: bottom;
}

/* Custom icon fallbacks (emoji/text) */
body.icon-set-custom .icon-phone::before { content: "📞"; }
body.icon-set-custom .icon-arrow-up::before { content: "↑"; }
body.icon-set-custom .icon-arrow-left::before { content: "←"; }
body.icon-set-custom .icon-arrow-right::before { content: "→"; }
body.icon-set-custom .icon-facebook::before { content: "f"; }
body.icon-set-custom .icon-twitter::before { content: "t"; }
body.icon-set-custom .icon-linkedin::before { content: "in"; }
body.icon-set-custom .icon-instagram::before { content: "ig"; }
body.icon-set-custom .icon-youtube::before { content: "yt"; }
body.icon-set-custom .icon-pinterest::before { content: "p"; }
body.icon-set-custom .icon-email::before,
body.icon-set-custom .icon-mail::before { content: "✉"; }
body.icon-set-custom .icon-location::before { content: "📍"; }
body.icon-set-custom .icon-clock::before { content: "🕐"; }

