/**
 * Rhapsody Email Notifications 0.4.1 — My Account tracking display restyle (Phase F-min).
 *
 * Scope: WooCommerce → My Account → View Order, the WC Shipment Tracking
 * `.my_account_tracking` table. Matches the warm-tan/cream palette used in
 * the email natto callout for visual consistency across customer-facing
 * surfaces. No template fork — pure CSS targeting WC ST's stock class hooks.
 */

/* ── Main table ─────────────────────────────────────────────────────────── */
.woocommerce table.my_account_tracking {
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 6px;
	overflow: hidden;
	border: 1px solid #e8d9c3;
	margin-bottom: 32px;
	width: 100%;
}

.woocommerce table.my_account_tracking thead {
	background: #f7f4ee;
}

.woocommerce table.my_account_tracking thead th {
	font-weight: 600;
	color: #5a3a1a;
	padding: 14px 16px;
	text-align: left;
	border-bottom: 2px solid #e8d9c3;
	letter-spacing: 0.02em;
}

.woocommerce table.my_account_tracking tbody tr.tracking td {
	padding: 14px 16px;
	border-bottom: 1px solid #e8d9c3;
	vertical-align: middle;
	color: #3a2a1a;
}

.woocommerce table.my_account_tracking tbody tr.tracking:last-child td {
	border-bottom: none;
}

/* ── Alternating row background ─────────────────────────────────────────── */
.woocommerce table.my_account_tracking tbody tr.tracking:nth-child(even) {
	background: #fdf7ef;
}

/* ── Tracking number — monospace + emphasis ─────────────────────────────── */
.woocommerce table.my_account_tracking td.tracking-number {
	font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
	font-size: 14px;
	color: #5a3a1a;
	letter-spacing: 0.02em;
}

/* ── Date column — subtle secondary ─────────────────────────────────────── */
.woocommerce table.my_account_tracking td.date-shipped {
	color: #6a5a45;
}

/* ── Track button polish ────────────────────────────────────────────────── */
.woocommerce table.my_account_tracking td.order-actions .button {
	background: #b8895a;
	color: #fff;
	font-weight: 600;
	padding: 6px 16px;
	border-radius: 4px;
	border: none;
	text-decoration: none;
	display: inline-block;
	transition: background 0.15s ease;
}

.woocommerce table.my_account_tracking td.order-actions .button:hover,
.woocommerce table.my_account_tracking td.order-actions .button:focus {
	background: #a37648;
	color: #fff;
}

/* ── Mobile: stack cells, hide thead, prepend data-title labels ─────────── */
@media screen and (max-width: 768px) {
	.woocommerce table.my_account_tracking {
		border: none;
	}

	.woocommerce table.my_account_tracking thead {
		display: none;
	}

	.woocommerce table.my_account_tracking tr.tracking {
		display: block;
		margin-bottom: 16px;
		border: 1px solid #e8d9c3;
		border-radius: 6px;
		overflow: hidden;
		background: #fff;
	}

	.woocommerce table.my_account_tracking tr.tracking:nth-child(even) {
		background: #fdf7ef;
	}

	.woocommerce table.my_account_tracking tr.tracking td {
		display: block;
		padding: 10px 16px;
		border-bottom: 1px solid #f0e8d6;
		text-align: left;
	}

	.woocommerce table.my_account_tracking tr.tracking td::before {
		content: attr(data-title) ": ";
		font-weight: 600;
		color: #6a5a45;
		display: inline-block;
		margin-right: 8px;
		min-width: 110px;
	}

	.woocommerce table.my_account_tracking tr.tracking td.order-actions {
		text-align: left;
	}

	.woocommerce table.my_account_tracking tr.tracking td.order-actions::before {
		display: none;
	}

	.woocommerce table.my_account_tracking tr.tracking td:last-child {
		border-bottom: none;
	}
}