/* Lathams PEWC Colour Swatches */

.lpcs-row {
	display: flex;
	align-items: center;
	gap: 0.6em;
}

.lpcs-thumb {
	flex: 0 0 auto;
	box-sizing: border-box;
	width: 1.8em;
	height: 1.8em;               /* fixed size: no layout shift when images arrive */
	object-fit: cover;
	border-radius: 6px;
	border: 1px solid rgba( 0, 0, 0, 0.2 );
}

.lpcs-thumb--empty {
	background: repeating-linear-gradient( 45deg, #f2f2f2, #f2f2f2 4px, #e6e6e6 4px, #e6e6e6 8px );
}

.select2-selection__rendered .lpcs-row {
	line-height: normal;
}

/* Keep the list above PEWC / theme accordion content. */
.select2-container--open .lpcs-dropdown,
.lpcs-dropdown.select2-dropdown {
	z-index: 100000;
}

/* Thumbnail on the closed control. */
.select2-container .select2-selection--single.lpcs-has-thumb {
	position: relative;
}

.lpcs-sel-thumb {
	position: absolute;
	top: 50%;
	left: 8px;
	width: 1.8em;
	height: 1.8em;
	transform: translateY( -50% );
	border-radius: 6px;
	border: 1px solid rgba( 0, 0, 0, 0.2 );
	overflow: hidden;
	pointer-events: none;
}

.lpcs-sel-thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Specific enough to beat select2 and theme padding rules, so text clears the thumbnail. */
.select2-container--default .select2-selection--single.lpcs-has-thumb .select2-selection__rendered,
.select2-container .select2-selection--single.lpcs-has-thumb .select2-selection__rendered {
	padding-left: calc( 1.8em + 20px ) !important;
}