/**
 * Member Blogging — blog card menu "Delete" action.
 *
 * The Delete item is a <button> (it triggers a scripted request, not a link),
 * so reset the native button chrome to match the platform menu's <a> items and
 * render it as a destructive (red) action. Scoped to the platform blog-card
 * menu list.
 *
 * @since 1.1.0
 */

.bb-rl-blog-card__menu-list .bb-member-blog-card-delete {
	display: flex;
	align-items: center;
	gap: 8px;
	width: 100%;
	margin: 0;
	padding: 8px 16px;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: #d63638;
	font-size: 13px;
	font-weight: 500;
	line-height: 20px;
	text-align: start;
	cursor: pointer;
	transition: background-color 0.15s ease;
}

.bb-rl-blog-card__menu-list .bb-member-blog-card-delete i {
	color: #d63638;
}

.bb-rl-blog-card__menu-list .bb-member-blog-card-delete:hover,
.bb-rl-blog-card__menu-list .bb-member-blog-card-delete:focus {
	background-color: #fbeaea;
	color: #d63638;
}

.bb-rl-blog-card__menu-list .bb-member-blog-card-delete[disabled] {
	opacity: 0.6;
	cursor: default;
}