/**
 * ECS Scheme Selector — base layout styles
 *
 * Applies to both dte_color_scheme_selector and dte_font_scheme_selector
 * widgets when display_type = "selector".
 *
 * Intentionally minimal: colors, padding, border-radius, and gap are
 * controlled via Elementor Style tab controls (written inline by Elementor).
 */

.ecs-scheme-sel-wrap {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.ecs-scheme-sel-label {
	flex-shrink: 0;
}

.ecs-scheme-sel-select {
	cursor: pointer;
	/* Let the browser default appearance show; Elementor controls handle the rest */
	max-width: 100%;
}

/* Editor-only notice (shown when implicit mode is active or scheme missing) */
.ecs-scheme-sel-notice {
	margin: 0;
	padding: 6px 10px;
	font-size: 12px;
	color: #777;
	background: #f7f7f7;
	border-left: 3px solid #ccc;
}