/**
 * Correções para o dropdown do Tagify
 * Este arquivo contém estilos que melhoram a interação com os itens do dropdown do Tagify
 */

 .tagify__dropdown__item {
    cursor: pointer !important;
    pointer-events: auto !important;
    z-index: 999 !important;
    position: relative !important;
}

.tagify__dropdown__wrapper {
    z-index: 9999 !important;
}

.tagify__dropdown {
    z-index: 9999 !important;
}

.tagify__dropdown__item:hover,
.tagify__dropdown__item:active,
.tagify__dropdown__item--active {
    background-color: #0072BC !important;
    color: white !important;
}

/* Destaque visual quando um item do dropdown recebe hover */
.tagify__dropdown__item:hover {
    box-shadow: 0 0 0 2px rgba(0, 114, 188, 0.3) !important;
}

/* Melhorar o comportamento de foco para acessibilidade */
.tagify__dropdown__item:focus {
    outline: 2px solid #0072BC !important;
    outline-offset: -2px !important;
}

/* Garantir que o texto dentro dos itens do dropdown seja visível */
.tagify__dropdown__item span {
    pointer-events: none !important;
    display: inline-block !important;
    width: 100% !important;
}

/* Corrigir problema de clique em dispositivos móveis */
@media (max-width: 768px) {
    .tagify__dropdown__item {
        padding: 10px !important; /* Área de toque maior para dispositivos móveis */
    }
}