/**
 * Select com barra à esquerda — is-style-lzm-select-bar-left.
 *
 * Espelha .seletor select do protótipo (home-abertura.html):
 * gradiente 165deg #F2F2F0→#fff, só border-left sage, sombra, Cardo, chevron.
 * Bloco: lzm/taxonomy-dropdown-filters.
 */

.wp-block-lzm-taxonomy-dropdown-filters.is-style-lzm-select-bar-left {
	--lzm-dd-select-background: transparent;
	--lzm-dd-select-border-width: 0;
	--lzm-dd-select-border-style: none;
	--lzm-dd-select-border-color: transparent;
	--lzm-dd-select-border-radius: var(--wp--custom--raio, 6px);
	--lzm-dd-select-color: var(--wp--preset--color--chumbo, #2e2d32);
	--lzm-dd-select-font-family: var(
		--wp--preset--font-family--display,
		"Cardo",
		serif
	);
	--lzm-dd-select-font-size: 20px;
	--lzm-dd-select-font-weight: 400;
	--lzm-dd-select-min-height: 0;
	--lzm-dd-select-padding-block: 17px;
	--lzm-dd-select-padding-inline: 20px;
}

.wp-block-lzm-taxonomy-dropdown-filters.is-style-lzm-select-bar-left
	.lzm-taxonomy-dropdown-filters__control {
	position: relative;
	overflow: visible;
	/* !important: vence vars/inline do painel Select e o border-width do style base */
	background: linear-gradient(165deg, #f2f2f0 0%, #ffffff 62%) !important;
	border: 0 !important;
	border-inline-start: 5px solid var(--wp--preset--color--sage, #7c8b6e) !important;
	border-radius: var(--wp--custom--raio, 6px) !important;
	box-shadow:
		0 1px 3px rgba(46, 45, 50, 0.05),
		0 14px 30px -24px rgba(46, 45, 50, 0.35);
}

/* Chevron do protótipo (.seletor::after) — não compete com o gradiente. */
.wp-block-lzm-taxonomy-dropdown-filters.is-style-lzm-select-bar-left
	.lzm-taxonomy-dropdown-filters__control::after {
	content: "";
	position: absolute;
	inset-inline-end: 20px;
	top: 50%;
	width: 9px;
	height: 9px;
	margin-top: -6px;
	border-inline-end: 1.8px solid var(--wp--preset--color--tinta-2, #6b6a66);
	border-bottom: 1.8px solid var(--wp--preset--color--tinta-2, #6b6a66);
	transform: rotate(45deg);
	pointer-events: none;
	z-index: 1;
}

.wp-block-lzm-taxonomy-dropdown-filters.is-style-lzm-select-bar-left
	.lzm-taxonomy-dropdown-filters__select {
	-webkit-appearance: none;
	appearance: none;
	width: 100%;
	margin: 0;
	padding: 17px 52px 17px 20px !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
	outline: none !important;
	color: var(--wp--preset--color--chumbo, #2e2d32) !important;
	font-family: var(--wp--preset--font-family--display, "Cardo", serif);
	font-size: 20px;
	font-weight: 400;
	line-height: 1.3;
	cursor: pointer;
}

.wp-block-lzm-taxonomy-dropdown-filters.is-style-lzm-select-bar-left
	.lzm-taxonomy-dropdown-filters__select:focus,
.wp-block-lzm-taxonomy-dropdown-filters.is-style-lzm-select-bar-left
	.lzm-taxonomy-dropdown-filters__select:focus-visible,
.wp-block-lzm-taxonomy-dropdown-filters.is-style-lzm-select-bar-left
	.lzm-taxonomy-dropdown-filters__select:active {
	outline: none !important;
	border: 0 !important;
	box-shadow: none !important;
}

/* Foco só no chrome — anel discreto, nunca borda sage em volta. */
.wp-block-lzm-taxonomy-dropdown-filters.is-style-lzm-select-bar-left
	.lzm-taxonomy-dropdown-filters__control:focus-within {
	outline: 2px solid color-mix(in srgb, var(--wp--preset--color--chumbo, #2e2d32) 35%, transparent);
	outline-offset: 2px;
}

.wp-block-lzm-taxonomy-dropdown-filters.is-style-lzm-select-bar-left
	.lzm-taxonomy-dropdown-filters__select::-ms-expand {
	display: none;
}