/* Color field layout — trigger swatch and hex input inline */
.cdfwsp-color-field {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

/* Rectangular color swatch — Alwan trigger */
.cdfwsp-alwan-trigger {
	display: inline-block;
	width: 32px;
	height: 24px;
	border-radius: 3px;
	border: 1px solid rgba(0, 0, 0, 0.3);
	cursor: pointer;
	flex-shrink: 0;
	transition: border-color 0.15s;
}

.cdfwsp-alwan-trigger:hover {
	border-color: rgba(0, 0, 0, 0.5);
}

/* Alwan popover — must be above WP admin UI elements */
.alwan-popover {
	z-index: 99999 !important;
}

/* Hex text input */
.cdfwsp-hex-input {
	width: 80px;
	font-family: monospace;
}