/**
 * ========================================================
 * ARQUIVO: juris-button.css
 * PASTA: assets/css/juris-button.css
 * PLUGIN: Área de Questões e Revisões Inteligentes
 * MÓDULO: Minhas Juris — Estilos base do Botão
 * DESCRIÇÃO: Apenas o estrutural (layout, estados loading/aviso). Cores,
 *            bordas, tipografia e espaçamento são controlados pelo Elementor.
 * ========================================================
 */

.qri-juris-btn-wrap {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
}

.qri-juris-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    border: 1px solid transparent;
    background: transparent;
    line-height: 1.2;
    transition: background-color .2s ease, color .2s ease, border-color .2s ease, opacity .2s ease;
}

.qri-juris-btn-icon {
    display: inline-flex;
    align-items: center;
}

/* Estado de carregamento (durante o AJAX) */
.qri-juris-btn.qri-juris-loading {
    opacity: .6;
    pointer-events: none;
}

/* Aviso leve (não-assinante / erro) ancorado ao botão */
.qri-juris-aviso {
    display: inline-block;
    margin-left: 10px;
    padding: 4px 10px;
    font-size: 13px;
    line-height: 1.3;
    border-radius: 4px;
    background: rgba(239, 68, 68, .12);
    color: #ef4444;
    border: 1px solid rgba(239, 68, 68, .35);
}