/* Custom Icons CSS - Fallback for Font Awesome */

/* Telegram Icon */
.fab.fa-telegram::before {
    content: "📱";
    font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif;
}

/* Instagram Icon */
.fab.fa-instagram::before {
    content: "📸";
    font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif;
}

/* WhatsApp Icon */
.fab.fa-whatsapp::before {
    content: "💬";
    font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif;
}

/* YouTube Icon */
.fab.fa-youtube::before {
    content: "📺";
    font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif;
}

/* Palette Icon */
.fas.fa-palette::before {
    content: "🎨";
    font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif;
}

/* Users Icon */
.fas.fa-users::before {
    content: "👥";
    font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif;
}

/* Shopping Cart Icon */
.fas.fa-shopping-cart::before {
    content: "🛒";
    font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif;
}

/* Arrow Left Icon */
.fas.fa-arrow-left::before {
    content: "←";
    font-family: 'IranSans', sans-serif;
}

/* Heart Icon */
.fas.fa-heart::before {
    content: "❤️";
    font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif;
}

/* Comment Icon */
.fas.fa-comment::before {
    content: "💬";
    font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif;
}

/* Circle Icon */
.fas.fa-circle::before {
    content: "●";
    font-family: 'IranSans', sans-serif;
}

/* Paint Brush Icon */
.fas.fa-paint-brush::before {
    content: "🖌️";
    font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif;
}

/* Image Icon */
.fas.fa-image::before {
    content: "🖼️";
    font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif;
}

/* ID Card Icon */
.fas.fa-id-card::before {
    content: "🆔";
    font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif;
}

/* Robot Icon */
.fas.fa-robot::before {
    content: "🤖";
    font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif;
}

/* Comments Icon */
.fas.fa-comments::before {
    content: "💭";
    font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif;
}

/* Book Icon */
.fas.fa-book::before {
    content: "📖";
    font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif;
}

/* Eye Icon */
.fas.fa-eye::before {
    content: "👁️";
    font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif;
}

/* Bell Icon */
.fas.fa-bell::before {
    content: "🔔";
    font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif;
}

/* Thumbs Up Icon */
.fas.fa-thumbs-up::before {
    content: "👍";
    font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif;
}

/* Bullhorn Icon */
.fas.fa-bullhorn::before {
    content: "📢";
    font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif;
}

/* Award Icon */
.fas.fa-award::before {
    content: "🏆";
    font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif;
}

/* Clock Icon */
.fas.fa-clock::before {
    content: "🕐";
    font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif;
}

/* Shield Alt Icon */
.fas.fa-shield-alt::before {
    content: "🛡️";
    font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif;
}

/* Hide Font Awesome icons if they don't load */
.fab, .fas {
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
}

/* Ensure emoji fallbacks are visible */
.fab::before, .fas::before {
    display: inline-block;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    line-height: 1;
}

/* Fallback mode - when Font Awesome fails to load */
.fa-fallback .fab::before,
.fa-fallback .fas::before {
    font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif !important;
}

/* Specific fallbacks for each icon */
.fa-fallback .fa-telegram::before { content: "📱" !important; }
.fa-fallback .fa-instagram::before { content: "📸" !important; }
.fa-fallback .fa-whatsapp::before { content: "💬" !important; }
.fa-fallback .fa-youtube::before { content: "📺" !important; }
.fa-fallback .fa-palette::before { content: "🎨" !important; }
.fa-fallback .fa-users::before { content: "👥" !important; }
.fa-fallback .fa-shopping-cart::before { content: "🛒" !important; }
.fa-fallback .fa-arrow-left::before { content: "←" !important; }
.fa-fallback .fa-heart::before { content: "❤️" !important; }
.fa-fallback .fa-comment::before { content: "💬" !important; }
.fa-fallback .fa-circle::before { content: "●" !important; }
.fa-fallback .fa-paint-brush::before { content: "🖌️" !important; }
.fa-fallback .fa-image::before { content: "🖼️" !important; }
.fa-fallback .fa-id-card::before { content: "🆔" !important; }
.fa-fallback .fa-robot::before { content: "🤖" !important; }
.fa-fallback .fa-comments::before { content: "💭" !important; }
.fa-fallback .fa-book::before { content: "📖" !important; }
.fa-fallback .fa-eye::before { content: "👁️" !important; }
.fa-fallback .fa-bell::before { content: "🔔" !important; }
.fa-fallback .fa-thumbs-up::before { content: "👍" !important; }
.fa-fallback .fa-bullhorn::before { content: "📢" !important; }
.fa-fallback .fa-award::before { content: "🏆" !important; }
.fa-fallback .fa-clock::before { content: "🕐" !important; }
.fa-fallback .fa-shield-alt::before { content: "🛡️" !important; }

/* Background icon fallbacks */
.fa-fallback .icon-bg .fa-telegram::before { content: "📱" !important; }
.fa-fallback .icon-bg .fa-instagram::before { content: "📸" !important; }
.fa-fallback .icon-bg .fa-whatsapp::before { content: "💬" !important; }
.fa-fallback .icon-bg .fa-youtube::before { content: "📺" !important; }
.fa-fallback .icon-bg .fa-palette::before { content: "🎨" !important; }
.fa-fallback .icon-bg .fa-users::before { content: "👥" !important; }

/* Image Platform Icons - Always visible */
.platform-icon {
    display: block;
}

.platform-icon-bg {
    display: block;
}

/* Fallback for images that don't load */
.platform-icon[src=""],
.platform-icon-bg[src=""] {
    display: none;
}

/* Show Font Awesome icons as fallback if images fail */
.fa-fallback .platform-icon,
.fa-fallback .platform-icon-bg {
    display: none;
}

.fa-fallback .service-icon > i {
    display: block;
}