/**
 * Icônes de fallback pour Ben Younes WEB
 * Solution de secours si Font Awesome ne se charge pas
 */

/* Fallback pour les icônes essentielles avec des symboles Unicode */
.icon-fallback {
    font-family: Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
}

/* Icônes de navigation et interface */
.fas.fa-moon::before,
.fa-moon::before {
    content: "🌙";
}

.fas.fa-sun::before,
.fa-sun::before {
    content: "☀️";
}

.fas.fa-search::before,
.fa-search::before {
    content: "🔍";
}

.fas.fa-times::before,
.fa-times::before {
    content: "✕";
}

.fas.fa-chevron-up::before,
.fa-chevron-up::before {
    content: "▲";
}

.fas.fa-arrow-right::before,
.fa-arrow-right::before {
    content: "→";
}

/* Icônes de contact */
.fas.fa-envelope::before,
.fa-envelope::before {
    content: "✉";
}

.fas.fa-phone::before,
.fa-phone::before {
    content: "📞";
}

.fas.fa-map-marker-alt::before,
.fa-map-marker-alt::before {
    content: "📍";
}

/* Icônes sociales */
.fab.fa-facebook::before,
.fab.fa-facebook-f::before,
.fa-facebook::before {
    content: "📘";
}

.fab.fa-twitter::before,
.fa-twitter::before {
    content: "🐦";
}

.fab.fa-linkedin::before,
.fab.fa-linkedin-in::before,
.fa-linkedin::before {
    content: "💼";
}

/* Icônes techniques */
.fas.fa-code::before,
.fa-code::before {
    content: "💻";
}

.fas.fa-globe::before,
.fa-globe::before {
    content: "🌐";
}

.fas.fa-laptop-code::before,
.fa-laptop-code::before {
    content: "💻";
}

.fas.fa-mobile-alt::before,
.fa-mobile-alt::before {
    content: "📱";
}

.fab.fa-android::before,
.fa-android::before {
    content: "🤖";
}

.fab.fa-apple::before,
.fa-apple::before {
    content: "🍎";
}

.fas.fa-brain::before,
.fa-brain::before {
    content: "🧠";
}

.fas.fa-robot::before,
.fa-robot::before {
    content: "🤖";
}

.fas.fa-graduation-cap::before,
.fa-graduation-cap::before {
    content: "🎓";
}

.fab.fa-react::before,
.fa-react::before {
    content: "⚛️";
}

.fab.fa-node-js::before,
.fa-node-js::before {
    content: "🟢";
}

.fas.fa-server::before,
.fa-server::before {
    content: "🖥️";
}

.fas.fa-database::before,
.fa-database::before {
    content: "🗄️";
}

.fas.fa-car::before,
.fa-car::before {
    content: "🚗";
}

.fas.fa-external-link-alt::before,
.fa-external-link-alt::before {
    content: "🔗";
}

.fas.fa-eye::before,
.fa-eye::before {
    content: "👁️";
}

.fas.fa-exclamation-triangle::before,
.fa-exclamation-triangle::before {
    content: "⚠️";
}

.fas.fa-image::before,
.fa-image::before {
    content: "🖼️";
}

.fas.fa-project-diagram::before,
.fa-project-diagram::before {
    content: "📊";
}

.fas.fa-info-circle::before,
.fa-info-circle::before {
    content: "ℹ️";
}

.fas.fa-building::before,
.fa-building::before {
    content: "🏢";
}

.fas.fa-network-wired::before,
.fa-network-wired::before {
    content: "🌐";
}

/* Styles pour améliorer l'apparence des icônes fallback */
.fas, .fab, .far {
    font-size: inherit;
    line-height: inherit;
}

/* Animation pour les icônes interactives */
.theme-toggle .fas,
.search-icon,
.social-icon .fab,
.social-icon .fas {
    transition: transform 0.2s ease;
}

.theme-toggle:hover .fas,
.social-icon:hover .fab,
.social-icon:hover .fas {
    transform: scale(1.1);
}

/* Styles spécifiques pour les icônes de taille */
.fa-2x {
    font-size: 2em;
}

.fa-3x {
    font-size: 3em;
}

/* Correction pour les icônes avec marges */
.me-1 {
    margin-right: 0.25rem;
}

.me-2 {
    margin-right: 0.5rem;
}

.mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.mb-2 {
    margin-bottom: 0.5rem;
}