/**
 * SOCIO - Protección de Iconos para Fuentes Accesibles
 * Este archivo asegura que los iconos mantengan su fuente original
 * independientemente de las preferencias de tipografía del usuario
 */

/* === PROTECCIÓN COMPLETA DE ICONOS FONT AWESOME === */
[data-font="accessible"] .fas,
[data-font="accessible"] .far,
[data-font="accessible"] .fab,
[data-font="accessible"] .fal,
[data-font="accessible"] .fad,
[data-font="accessible"] .fa,
[data-font="accessible"] i[class*="fa-"],
[data-font="accessible"] i[class^="fa-"],
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Pro", "Font Awesome 6 Brands", "FontAwesome" !important;
    font-weight: 900 !important;
    font-style: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* === PROTECCIÓN DE ICONOS ESPECÍFICOS DEL SISTEMA === */
[data-font="accessible"] .icon,
[data-font="accessible"] .logo,
[data-font="accessible"] .user-avatar i,
[data-font="accessible"] .header i,
[data-font="accessible"] .sidebar i,
[data-font="accessible"] .menu-btn i,
[data-font="accessible"] .back-btn i,
    font-family: "Font Awesome 6 Free", "FontAwesome", Arial, sans-serif !important;
    font-weight: 900 !important;
}

/* === PROTECCIÓN DE ELEMENTOS CON ICONOS === */
[data-font="accessible"] [class*="icon-"],
[data-font="accessible"] [data-icon],
[data-font="accessible"] .btn i,
[data-font="accessible"] .button i,
[data-font="accessible"] .nav-link i,
[data-font="accessible"] .dropdown-toggle i,
    font-family: "Font Awesome 6 Free", "FontAwesome", Arial, sans-serif !important;
    font-weight: 900 !important;
}

/* === PROTECCIÓN DE ICONOS EN LECCIONES === */
[data-font="accessible"] .opcion-btn i,
[data-font="accessible"] .timeline-drop-zone i,
[data-font="accessible"] .palabra-arrastrable i,
[data-font="accessible"] .evento-arrastrable i,
[data-font="accessible"] .alert-icon i,
[data-font="accessible"] .resultado-icono i,
    font-family: "Font Awesome 6 Free", "FontAwesome" !important;
    font-weight: 900 !important;
}

/* === PROTECCIÓN DE ICONOS EN CONFIGURACIÓN === */
[data-font="accessible"] .config-card i,
[data-font="accessible"] .toggle-switch i,
[data-font="accessible"] .custom-select i,
[data-font="accessible"] .notification i,
    font-family: "Font Awesome 6 Free", "FontAwesome" !important;
    font-weight: 900 !important;
}

/* === PROTECCIÓN DE PSEUDO-ELEMENTOS CON ICONOS === */
[data-font="accessible"] .custom-select::after,
[data-font="accessible"] .dropdown::after,
[data-font="accessible"] .accordion::after,
    font-family: "Font Awesome 6 Free", "FontAwesome", Arial, sans-serif !important;
}

/* === PROTECCIÓN ADICIONAL PARA ELEMENTOS ESPECÍFICOS === */
/* Proteger elementos que pueden contener iconos - Los iconos dentro mantendrán su fuente */

[data-font="accessible"] .navbar-brand i,
[data-font="accessible"] .navbar-nav i,
[data-font="accessible"] .nav-item i,
[data-font="accessible"] .breadcrumb i,
[data-font="accessible"] .pagination i,
[data-font="accessible"] .alert i,
[data-font="accessible"] .badge i,
[data-font="accessible"] .card-header i,
[data-font="accessible"] .modal-header i,
    font-family: "Font Awesome 6 Free", "FontAwesome" !important;
    font-weight: 900 !important;
}

/* === PROTECCIÓN PARA ICONOS UNICODE === */
[data-font="accessible"] .icon-unicode,
[data-font="accessible"] .emoji,
[data-font="accessible"] .symbol,
    font-family: "Segoe UI Emoji", "Noto Color Emoji", "Apple Color Emoji", sans-serif !important;
}

/* === ASEGURAR QUE LOS ICONOS NO HEREDEN ESTILOS DE TEXTO === */
[data-font="accessible"] i,
    font-style: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
}

/* === PROTECCIÓN ESPECÍFICA PARA ELEMENTOS CRÍTICOS === */
/* Elementos que absolutamente no deben cambiar de fuente */
[data-font="accessible"] .fa,
[data-font="accessible"] [class^="fa-"],
[data-font="accessible"] [class*=" fa-"],
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    display: inline-block !important;
    font-style: normal !important;
    font-variant: normal !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
}