/* Listing Blacklist Highlighter
 * Red highlight + tag for blacklisted HivePress listing cards.
 * --lbl-accent is injected inline from the plugin settings (default #e02d2d).
 */

:root {
	--lbl-accent: #e02d2d;
}

/* ---- Card highlight (grids, search results, category pages) ---- */
.hp-listing.lbl-blacklisted {
	position: relative;
	border: 2px solid var(--lbl-accent) !important;
	border-radius: 10px;
	background-color: color-mix(in srgb, var(--lbl-accent) 6%, transparent);
	box-shadow: 0 0 0 1px var(--lbl-accent) inset;
	overflow: hidden;
}

/* Fallback tint for browsers without color-mix() support. */
@supports not (background-color: color-mix(in srgb, red 6%, transparent)) {
	.hp-listing.lbl-blacklisted {
		background-color: rgba(224, 45, 45, 0.06);
	}
}

/* ---- The "Blacklisted" tag ---- */
.lbl-blacklist-badge {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 30;
	display: inline-block;
	padding: 4px 10px;
	background: var(--lbl-accent);
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	border-radius: 4px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
	pointer-events: none;
	white-space: nowrap;
}

/* ---- Single listing page ---- */
body.lbl-single-blacklisted .hp-listing--view-page,
.hp-listing--view-page.lbl-blacklisted {
	position: relative;
	border: 2px solid var(--lbl-accent);
	border-radius: 10px;
	background-color: rgba(224, 45, 45, 0.05);
	padding: 16px;
}

/* On the single page show the tag a touch larger. */
.hp-listing--view-page .lbl-blacklist-badge {
	font-size: 13px;
	padding: 6px 12px;
}