/**
 * Uncode Icon Font
 * Generated by IcoMoon
 */

@font-face {
    font-family: 'uncode-icons';
    src: url('../fonts/uncode-icons.eot');
    src: url('../fonts/uncode-icons.eot?#iefix') format('embedded-opentype'),
         url('../fonts/uncode-icons.woff2') format('woff2'),
         url('../fonts/uncode-icons.woff') format('woff'),
         url('../fonts/uncode-icons.ttf') format('truetype'),
         url('../fonts/uncode-icons.svg#uncode-icons') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Base icon class - support both .icon- and .fa- prefixes */
.icon,
[class^="icon-"],
[class*=" icon-"],
.fa,
[class^="fa-"],
[class*=" fa-"] {
    font-family: 'uncode-icons' !important;
    speak: never;
    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; /* Ensure color inheritance works */
}

/* Ensure ::before pseudo-element inherits color */
.icon::before,
[class^="icon-"]::before,
[class*=" icon-"]::before,
.fa::before,
[class^="fa-"]::before,
[class*=" fa-"]::before {
    color: inherit; /* Inherit color from parent */
}

/* Icon classes - using Unicode values from SVG */
.icon-mobile2::before { content: "\e000"; }
.icon-laptop2::before { content: "\e001"; }
.icon-desktop2::before { content: "\e002"; }
.icon-tablet2::before { content: "\e003"; }
.icon-phone2::before { content: "\e004"; }
.icon-document::before { content: "\e005"; }
.icon-documents::before { content: "\e006"; }
.icon-search2::before { content: "\e007"; }
.icon-clipboard3::before { content: "\e008"; }
.icon-newspaper::before { content: "\e009"; }
.icon-notebook::before { content: "\e00a"; }
.icon-book-open::before { content: "\e00b"; }
.icon-browser::before { content: "\e00c"; }
.icon-calendar2::before { content: "\e00d"; }
.icon-presentation::before { content: "\e00e"; }
.icon-picture::before { content: "\e00f"; }
.icon-pictures::before { content: "\e010"; }
.icon-video3::before { content: "\e011"; }
.icon-camera2::before { content: "\e012"; }
.icon-printer3::before { content: "\e013"; }
.icon-toolbox::before { content: "\e014"; }
.icon-briefcase2::before { content: "\e015"; }
.icon-wallet::before { content: "\e016"; }
.icon-gift2::before { content: "\e017"; }
.icon-bargraph::before { content: "\e018"; }
.icon-grid2::before { content: "\e019"; }
.icon-expand2::before { content: "\e01a"; }
.icon-focus::before { content: "\e01b"; }
.icon-edit2::before { content: "\e01c"; }
.icon-adjustments::before { content: "\e01d"; }
.icon-ribbon2::before { content: "\e01e"; }
.icon-hourglass::before { content: "\e01f"; }
.icon-lock2::before { content: "\e020"; }
.icon-megaphone::before { content: "\e021"; }
.icon-shield2::before { content: "\e022"; }
.icon-trophy2::before { content: "\e023"; }
.icon-flag2::before { content: "\e024"; }
.icon-map3::before { content: "\e025"; }
.icon-puzzle::before { content: "\e026"; }
.icon-basket::before { content: "\e027"; }
.icon-envelope2::before { content: "\e028"; }

/* Social Media Icons (using .fa- prefix) */
.fa-facebook::before { content: "\f09a"; }
.fa-facebook-square::before { content: "\f082"; }
.fa-facebook-official::before { content: "\f230"; }
.fa-twitter::before { content: "\f099"; }
.fa-twitter-square::before { content: "\f081"; }
.fa-twitter-x::before { content: "\e941"; }
.fa-square-x-twitter::before { content: "\e943"; }
.fa-instagram::before { content: "\f16d"; }
.fa-instagram-square::before { content: "\e944"; }
.fa-linkedin::before { content: "\f0e1"; }
.fa-linkedin-square::before { content: "\f08c"; }
.fa-pinterest::before { content: "\f0d2"; }
.fa-pinterest-square::before { content: "\f0d3"; }
.fa-pinterest-p::before { content: "\f231"; }
.fa-youtube::before { content: "\f167"; }
.fa-youtube-square::before { content: "\f166"; }
.fa-youtube-play::before { content: "\f16a"; }
.fa-snapchat::before { content: "\f2ab"; }
.fa-snapchat-ghost::before { content: "\f2ac"; }
.fa-snapchat-square::before { content: "\f2ad"; }
.fa-tiktok::before { content: "\e92f"; }
.fa-whatsapp::before { content: "\f232"; }
.fa-telegram::before { content: "\f2c6"; }
.fa-discord::before { content: "\e945"; }
.fa-threads::before { content: "\e940"; }
.fa-threads-square::before { content: "\e94a"; }
.fa-vimeo::before { content: "\f27d"; }
.fa-vimeo-square::before { content: "\f194"; }
.fa-tumblr::before { content: "\f173"; }
.fa-tumblr-square::before { content: "\f174"; }
.fa-reddit::before { content: "\f1a1"; }
.fa-reddit-square::before { content: "\f1a2"; }
.fa-reddit-alien::before { content: "\f281"; }
.fa-github::before { content: "\f09b"; }
.fa-github-square::before { content: "\f092"; }
.fa-dribbble::before { content: "\f17d"; }
.fa-behance::before { content: "\f1b4"; }
.fa-behance-square::before { content: "\f1b5"; }
.fa-flickr::before { content: "\f16e"; }
.fa-skype::before { content: "\f17e"; }
.fa-spotify::before { content: "\f1bc"; }
.fa-soundcloud::before { content: "\f1be"; }
.fa-twitch::before { content: "\f1e8"; }
.fa-medium::before { content: "\f23a"; }
.fa-google-plus::before { content: "\f0d5"; }
.fa-google-plus-square::before { content: "\f0d4"; }
.fa-google::before { content: "\f1a0"; }

/* Lightbox/UI Icons */
.fa-chevron-left::before { content: "\f053"; }
.fa-chevron-right::before { content: "\f054"; }
.fa-chevron-up::before { content: "\f077"; }
.fa-chevron-down::before { content: "\f078"; }
.fa-share-alt::before { content: "\f1e0"; }
.fa-expand::before { content: "\f065"; }
.fa-compress::before { content: "\f066"; }
.fa-search-plus::before { content: "\f00e"; }
.fa-search-minus::before { content: "\f010"; }
.fa-download::before { content: "\f019"; }
.fa-times::before { content: "\f00d"; }
.fa-close::before { content: "\f00d"; }
.fa-comment::before { content: "\f075"; }
.fa-comments::before { content: "\f086"; }
.fa-heart::before { content: "\f004"; }
.fa-camera::before { content: "\f030"; }
.fa-cog::before { content: "\f013"; }
.fa-gear::before { content: "\f013"; }

/* Utility classes */
.icon-left {
    margin-right: 0.5em;
}

.icon-right {
    margin-left: 0.5em;
}

.icon-spin {
    animation: icon-spin 2s infinite linear;
}

@keyframes icon-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}