/**
 * WooCommerce – Status "Versendet"
 */


/*
 * Status in "Mein Konto > Bestellungen"
 */
.wvs-order-status--versendet {
	display: inline-block;
	padding: 5px 10px;
	border-radius: 4px;
	background: #e8f5e9;
	color: #2e7d32;
	font-size: 0.9em;
	font-weight: 600;
	line-height: 1.4;
}


/*
 * Große Versandstatus-Box
 * auf der Bestelldetailseite
 */
.wvs-shipping-status {
	display: flex;
	align-items: flex-start;
	gap: 15px;

	margin: 25px 0;
	padding: 20px;

	border: 1px solid #c8e6c9;
	border-radius: 6px;

	background: #f1f8f2;
}


/*
 * Icon
 */
.wvs-shipping-status__icon {
	flex: 0 0 42px;

	width: 42px;
	height: 42px;

	display: flex;
	align-items: center;
	justify-content: center;

	border-radius: 50%;

	background: #43a047;
	color: #ffffff;

	font-size: 22px;
	font-weight: 700;
}


/*
 * Inhalt
 */
.wvs-shipping-status__content {
	flex: 1;
}


/*
 * Überschrift
 */
.wvs-shipping-status__title {
	margin-bottom: 5px;

	color: #1b5e20;

	font-size: 18px;
	font-weight: 700;
}


/*
 * Beschreibung
 */
.wvs-shipping-status__text {
	color: #333333;
	font-size: 15px;
}


/*
 * Datum
 */
.wvs-shipping-status__date {
	margin-top: 8px;

	color: #666666;
	font-size: 13px;
}


/*
 * Mobile Darstellung
 */
@media (max-width: 480px) {

	.wvs-shipping-status {
		padding: 15px;
		gap: 12px;
	}

	.wvs-shipping-status__icon {
		flex: 0 0 36px;

		width: 36px;
		height: 36px;

		font-size: 18px;
	}

	.wvs-shipping-status__title {
		font-size: 16px;
	}

	.wvs-shipping-status__text {
		font-size: 14px;
	}
}