/*
 Theme Name:   Simply Select Custom Theme
 Theme URI:    
 Description:  
 Author:       James Rice
 Author URI:   
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* Property filter dropdowns (Bricks query filters).
   Styles the closed control only — the open picker stays native per device. */
.brxe-block:has(> select.brxe-filter-select) {
	align-items: center;
}

select.brxe-filter-select {
	appearance: none;
	-webkit-appearance: none;
	font-family: var(--ywf--family-nunito, 'Nunito', sans-serif);
	font-size: 0.85em;
	font-weight: 600;
	letter-spacing: var(--ss-uppercase-ls, 0.08em);
	text-transform: uppercase;
	color: var(--ss-text, #1a1a1a);
	background-color: transparent;
	border: none;
	border-bottom: 1px solid var(--ss-accent, #b87a52);
	border-radius: 0;
	padding: 0.65em 2em 0.65em 0.15em;
	cursor: pointer;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7'%3E%3Cpath d='M1 1l4.5 4.5L10 1' fill='none' stroke='%23b87a52' stroke-width='1.25'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 0.35em center;
	background-size: 11px 7px;
	transition: border-color var(--ss-trans, 180ms ease), color var(--ss-trans, 180ms ease);
}

select.brxe-filter-select:hover {
	border-bottom-color: var(--ss-text, #1a1a1a);
}

select.brxe-filter-select:focus,
select.brxe-filter-select:focus-visible {
	outline: 2px solid var(--ss-accent, #b87a52);
	outline-offset: 3px;
	border-radius: 0;
}

/* Placeholder option selected — soften slightly so a chosen value reads stronger */
select.brxe-filter-select:has(option.placeholder:checked) {
	color: var(--ss-text-muted, #555);
}