/* Correção Critical dos Ícones Font Awesome */

/* Garantir que os ícones Font Awesome carregem corretamente */
.fa, .fas, .far, .fal, .fab {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Pro", "Font Awesome 5 Free", "Font Awesome 5 Pro" !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;
}

/* Fallback para ícones que não carregam */
.template-icon i:before {
    content: "📄" !important;
    font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif !important;
    font-size: 18px !important;
}

/* Ícones específicos com fallback */
.fa-file-alt:before,
.fa-file-contract:before {
    content: "📄" !important;
    font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif !important;
}

.fa-file-signature:before {
    content: "📝" !important;
    font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif !important;
}

.fa-handshake:before {
    content: "🤝" !important;
    font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif !important;
}

.fa-file-plus:before {
    content: "📄" !important;
    font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif !important;
}

.fa-eye:before {
    content: "👁️" !important;
    font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif !important;
}

.fa-edit:before {
    content: "✏️" !important;
    font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif !important;
}

/* Forçar carregamento correto das fontes Font Awesome */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css');

/* Styling específico para botões de template */
.btn .fa, .btn .fas {
    margin-right: 0.25rem;
}

/* Garantir visibilidade dos ícones nos botões */
.btn-outline-info, .btn-outline-warning {
    color: inherit !important;
}

.btn-outline-info:hover, .btn-outline-warning:hover {
    color: white !important;
}