/*
 * NP-PATCH 2026-05-17 (iter 2): NovaComments AJAX helpers — minimal styling
 * for the per-comment delete button and the flash messages.
 */

.nc-comment {
	position: relative;
}

.nc-delete {
	background: none;
	border: 0;
	padding: 4px 6px;
	margin: 0 0 0 8px;
	cursor: pointer;
	color: #6b7280;
	opacity: 0.4;
	transition: opacity 0.15s ease, color 0.15s ease;
	display: inline-flex;
	align-items: center;
	border-radius: 3px;
	font: inherit;
}

.nc-comment:hover .nc-delete,
.nc-delete:focus {
	opacity: 1;
}

.nc-delete:hover {
	color: #b45309;
	background: rgba(180, 83, 9, 0.08);
}

.nc-delete:disabled {
	opacity: 0.3;
	cursor: not-allowed;
}

.nc-delete-icon {
	display: block;
}

/* On touch devices (no hover), always show the delete button at half opacity */
@media (hover: none) {
	.nc-delete {
		opacity: 0.7;
	}
}

/* Flash messages injected by the AJAX layer */
.nc-flash {
	padding: 10px 14px;
	margin: 10px 0;
	border-radius: 4px;
	font-size: 14px;
}

.nc-flash-success {
	background: #ecfdf5;
	border-left: 3px solid #10b981;
	color: #065f46;
}

.nc-flash-error {
	background: #fef2f2;
	border-left: 3px solid #ef4444;
	color: #7f1d1d;
}