/**
 * Pareto Fulfillment — Frontend Tracking Display
 *
 * Styles for the customer-facing shipment tracking block on:
 * - Order received (thank-you) page
 * - My Account → View Order
 * - /track-my-order/ order lookup page
 *
 * @since 1.5.0
 */

.pareto-tracking-block {
	margin: 24px 0;
	padding: 16px 20px;
	background: #f0fdf4;
	border: 1px solid #bbf7d0;
	border-radius: 8px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.pareto-tracking-title {
	margin: 0 0 8px 0;
	font-size: 15px;
	color: #166534;
}

.pareto-tracking-carrier {
	margin: 0 0 4px 0;
	font-size: 14px;
	color: #374151;
}

.pareto-tracking-number {
	margin: 0 0 8px 0;
	font-size: 14px;
	color: #374151;
}

.pareto-tracking-code {
	background: #e5e7eb;
	padding: 2px 6px;
	border-radius: 4px;
	font-size: 13px;
	font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
}

.pareto-tracking-cta {
	margin: 0;
}

.pareto-tracking-link {
	display: inline-block;
	padding: 8px 20px;
	background: #10B981;
	color: #ffffff;
	text-decoration: none;
	border-radius: 6px;
	font-size: 14px;
	font-weight: 600;
	transition: background 0.2s ease;
}

.pareto-tracking-link:hover,
.pareto-tracking-link:focus {
	background: #059669;
	color: #ffffff;
	text-decoration: none;
}

/* Responsive: full-width CTA on small screens */
@media (max-width: 480px) {
	.pareto-tracking-block {
		padding: 12px 16px;
	}

	.pareto-tracking-link {
		display: block;
		text-align: center;
	}
}