/* Inctrl Shop Tools — frontend styles (theme app.css carries the look;
   this file keeps the plugin self-sufficient on any theme). */

.inctrl-addons { margin: 1em 0; }

.inctrl-tier-table { width: 100%; border-collapse: collapse; }

.inctrl-order-timeline { list-style: none; margin: 1.5em 0; padding: 0; display: flex; flex-wrap: wrap; }

.inctrl-order-timeline li {
	flex: 1 1 140px;
	position: relative;
	padding: 2em 0.5em 0.7em;
	font-size: 0.8em;
	text-align: center;
}

.inctrl-order-timeline li::before {
	content: "";
	position: absolute;
	top: 0.6em;
	left: 0;
	right: 0;
	height: 3px;
	background: #ddd;
}

.inctrl-order-timeline li::after {
	content: "";
	position: absolute;
	top: 0.2em;
	left: 50%;
	transform: translateX(-50%);
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #ddd;
}

.inctrl-order-timeline li.is-done::before,
.inctrl-order-timeline li.is-current::before { background: #e4572e; }

.inctrl-order-timeline li.is-done::after,
.inctrl-order-timeline li.is-current::after { background: #e4572e; }

.inctrl-order-timeline li.is-done,
.inctrl-order-timeline li.is-current { font-weight: 700; }

.inctrl-order-timeline li.is-cancelled::before,
.inctrl-order-timeline li.is-cancelled::after { background: #b3261e; }

.inctrl-timeline-title { margin-top: 1.5em; }

.inctrl-timeline-note { color: #b3261e; font-weight: 700; }