/* Tracking workspace, native Woo form and shipment records. Shared values: theme.json. */
.bb-tracking-workspace {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--wp--preset--spacing--space-8);
	align-items: start;
}
.bb-tracking-workspace__sidebar,
.bb-tracking-workspace__result { min-inline-size: 0; }
.bb-tracking-panel {
	padding: var(--wp--preset--spacing--space-6);
	border: var(--wp--custom--border--width) solid var(--wp--preset--color--border);
	border-radius: var(--wp--preset--border-radius--card);
	background: var(--wp--preset--color--surface);
}
.bb-tracking-panel + .bb-tracking-panel { margin-block-start: var(--wp--preset--spacing--space-6); }
.bb-tracking-panel h2,
.bb-tracking-result-header h2 { margin-block: 0 var(--wp--preset--spacing--space-3); font-size: var(--wp--preset--font-size--heading-small); }
.bb-tracking-panel p { margin-block: var(--wp--preset--spacing--space-3); }
.bb-tracking-lookup .track_order { padding: 0; border: 0; background: transparent; }
.bb-tracking-lookup label { display: block; margin-block-end: var(--wp--preset--spacing--space-2); }
.bb-tracking-lookup input { inline-size: 100%; min-inline-size: 0; }
.bb-tracking-lookup .form-row { float: none; inline-size: 100%; padding: 0; margin-block: var(--wp--preset--spacing--space-4); }
.bb-tracking-lookup .button { inline-size: 100%; }
.bb-tracking-orders { list-style: none; margin: var(--wp--preset--spacing--space-4) 0; padding: 0; }
.bb-tracking-orders li + li { border-block-start: var(--wp--custom--border--width) solid var(--wp--preset--color--border); }
.bb-tracking-orders a { display: grid; gap: var(--wp--preset--spacing--space-1); padding: var(--wp--preset--spacing--space-3); text-decoration: none; overflow-wrap: anywhere; }
.bb-tracking-orders a[aria-current="true"] { background: var(--wp--custom--color--success-surface); border-inline-start: 2px solid var(--wp--preset--color--accent); }
.bb-tracking-orders a > span { color: var(--wp--preset--color--text-secondary); font-size: var(--wp--preset--font-size--small); }
.bb-tracking-orders__product,
.bb-tracking-products li { display: flex; align-items: center; gap: var(--wp--preset--spacing--space-3); }
.bb-tracking-orders__product img,
.bb-tracking-products img { inline-size: var(--wp--preset--spacing--space-12); block-size: var(--wp--preset--spacing--space-12); object-fit: contain; flex-shrink: 0; }
.bb-tracking-pagination { display: flex; justify-content: space-between; gap: var(--wp--preset--spacing--space-3); }
.bb-tracking-order-picker > summary,
.bb-tracking-order-details > summary { cursor: pointer; min-block-size: var(--wp--custom--control--target-min); font-weight: var(--wp--custom--font-weight--strong); }
.bb-tracking-order-picker > summary > span { margin-inline-start: var(--wp--preset--spacing--space-3); color: var(--wp--preset--color--accent); }
.bb-tracking-result-header { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: var(--wp--preset--spacing--space-4); }
.bb-tracking-result-header p { margin: 0; color: var(--wp--preset--color--text-secondary); }
.bb-tracking-workspace .bb-shipments { margin-block: var(--wp--preset--spacing--space-6); }
.bb-tracking-workspace .bb-shipments h2 { font-size: var(--wp--preset--font-size--heading-small); }
.bb-tracking-products { padding: 0; list-style: none; }
.bb-tracking-products li { padding-block: var(--wp--preset--spacing--space-3); overflow-wrap: anywhere; }
.bb-tracking-workspace[aria-busy="true"] { cursor: progress; }
.bb-tracking-empty { min-block-size: 12rem; }
.bb-tracking-products--preview { margin-block: var(--wp--preset--spacing--space-6); }
.bb-tracking-help { padding-block: var(--wp--preset--spacing--space-6); border-block-start: var(--wp--custom--border--width) solid var(--wp--preset--color--border); color: var(--wp--preset--color--text-secondary); }
@media (min-width: 64rem) {
	.bb-tracking-workspace { grid-template-columns: minmax(16rem, 1fr) minmax(0, 2.25fr); }
}
.bb-order-tracking,
.bb-shipments {
	margin-block: var(--wp--preset--spacing--space-8);
}

.bb-order-tracking .track_order {
	padding: var(--wp--preset--spacing--space-6);
	border: var(--wp--custom--border--width) solid var(--wp--preset--color--border);
	border-radius: var(--wp--preset--border-radius--card);
	background: var(--wp--preset--color--surface);
}

.bb-order-tracking .track_order > p:first-of-type {
	margin-block-start: 0;
	color: var(--wp--preset--color--text-secondary);
}

.bb-order-tracking .woocommerce .track_order .form-row {
	float: none;
	inline-size: 100%;
	padding: 0;
}

.bb-order-tracking .track_order input {
	inline-size: 100%;
}

.bb-order-tracking .track_order .form-row:last-of-type {
	margin-block-end: 0;
}

.bb-order-tracking .order-info mark {
	background: transparent;
	color: inherit;
	font-weight: var(--wp--custom--font-weight--strong);
}

.bb-shipments__help,
.bb-shipment__location,
.bb-shipment__events time,
.bb-shipment__meta dt {
	color: var(--wp--preset--color--text-secondary);
	font-size: var(--wp--preset--font-size--small);
}

.bb-shipment {
	margin-block: var(--wp--preset--spacing--space-6);
	padding: var(--wp--preset--spacing--space-6);
	border: var(--wp--custom--border--width) solid var(--wp--preset--color--border);
	border-radius: var(--wp--preset--border-radius--card);
	background: var(--wp--preset--color--surface);
}

.bb-shipment__heading {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: var(--wp--preset--spacing--space-2) var(--wp--preset--spacing--space-4);
}

.bb-shipment__heading h3 {
	margin: 0;
	font-size: var(--wp--preset--font-size--lead);
}

.bb-shipment__status {
	color: var(--wp--preset--color--accent);
	font-size: var(--wp--preset--font-size--small);
}

.bb-shipment__meta {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--wp--preset--spacing--space-4);
	margin-block: var(--wp--preset--spacing--space-6);
}

.bb-shipment__meta dd {
	margin-inline-start: 0;
	overflow-wrap: anywhere;
}

.bb-shipment__events {
	list-style: none;
	padding-inline-start: var(--wp--preset--spacing--space-4);
	margin: 0;
	border-inline-start: var(--wp--custom--border--width) solid var(--wp--preset--color--border);
}

.bb-shipment__events li {
	padding-block: var(--wp--preset--spacing--space-3);
}

.bb-shipment__events li + li {
	border-block-start: var(--wp--custom--border--width) solid var(--wp--preset--color--border);
}

.bb-shipment__events p {
	margin-block: var(--wp--preset--spacing--space-1) 0;
}

.bb-shipment__history {
	margin-block-start: var(--wp--preset--spacing--space-4);
}

.bb-shipment__history summary {
	min-block-size: var(--wp--custom--control--target-min);
	padding-block: var(--wp--preset--spacing--space-3);
	color: var(--wp--preset--color--accent);
	cursor: pointer;
}

.bb-shipment__message {
	padding: var(--wp--preset--spacing--space-3);
	border-inline-start: 2px solid var(--wp--custom--color--warning);
	background: var(--wp--custom--color--warning-surface);
}

@media (max-width: 30rem) {
	.bb-order-tracking .track_order,
	.bb-shipment {
		padding: var(--wp--preset--spacing--space-4);
	}
	.bb-shipment__meta {
		grid-template-columns: minmax(0, 1fr);
	}
}