/* Query Loop taxonomy filters (Human Made query-filter) — theme styles only. */

.wp-block-query .wp-block-query-filter {
	width: 100%;
	min-width: 0;
}

.wp-block-query .wp-block-query-filter__label {
	display: block;
	margin-bottom: var(--wp--preset--spacing--8);
	font-size: var(--wp--preset--font-size--s);
	line-height: 1.5;
	font-weight: 600;
	font-family: var(--wp--preset--font-family--sofia-pro);
	color: var(--wp--preset--color--dark);
}

.wp-block-query .wp-block-query-filter__select {
	box-sizing: border-box;
	display: block;
	width: 100%;
	height: 3rem;
	min-height: 3rem;
	max-height: 3rem;
	margin: 0;
	padding: 0 40px 0 16px;
	font-size: var(--wp--preset--font-size--s);
	line-height: 1.25;
	font-weight: 400;
	font-family: var(--wp--preset--font-family--sofia-pro);
	color: var(--wp--preset--color--dark);
	background-color: #fff;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23160F29' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 16px center;
	border: 1px solid var(--wp--preset--color--neutral-4);
	border-radius: 4px;
	appearance: none;
	cursor: pointer;
}

.wp-block-query .wp-block-query-filter__select:hover,
.wp-block-query .wp-block-query-filter__select:focus,
.wp-block-query .wp-block-query-filter__select:focus-visible {
	border-color: var(--wp--preset--color--light-teal);
	outline: none;
	box-shadow: 0 0 0 3px rgba(44, 135, 152, 0.15);
}

/* Optional pattern wrapper; also supports filters as direct children of .wp-block-query. */
.itbl-query-taxonomy-filters,
.wp-block-query:has(> .wp-block-query-filter) {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: var(--wp--preset--spacing--16);
	width: 100%;
}

.itbl-query-taxonomy-filters > .wp-block-query-filter,
.wp-block-query:has(> .wp-block-query-filter) > .wp-block-query-filter {
	flex: 1 1 0;
	min-width: min(11rem, 100%);
	margin-block-start: 0;
}

.itbl-query-taxonomy-filters > :not(.wp-block-query-filter),
.wp-block-query:has(> .wp-block-query-filter) > :not(.wp-block-query-filter) {
	flex: 1 1 100%;
	width: 100%;
	min-width: 100%;
}

.itbl-query-taxonomy-filters > .wp-block-post-template,
.wp-block-query:has(> .wp-block-query-filter) > .wp-block-post-template {
	margin-top: var(--wp--preset--spacing--32);
}

/* Mobile: single column stack. */
@media (max-width: 781px) {
	.itbl-query-taxonomy-filters > .wp-block-query-filter,
	.wp-block-query:has(> .wp-block-query-filter) > .wp-block-query-filter {
		flex: 1 1 100%;
		min-width: 100%;
	}
}