/**
 * Primary Location Indicator Styles
 * 
 * WPK MODIFY - Custom styling for primary location badge
 * Only applies to the job location field (#_job_location)
 * 
 * @package wp-job-board-pro
 */

#_job_location + .select2-container .select2-selection__choice .primary-location-badge {
	display: inline-block;
	background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan);
	color: #fff;
	font-size: 10px;
	font-weight: 600;
	padding: 2px 6px;
	border-radius: 3px;
	margin-right: 6px;
	text-transform: uppercase;
	letter-spacing: 0.3px;
	vertical-align: middle;
	line-height: 1.4;
}

#_job_location + .select2-container .select2-selection__choice .primary-location-badge::before {
	content: '★ ';
	margin-right: 2px;
}

#_job_location + .select2-container .select2-selection__choice:first-child {
	font-weight: 500;
}

#_job_location + .select2-container .select2-selection__choice__remove {
	margin-right: 4px;
}

@media (max-width: 782px) {
	#_job_location + .select2-container .select2-selection__choice .primary-location-badge {
		font-size: 9px;
		padding: 1px 4px;
	}
}