/**
 * [bs_shop_status] badge.
 */

.bs-shop-status {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 7px 16px;
	border-radius: 50px;
	font-size: 0.95rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	line-height: 1;
}

.bs-shop-status__dot {
	width: 9px;
	height: 9px;
	border-radius: 50%;
	flex: none;
}

.bs-shop-status--open {
	background: rgba(45, 106, 79, 0.12);
	color: #2d6a4f;
}

.bs-shop-status--open .bs-shop-status__dot {
	background: #2d6a4f;
	box-shadow: 0 0 0 3px rgba(45, 106, 79, 0.18);
}

.bs-shop-status--closed {
	background: rgba(192, 57, 43, 0.1);
	color: #C0392B;
}

.bs-shop-status--closed .bs-shop-status__dot {
	background: #C0392B;
	box-shadow: 0 0 0 3px rgba(192, 57, 43, 0.16);
}