/* ==========================================================================
   My List — print

   Enqueued with media="print", so it never costs a screen visitor anything and
   the Print control needs no JavaScript beyond calling the browser's own print
   command. What comes out of the printer is a list to carry into a showroom:
   numbered pieces, SKUs, prices, availability, and a readable URL for each.
   ========================================================================== */

@page {
	margin: 2cm;
}

/* Site chrome, the actions, and every control are screen furniture. */
.wp-block-template-part,
.tfs-my-list__actions,
.tfs-my-list__remove,
.tfs-my-list__state {
	display: none;
}

.tfs-my-list {
	max-width: none;
}

/* The list is numbered on paper — the marker is the visitor's checklist. */
.tfs-my-list__items {
	list-style: decimal;
	padding-left: var(--wp--preset--spacing--40);
	border-top: var(--wp--custom--hairline);
}

.tfs-my-list__row {
	/* A piece split across two sheets is a piece that gets missed. */
	break-inside: avoid;
	display: block;
	padding-block: var(--wp--preset--spacing--20);
}

/* Photographs are the first thing a printer wastes ink on and the last thing
   this page needs — a name, a SKU, and a price identify the piece at the desk. */
.tfs-my-list__media {
	display: none;
}

.tfs-my-list__name {
	font-size: var(--wp--preset--font-size--body);
}

.tfs-my-list__link,
.tfs-my-list__collection-link {
	color: var(--wp--preset--color--ink);
	text-decoration: none;
}

/* Paper has no links, so the address is spelled out beneath the name. */
.tfs-my-list__link::after {
	content: " — " attr(href);
	font-size: var(--wp--preset--font-size--caption);
	color: var(--wp--preset--color--muted);
	word-break: break-all;
}

.tfs-my-list__floors {
	display: block;
}

.tfs-my-list__floor {
	display: inline;
}

/* The dot is a screen affordance; on paper the words carry it. */
.tfs-my-list__floor::before {
	display: none;
}

/* Which leaves the floors running together, so the separator goes on ::after
   of all but the last — ::before is spoken for by the rule above. */
.tfs-my-list__floor:not(:last-child)::after {
	content: " · ";
}