/* SGB Car Parks — brand: teal #0B5D66, navy #14233B, off-white #F6F8F9, border #D9E0E5, muted #5B6B7A.
   Amber and "Ending soon" red are reserved for promos, so they are not used here. */
.sgb-cp-widget {
	margin: 1.5em 0;
	color: #14233B;
	font-family: inherit;
}

.sgb-cp-title {
	margin: 0 0 0.6em;
	color: #14233B;
	font-family: Poppins, inherit;
	font-size: 1.15em;
}

.sgb-cp-loading,
.sgb-cp-empty {
	margin: 0;
	color: #5B6B7A;
}

.sgb-cp-cards {
	display: grid;
	grid-template-columns: 1fr;
	gap: 10px;
}

@media (min-width: 600px) {
	.sgb-cp-cards {
		grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	}
}

.sgb-cp-card {
	background: #FFFFFF;
	border: 1px solid #D9E0E5;
	border-left: 4px solid #0B5D66;
	border-radius: 8px;
	padding: 12px 14px;
}

.sgb-cp-card.sgb-cp-card-low {
	border-left-color: #C93A3A;
}

.sgb-cp-card-top {
	display: flex;
	align-items: baseline;
	gap: 6px;
}

.sgb-cp-lots {
	font-family: Poppins, inherit;
	font-size: 1.6em;
	font-weight: 700;
	line-height: 1.1;
	color: #0B5D66;
}

.sgb-cp-lots-low {
	color: #C93A3A;
}

.sgb-cp-lots-label {
	font-size: 0.85em;
	color: #5B6B7A;
}

.sgb-cp-flag {
	margin-left: auto;
	font-size: 0.75em;
	font-weight: 600;
	color: #C93A3A;
}

.sgb-cp-address {
	margin-top: 4px;
	font-weight: 600;
	color: #14233B;
}

.sgb-cp-meta {
	margin-top: 2px;
	font-size: 0.85em;
	color: #5B6B7A;
}

.sgb-cp-timestamp,
.sgb-cp-source {
	margin: 8px 0 0;
	font-size: 0.8em;
	color: #5B6B7A;
}

.sgb-cp-source {
	margin-top: 2px;
}

/* Number badge — matches the numbered marker SGB Map draws for this car park. */
.sgb-cp-num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 20px;
	height: 20px;
	margin-right: 2px;
	border-radius: 50%;
	background: #14233B;
	color: #FFFFFF;
	font-size: 0.75em;
	font-weight: 700;
	line-height: 1;
	align-self: center;
}

.sgb-cp-card-low .sgb-cp-num {
	background: #C93A3A;
}

.sgb-cp-card {
	cursor: default;
}

.sgb-cp-card.sgb-cp-card-active {
	box-shadow: 0 0 0 2px #0B5D66;
}