/* =============================================================================
   FontAwesome 6 - Estilos personalizados para Psychologist Therapy Theme
   ============================================================================= */

/* Ícones principais para o tema de psicologia */
.icone-psicologia::before { content: "\f5dc"; } /* brain (cérebro) */
.icone-terapia::before { content: "\f004"; } /* heart (coração) */
.icone-consulta::before { content: "\f073"; } /* calendar-days (consulta) */
.icone-horario::before { content: "\f017"; } /* clock (horário) */
.icone-telefone::before { content: "\f095"; } /* phone (telefone) */
.icone-email::before { content: "\f0e0"; } /* envelope (email) */
.icone-localizacao::before { content: "\f3c5"; } /* map-marker-alt (local) */
.icone-conversa::before { content: "\f086"; } /* comments (conversa) */
.icone-medico::before { content: "\f0f0"; } /* user-doctor (médico) */
.icone-bem-estar::before { content: "\f4fd"; } /* smile (bem-estar) */

/* Base para todos os ícones personalizados */
[class*="icone-"]::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-right: 8px;
    display: inline-block;
    width: 1.2em;
    text-align: center;
}

/* Ícones para eventos */
.evento-icone-data::before { content: "\f073"; color: #007cba; }
.evento-icone-horario::before { content: "\f017"; color: #28a745; }
.evento-icone-local::before { content: "\f3c5"; color: #dc3545; }

/* Ícones para serviços */
.servico-individual::before { content: "\f007"; } /* user */
.servico-casal::before { content: "\f0c0"; } /* users */
.servico-grupo::before { content: "\f0c0"; } /* users */
.servico-online::before { content: "\f109"; } /* laptop */

/* Ícones para contato */
.contato-telefone::before { content: "\f095"; color: #007cba; }
.contato-whatsapp::before { content: "\f232"; color: #25d366; }
.contato-email::before { content: "\f0e0"; color: #007cba; }
.contato-endereco::before { content: "\f3c5"; color: #dc3545; }

/* Ícones para redes sociais */
.social-facebook::before { content: "\f39e"; color: #1877f2; }
.social-instagram::before { content: "\f16d"; color: #e4405f; }
.social-linkedin::before { content: "\f08c"; color: #0077b5; }
.social-youtube::before { content: "\f167"; color: #ff0000; }

/* Ícones para características do profissional */
.caracteristica-experiencia::before { content: "\f091"; } /* trophy */
.caracteristica-formacao::before { content: "\f19d"; } /* graduation-cap */
.caracteristica-especialidade::before { content: "\f0f0"; } /* user-doctor */
.caracteristica-certificado::before { content: "\f0a3"; } /* certificate */

/* Estilos responsivos para ícones */
@media (max-width: 768px) {
    [class*="icone-"]::before {
        margin-right: 5px;
        width: 1em;
    }
    
    .evento-icones {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }
}

/* Animações para ícones (opcional) */
.icone-animado {
    transition: all 0.3s ease;
}

.icone-animado:hover {
    transform: scale(1.1);
    color: #007cba;
}

/* Ícones em botões */
.btn-com-icone {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.btn-com-icone i {
    font-size: 1em;
}

/* Ícones em cards/boxes */
.card-icone {
    text-align: center;
    margin-bottom: 15px;
}

.card-icone i {
    font-size: 2.5em;
    color: #007cba;
    margin-bottom: 10px;
    display: block;
}

/* Lista com ícones */
.lista-com-icones {
    list-style: none;
    padding-left: 0;
}

.lista-com-icones li {
    padding: 8px 0;
    position: relative;
    padding-left: 30px;
}

.lista-com-icones li::before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #007cba;
}

.lista-servicos li::before { content: "\f00c"; } /* check */
.lista-beneficios li::before { content: "\f004"; } /* heart */
.lista-especializacoes li::before { content: "\f005"; } /* star */

/* Ícones de status */
.status-ativo::before { 
    content: "\f00c"; 
    color: #28a745; 
    font-weight: 900;
}

.status-inativo::before { 
    content: "\f00d"; 
    color: #dc3545; 
    font-weight: 900;
}

.status-pendente::before { 
    content: "\f017"; 
    color: #ffc107; 
    font-weight: 900;
}

/* Breadcrumb com ícones */
.breadcrumb-com-icones .breadcrumb-item::before {
    content: "\f105"; /* angle-right */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin: 0 8px;
    color: #6c757d;
}

.breadcrumb-com-icones .breadcrumb-item:first-child::before {
    display: none;
}

/* Utilitários de tamanho para ícones */
.icone-pequeno { font-size: 0.8em; }
.icone-normal { font-size: 1em; }
.icone-grande { font-size: 1.5em; }
.icone-extra-grande { font-size: 2em; }

/* Cores temáticas para ícones */
.icone-primario { color: #007cba; }
.icone-secundario { color: #6c757d; }
.icone-sucesso { color: #28a745; }
.icone-perigo { color: #dc3545; }
.icone-aviso { color: #ffc107; }
.icone-info { color: #17a2b8; }

/* Ícones fixos (útil para widgets) */
.widget-icone-fixo {
    width: 20px;
    text-align: center;
    display: inline-block;
}

/* Suporte para RTL */
html[dir="rtl"] [class*="icone-"]::before {
    margin-right: 0;
    margin-left: 8px;
}

html[dir="rtl"] .lista-com-icones li {
    padding-left: 0;
    padding-right: 30px;
}

html[dir="rtl"] .lista-com-icones li::before {
    left: auto;
    right: 0;
}

/* Print styles - ocultar ícones na impressão */
@media print {
    [class*="icone-"]::before,
    .fa-solid,
    .fa-regular,
    .fa-brands {
        display: none !important;
    }
}