@charset "UTF-8";

/**
 * WP Grid Builder block styles.
 *
 * @package museegodf
 * @author  Grégoire Noyelle
 * @license GPL-2.0-or-later
 * @link    https://www.gregoirenoyelle.com/
 */

/**
 * Select facet — Primary Arrow 2 button style.
 * Matches is-style-button-primary-2-arrow-down; the native chevron built
 * into WP Grid Builder's select markup is recolored instead of swapping
 * in the theme's own arrow-down icon.
 */

.wpgb-select-facet select.wpgb-select {
	color: var(--wp--preset--color--tw-light) !important;
	background-color: var(--wp--preset--color--tw-primary-2) !important;
	border: 1px solid var(--wp--preset--color--tw-primary-2) !important;
	border-radius: 0 !important;
	padding: var(--wp--preset--spacing--tw-extra-small) calc(var(--wp--preset--spacing--tw-small) + 2rem) var(--wp--preset--spacing--tw-extra-small) var(--wp--preset--spacing--tw-small) !important;
	font-family: var(--wp--preset--font-family--tw-font-1) !important;
	font-size: var(--wp--preset--font-size--tw-5) !important;
	letter-spacing: 3px !important;
	text-transform: uppercase !important;
	cursor: pointer;
}

.wpgb-select-facet .wpgb-select-separator {
	display: none;
}

.wpgb-select-facet .wpgb-select-toggle {
	stroke: var(--wp--preset--color--tw-light) !important;
	stroke-width: 1.5px !important;
}