/**
 * Icon Fix for Wrackdell Website
 * Fixes all missing/broken icons across the site
 */

/* ===== VAMTAM THEME ICONS FIX ===== */

/* Fix vamtam theme icons - the classes have extra space, so we need to target them properly */
[class*="vamtamtheme-"]::before,
[class*="vamtam-theme-"]::before,
i[class*="vamtam-theme-"]::before {
    font-family: 'vamtam-theme' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
}

/* Comprehensive vamtam-theme icon mappings */
i[class*="vamtam-theme-idea"]::before,
.vamtam-theme-idea::before {
    content: '\e90e' !important;
}

i[class*="vamtam-theme-goal"]::before,
.vamtam-theme-goal::before {
    content: '\e905' !important;
}

i[class*="vamtam-theme-puzzle"]::before,
.vamtam-theme-puzzle::before {
    content: '\e913' !important;
}

i[class*="vamtam-theme-growth"]::before,
.vamtam-theme-growth::before {
    content: '\e906' !important;
}

i[class*="vamtam-theme-arrow-right"]::before,
.vamtam-theme-arrow-right::before {
    content: '\e901' !important;
}

i[class*="vamtam-theme-rocket"]::before,
.vamtam-theme-rocket::before {
    content: '\e909' !important;
}

i[class*="vamtam-theme-marketing"]::before,
.vamtam-theme-marketing::before {
    content: '\e907' !important;
}

i[class*="vamtam-theme-email"]::before,
.vamtam-theme-email::before {
    content: '\e904' !important;
}

i[class*="vamtam-theme-coin"]::before,
.vamtam-theme-coin::before {
    content: '\e903' !important;
}

i[class*="vamtam-theme-chart"]::before,
.vamtam-theme-chart::before {
    content: '\e917' !important;
}

i[class*="vamtam-theme-campaigns"]::before,
.vamtam-theme-campaigns::before {
    content: '\e916' !important;
}

i[class*="vamtam-theme-social-media"]::before,
.vamtam-theme-social-media::before {
    content: '\e915' !important;
}

i[class*="vamtam-theme-search"]::before,
.vamtam-theme-search::before {
    content: '\e914' !important;
}

i[class*="vamtam-theme-plus"]::before,
.vamtam-theme-plus::before {
    content: '\e912' !important;
}

i[class*="vamtam-theme-pin"]::before,
.vamtam-theme-pin::before {
    content: '\e911' !important;
}

i[class*="vamtam-theme-minus"]::before,
.vamtam-theme-minus::before {
    content: '\e910' !important;
}

i[class*="vamtam-theme-influencer"]::before,
.vamtam-theme-influencer::before {
    content: '\e90f' !important;
}

i[class*="vamtam-theme-check"]::before,
.vamtam-theme-check::before {
    content: '\e90c' !important;
}

i[class*="vamtam-theme-amazon"]::before,
.vamtam-theme-amazon::before {
    content: '\e90b' !important;
}

i[class*="vamtam-theme-search-marketing"]::before,
.vamtam-theme-search-marketing::before {
    content: '\e90a' !important;
}

i[class*="vamtam-theme-quote"]::before,
.vamtam-theme-quote::before {
    content: '\e908' !important;
}

i[class*="vamtam-theme-arrow-up"]::before,
.vamtam-theme-arrow-up::before {
    content: '\e902' !important;
}

i[class*="vamtam-theme-arrow-left"]::before,
.vamtam-theme-arrow-left::before {
    content: '\e900' !important;
}

/* ===== FONT AWESOME ICONS FIX ===== */

/* Ensure Font Awesome icons work properly */
.fas, .far, .fab, .fa,
i.fas, i.far, i.fab, i.fa {
    font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Brands' !important;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
}

.far {
    font-weight: 400 !important;
}

.fab {
    font-family: 'Font Awesome 5 Brands' !important;
    font-weight: 400;
}

/* Specific Font Awesome icon mappings */
.fa-star::before,
i.fa-star::before {
    content: '\f005' !important;
}

.fa-quote-left::before,
i.fa-quote-left::before {
    content: '\f10d' !important;
}

.fa-check::before,
i.fa-check::before {
    content: '\f00c' !important;
}

.fa-caret-down::before,
i.fa-caret-down::before {
    content: '\f0d7' !important;
}

.fa-chevron-right::before,
i.fa-chevron-right::before {
    content: '\f054' !important;
}

.fa-chevron-left::before,
i.fa-chevron-left::before {
    content: '\f053' !important;
}

/* ===== ELEMENTOR ICONS FIX ===== */

/* Fix elementor eicon icons */
[class*="eicon-"]::before,
i[class*="eicon-"]::before {
    font-family: 'eicons' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
}

/* ===== VISIBILITY & DISPLAY FIXES ===== */

/* Ensure icons are visible and properly displayed */
.elementor-icon-box-icon .elementor-icon,
.elementor-icon-list-icon i,
.quote-icon i,
.star-rating i,
.elementor-icon-wrapper i,
.elementor-button-icon i,
i[class*="vamtam-theme-"],
i[class*="fas"],
i[class*="far"],
i[class*="fab"],
i[class*="eicon-"] {
    opacity: 1 !important;
    visibility: visible !important;
    display: inline-block !important;
}

/* Fix icon box wrapper to ensure proper display */
.elementor-icon-box-icon {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.elementor-icon-box-icon .elementor-icon {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

/* Fix icon list items */
.elementor-icon-list-icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

/* Star rating specific fix */
.star-rating,
.elementor-icon-list-items {
    display: flex;
    gap: 4px;
}

.star-rating i,
.elementor-icon-list-icon i {
    color: inherit !important;
}