/**
 * Location Badge Styles
 * Used by [csp_artwork_location_badge] shortcode
 */

.location-pill {
	display: inline-flex;
	align-items: center;
	gap: 3px;
	padding: 2px 6px;
	border-radius: 999px;
	text-decoration: none;
	line-height: 1.2;
	transition: all 0.2s ease;
}

.location-pill:hover {
	text-decoration: none;
}

.location-text {
	display: inline-block;
}

.location-icon {
	display: inline-block;
	flex: 0 0 auto;
	vertical-align: middle;
	color: var(--location-icon-color, #6b7280);
}

/* Single artwork variant - gray pill badge */
.location-pill--single {
	background: #e5e7eb;
	color: #1f2328;
	font-size: 0.875rem;
	font-weight: 500;
}

.location-pill--single .location-icon {
	width: 18px;
	height: 18px;
}

.location-pill--single:hover {
	background: #d1d5db;
}

/* Card variant - dark overlay badge */
.location-pill--card {
	background: rgba(0, 0, 0, 0.65);
	color: #ffffff;
	font-size: 0.72rem;
	font-weight: 500;
	backdrop-filter: blur(3px);
	padding: 3px 8px;
}

.location-pill--card .location-icon {
	width: 16px;
	height: 16px;
	filter: drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff);
}

.location-pill--card:hover {
	color: #3498db;
}