/**
 * PDP-029R2: Purchase Tail = three canonical TrustRows (flat, no card).
 * Canonical source: `TrustRow` in handoff pdp-parts.jsx -- flex, gap 12, min-height 52, padding 10px 0,
 * bottom border 1px var(--border-divider)=#edf0f4, 20px icon in var(--text-heading)=#2f2f2f, title
 * 700 var(--text-sm)=14px/1.35, subtitle 400 13px/1.35 var(--text-muted)=#6b7280, 16px chevron-right muted.
 * Exception: Delivery (priority row, informational) = subtle green left rail + restrained green icon/promise.
 */
.zz-purchase-tail {
	box-sizing: border-box;
	margin: 0 0 14px;
	font-family: Lato, sans-serif;
	color: #2f2f2f;
}

.zz-purchase-tail *,
.zz-purchase-tail *::before,
.zz-purchase-tail *::after {
	box-sizing: border-box;
}

.zz-purchase-tail .zz-purchase-tail__row {
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	min-height: 52px;
	margin: 0;
	padding: 10px 0;
	background: none;
	border: 0;
	border-bottom: 1px solid #edf0f4;
	color: inherit;
	text-align: left;
	text-decoration: none;
}

.zz-purchase-tail .zz-purchase-tail__icon {
	flex: 0 0 auto;
	display: inline-flex;
	width: 20px;
	height: 20px;
	color: #2f2f2f;
}

.zz-purchase-tail .zz-purchase-tail__text {
	flex: 1 1 auto;
	min-width: 0;
}

.zz-purchase-tail .zz-purchase-tail__title {
	display: block;
	font: 700 14px/1.35 Lato, sans-serif;
	color: #2f2f2f;
}

.zz-purchase-tail .zz-purchase-tail__sub {
	display: block;
	font: 400 13px/1.35 Lato, sans-serif;
	color: #6b7280;
}

.zz-purchase-tail .zz-purchase-tail__chevron {
	flex: 0 0 auto;
	display: inline-flex;
	width: 16px;
	height: 16px;
	color: #6b7280;
}

/* Returns / Payment: whole row is the link to the existing tab. */
.zz-purchase-tail a.zz-purchase-tail__row {
	cursor: pointer;
}

.zz-purchase-tail a.zz-purchase-tail__row:hover,
.zz-purchase-tail a.zz-purchase-tail__row:focus {
	color: inherit;
	text-decoration: none;
}

.zz-purchase-tail a.zz-purchase-tail__row:focus-visible {
	outline: 2px solid #ed0678;
	outline-offset: 2px;
	border-radius: 6px;
}

/* Delivery: informational priority row -- rail + green icon/promise; no link, no chevron. */
/* The rail is presentation only: it is positioned in the gutter left of the row (9px gap to the icon, as
   before) and takes no layout space, so Delivery's icon/text sit on the same columns as Returns/Payment. */
.zz-purchase-tail .zz-purchase-tail__row--delivery {
	position: relative;
	cursor: default;
}

.zz-purchase-tail .zz-purchase-tail__row--delivery::before {
	content: "";
	position: absolute;
	left: -12px;
	top: 0;
	bottom: 1px;
	width: 3px;
	border-radius: 2px;
	background: #16a34a;
	pointer-events: none;
}

.zz-purchase-tail .zz-purchase-tail__row--delivery .zz-purchase-tail__icon {
	color: #16a34a;
}

.zz-purchase-tail .zz-purchase-tail__promise,
.zz-purchase-tail .zz-purchase-tail__promise .shipping-info-text,
.zz-purchase-tail .zz-purchase-tail__promise .shipping-info-date {
	/* PDP-031: exactly the stock-status green (`.zz-pdp-config-availability .stock.in-stock`, pdp-configuration-fit.css). */
	color: #16a34a;
	font-weight: 700;
}

/* The "ship tomorrow" promise stays hidden while the selection is not buyable (flag set by the Buy Box
   owner / decision core for notify + unavailable): the whole Delivery row is omitted. */
.pdp-purchase-region[data-zz-oos="1"] .zz-purchase-tail__row--delivery {
	display: none;
}
