/**
 * Voxel Intelligent Search - Icon Fallbacks
 * 
 * This file provides fallback styles for Font Awesome icons used in the plugin
 * to ensure they display correctly even if the main Font Awesome library fails to load.
 */

/* Search Icon Fallback */
.vis-search-icon:before,
.fas.fa-search:before {
    content: "\f002";
    display: inline-block;
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Location Icon Fallback */
.vis-location-icon:before,
.fas.fa-map-marker:before {
    content: "\f3c5";
    display: inline-block;
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Back Icon Fallback */
.vis-arrow-left-icon:before,
.fas.fa-arrow-left:before {
    content: "\f060";
    display: inline-block;
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Close Icon Fallback */
.vis-close-icon:before,
.fas.fa-times:before {
    content: "\f00d";
    display: inline-block;
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Spinner Icon Fallback */
.vis-spinner-icon:before,
.fas.fa-spinner:before {
    content: "\f110";
    display: inline-block;
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", sans-serif;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Add additional icon fallbacks as needed */

/* Generic icon element styles */
.vis-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    text-align: center;
}

/* Spinner animation */
@keyframes vis-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.vis-spinner-icon:before,
.fas.fa-spinner:before {
    animation: vis-spin 2s infinite linear;
}