/* DispoTag for WooCommerce — customer-facing tracking */

.dtwc-tracking {
	margin: 2em 0;
	padding: 1.5em;
	border: 1px solid rgba(0,0,0,.12);
	border-radius: 10px;
}
.dtwc-tracking h2 { margin-top: 0; }

.dtwc-timeline {
	display: flex;
	list-style: none;
	margin: 1.2em 0;
	padding: 0;
	counter-reset: dtwc;
}
.dtwc-timeline li {
	flex: 1;
	text-align: center;
	position: relative;
	padding-top: 26px;
	font-size: .9em;
	color: #767676;
}
.dtwc-timeline li::before {
	content: '';
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #d5d5d5;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
}
.dtwc-timeline li::after {
	content: '';
	position: absolute;
	top: 7px;
	left: -50%;
	width: 100%;
	height: 3px;
	background: #d5d5d5;
}
.dtwc-timeline li:first-child::after { display: none; }
.dtwc-timeline li.dtwc-done { color: inherit; font-weight: 600; }
.dtwc-timeline li.dtwc-done::before,
.dtwc-timeline li.dtwc-done::after { background: #1a7f37; }

.dtwc-front-map {
	height: 260px;
	border-radius: 8px;
	margin: 1em 0 .4em;
}
.dtwc-ping-meta { font-size: .85em; color: #767676; }
.dtwc-track-btn { margin-top: .5em; }