/**
 * AIEO shared admin colour picker — the opacity (alpha) row that sits next to
 * the wp-color-picker button. Checkerboard hint + a slim range slider.
 *
 * @package ai-eshop-optimizer
 */
.aieo-cp-alpha-row {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-left: 10px;
	vertical-align: middle;
}
.aieo-cp-alpha-ico {
	font-size: 13px;
	line-height: 1;
	color: #9ca3af;
}
.aieo-cp-alpha {
	-webkit-appearance: none;
	appearance: none;
	width: 92px;
	height: 6px;
	border-radius: 4px;
	/* checkerboard so the slider reads as "transparency" */
	background:
		linear-gradient(to right, rgba(0,0,0,0), #111827),
		repeating-conic-gradient(#cbd5e1 0% 25%, #fff 0% 50%) 0 / 10px 10px;
	cursor: pointer;
	outline: none;
}
.aieo-cp-alpha::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: #fff;
	border: 1px solid #9ca3af;
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	cursor: pointer;
}
.aieo-cp-alpha::-moz-range-thumb {
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: #fff;
	border: 1px solid #9ca3af;
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	cursor: pointer;
}
.aieo-cp-alpha-val {
	font-size: 12px;
	color: #6b7280;
	min-width: 34px;
	text-align: right;
}
