/**
 * Styles for the quote-request and shipment-tracking features added on top
 * of the CargoPress theme. Kept in a separate file (rather than editing the
 * large generated style.css) so it's obvious what was added and it survives
 * a future re-compile of the theme's own Sass.
 *
 * Relies on Bootstrap 3 classes already loaded by the theme (form-control,
 * btn, panel, alert, table) — only what Bootstrap doesn't provide is added
 * here (the tracking stepper).
 */

.cargopress-form .form-group {
	margin-bottom: 18px;
}

/* Honeypot field: hidden from real visitors, still reachable by bots that
   fill every field blindly. */
.cargopress-hp {
	position: absolute !important;
	left: -9999px !important;
	top: -9999px !important;
	height: 0;
	width: 0;
	overflow: hidden;
}

.cargopress-tracking-form__row {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.cargopress-tracking-form__row .form-control {
	flex: 1 1 260px;
}

.cargopress-tracking-result {
	margin-top: 30px;
}

.cargopress-tracking-result__route,
.cargopress-tracking-result__eta {
	color: #767676;
}

/* Stepper: a simple horizontal progress tracker (Bootstrap 3 has no
   built-in equivalent). Degrades to a stacked list on narrow screens. */
.cargopress-tracking-stepper {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 24px 0;
	padding: 0;
	counter-reset: cargopress-step;
}

.cargopress-tracking-stepper__step {
	position: relative;
	flex: 1 1 0;
	min-width: 120px;
	padding: 10px 8px 10px 0;
	font-size: 13px;
	color: #999999;
	border-top: 3px solid #e0e0e0;
	counter-increment: cargopress-step;
}

.cargopress-tracking-stepper__step::before {
	content: counter(cargopress-step);
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	border-radius: 50%;
	background: #e0e0e0;
	color: #ffffff;
	font-weight: bold;
	margin-top: -13px;
	margin-bottom: 6px;
}

.cargopress-tracking-stepper__step--done {
	color: #333333;
	border-top-color: #29c093;
}

.cargopress-tracking-stepper__step--done::before {
	background: #29c093;
}

.cargopress-tracking-stepper__step--current {
	color: #1a1a1a;
	font-weight: bold;
}

.cargopress-tracking-stepper__step--current::before {
	background: #0f8cf0;
	box-shadow: 0 0 0 3px rgba(15, 140, 240, 0.25);
}

.cargopress-tracking-history th {
	white-space: nowrap;
}

@media (max-width: 767px) {
	.cargopress-tracking-stepper {
		flex-direction: column;
	}

	.cargopress-tracking-stepper__step {
		border-top: none;
		border-left: 3px solid #e0e0e0;
		padding-left: 12px;
	}

	.cargopress-tracking-stepper__step--done {
		border-left-color: #29c093;
	}
}