/* ==========================================================
   Retirar mood — visual igual ao "Agora não"
   (sobrescreve estilos anteriores do 39-user-fixes-v16.css)
   ========================================================== */
.mood-modal-actions {
    display: flex !important;
    gap: 18px !important;
    justify-content: center !important;
    align-items: center !important;
    margin-top: 14px !important;
    flex-wrap: wrap !important;
}

.mood-modal-actions .mood-modal-remove,
.mood-modal-actions .mood-modal-close {
    appearance: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 8px 6px !important;
    border-radius: 0 !important;
    color: var(--text-muted, #c9cbe2) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    cursor: pointer !important;
    transition: color .15s ease, opacity .15s ease !important;
    transform: none !important;
}

/* remove o ícone SVG (lixeira) que estava sendo desenhado antes */
.mood-modal-actions .mood-modal-remove::before,
.mood-modal-actions .mood-modal-remove::after {
    content: none !important;
    display: none !important;
    background: none !important;
    -webkit-mask: none !important;
            mask: none !important;
    width: 0 !important;
    height: 0 !important;
}

.mood-modal-actions .mood-modal-remove {
    color: #f87171 !important; /* vermelho suave, sem caixa */
}

.mood-modal-actions .mood-modal-remove:hover {
    color: #fca5a5 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: none !important;
}

.mood-modal-actions .mood-modal-close:hover {
    color: #ffffff !important;
    background: transparent !important;
    border: 0 !important;
    transform: none !important;
}

.mood-modal-actions .mood-modal-remove:active,
.mood-modal-actions .mood-modal-close:active {
    transform: none !important;
    opacity: .7 !important;
}

.mood-modal-actions .mood-modal-remove:disabled {
    opacity: .45 !important;
    cursor: default !important;
}
