/* CSS SUTIL PARA BLOQUEAR APENAS SELEÇÃO DE TEXTO */
/* Não interfere com funcionalidade da página */

/* Bloquear seleção de texto apenas em elementos de conteúdo */
p, h1, h2, h3, h4, h5, h6, span, div:not([role]), 
.content, .text, .description, .title {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Garantir que elementos interativos funcionem normalmente */
input, textarea, select, button, a, 
[role="button"], [tabindex], [contenteditable="true"] {
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
    pointer-events: auto !important;
    cursor: auto !important;
}

/* Permitir seleção em campos específicos que precisam ser copiados */
.pix-key, .email-contact, [data-copy="true"] {
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
    cursor: text !important;
}

/* Bloquear seleção de imagens (sem afetar funcionalidade) */
img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
}

/* Permitir clique em imagens que são links */
a img {
    pointer-events: auto;
}

/* Não interferir com elementos do React ou JavaScript */
#root, #root *, [data-react-root], [data-react-root] * {
    /* Não aplicar bloqueios em elementos React */
}

/* Não interferir com formulários */
form, form * {
    pointer-events: auto !important;
}

/* Garantir que botões funcionem */
button, input[type="button"], input[type="submit"] {
    pointer-events: auto !important;
    cursor: pointer !important;
}