/**
 * Vanquish Shipping Tracking — frontend styles.
 */

/* ---------------------------------------------------------------------------
 * Tracking form ([vanstr_tracking_form])
 * ------------------------------------------------------------------------ */
.vanstr-tracking-form {
	border: 1px solid #dedede;
	padding: 50px 50px 10px 30px;
	margin: 0 0 10px 0;
	display: inline-block;
}

/* Two-column grid: the label column sizes itself on the longest label, so every
   input starts at the same x (and it keeps working with translations). */
.vanstr-tracking-form__fields {
	display: grid;
	grid-template-columns: max-content 1fr;
	gap: 22px 14px;
	align-items: center;
}

.vanstr-tracking-form__fields label {
	margin: 0;
	white-space: nowrap;
}

.vanstr-tracking-form__fields input {
	width: 100%;
	box-sizing: border-box;
}

.vanstr-tracking-form__actions {
	margin: 26px 0 0;
}

/* White label on the submit button. */
.vanstr-tracking-form .vanstr-tracking-form__submit {
	color: #fff;
}

.vanstr-tracking-form__error {
	margin-bottom: 20px;
}

/* Stack the fields on narrow screens so the box never overflows. */
@media (max-width: 480px) {
	.vanstr-tracking-form {
		display: block;
		padding: 24px;
	}

	.vanstr-tracking-form__fields {
		grid-template-columns: 1fr;
		gap: 6px;
	}

	.vanstr-tracking-form__fields label {
		white-space: normal;
	}
}

/* ---------------------------------------------------------------------------
 * Delivery estimate (product page, cart/checkout, order, emails)
 * ------------------------------------------------------------------------ */
.vanstr-estimate {
	margin: 10px 0;
	font-size: 0.95em;
}

.vanstr-estimate__label {
	font-weight: 600;
}

.vanstr-estimate--order {
	margin: 4px 0 0;
	font-size: 0.9em;
	opacity: 0.85;
}


/* ---------------------------------------------------------------------------
 * Per-product tracking (order items table + emails)
 *
 * A small line under the product name, shown only when a shipment is tied to
 * specific items.
 * ------------------------------------------------------------------------ */
.vanstr-item-tracking {
	margin: 4px 0 0;
	font-size: 0.9em;
	opacity: 0.85;
}

.vanstr-item-tracking__label {
	font-weight: 600;
}

/* ---------------------------------------------------------------------------
 * Requested delivery date/slot (checkout field + order/email display)
 * ------------------------------------------------------------------------ */
.vanstr-delivery {
	margin: 1em 0;
}

.vanstr-delivery__description {
	margin: 0 0 0.75em;
	opacity: 0.85;
}

.vanstr-delivery-info {
	margin: 1.5em 0;
}

.vanstr-delivery-info p {
	margin: 0.25em 0;
}

/* ---------------------------------------------------------------------------
 * Tracking block (order page / My Account / form results)
 * ------------------------------------------------------------------------ */
.vanstr-order-tracking__shipment + .vanstr-order-tracking__shipment {
	margin-top: 18px;
	padding-top: 18px;
	border-top: 1px solid #ededed;
}