/*
 * The preview picker — theme.js builds it when a preview is active or its parameter is in the URL (today only
 * ?bg=, Home's background). The palette (?palette=client|bold) and type (?type=shoulders) previews that shared
 * this file as palettes.css were removed in 0.11.2: both are decided (Brandon, 2026-10-29: "those seem pretty set
 * and decided … the client is already happy with the decisions we've got"); git history has them.
 */

.li-palette-picker {
	position: fixed;
	right: 12px;
	bottom: 12px;
	z-index: 1000;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 2px;
	padding: 4px;
	border-radius: 20px;
	background: #321212;
	color: #FBF6EC;
	box-shadow: 0 2px 12px rgb(23 18 15 / .35);
	font-family: var(--wp--preset--font-family--body);
	font-size: 11px;
	letter-spacing: .14em;
	text-transform: uppercase;
}

.li-palette-picker button {
	appearance: none;
	border: 0;
	border-radius: 999px;
	padding: 8px 12px;
	min-height: 32px;
	background: none;
	color: inherit;
	font: inherit;
	letter-spacing: inherit;
	text-transform: inherit;
	cursor: pointer;
}

.li-palette-picker button[aria-pressed="true"] {
	background: #FBF6EC;
	color: #321212;
}

.li-palette-picker button:focus-visible { outline: 2px solid #FBF6EC; outline-offset: -2px; }

.li-palette-picker .li-palette-picker__close { padding-inline: 10px; }

/* One row per preview: "Background: scroll · fixed". */
.li-palette-picker__row {
	display: flex;
	align-items: center;
	gap: 4px;
}

.li-palette-picker__label { padding-inline: 8px 2px; opacity: .7; }

@media print { .li-palette-picker { display: none; } }