/* Styles for COP listings search/filter panel */

.cop-filter-form {
	background: #FFFFFF;
	border: 1px solid #ccc;
	border-radius: 12px;
	padding: 20px;
	font-size: 15px;
	box-shadow: none !important;
	outline: none !important;
    min-width: 180px;
    max-width: 650px;
}

.cop-filter-form:focus-within {
	outline: none !important;
	box-shadow: none !important;
}

.cop-filter-form input:focus,
.cop-filter-form button:focus,
.cop-filter-form a:focus {
	outline: none !important;
	box-shadow: none !important;
}

.cop-filter-form__recommended {
	margin-bottom: 16px;
}

.cop-filter-form__recommended label {
	display: flex;
	align-items: center;
	gap: 6px;
}

.cop-filter-form__work-type {
	margin-top: 20px;
}

.cop-filter-form__work-type strong {
	display: block;
	margin-bottom: 6px;
}

/* Collapsible service category accordions */

.waves-search-subcat-filter {
	margin-top: 12px;
}

.waves-search-subcat-filter summary {
	list-style: none;
	display: flex;
	align-items: center;
	gap: 6px;
	cursor: pointer;
	user-select: none;
	padding: 0;
	font-weight: 600;
}

.waves-search-subcat-filter summary::-webkit-details-marker {
	display: none;
}

.waves-search-subcat-filter summary svg {
	flex-shrink: 0;
	transform: rotate(0deg);
	transition: transform 0.18s ease;
}

.waves-search-subcat-filter[open] summary svg {
	transform: rotate(90deg);
}

.waves-search-subcat-filter .waves-filter-options {
	margin-top: 8px;
	margin-left: 20px;
}

.waves-search-subcat-filter summary:focus-visible {
	outline: 2px solid var(--waves-focus, #5b9dd9);
	border-radius: 4px;
}

.cop-filter-form__actions {
	margin-top: 16px;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.cop-filter-form__actions .waves-button {
	margin: 0;
    border: 1px solid var(--color-primary-light);
    border-radius: var(--waves-border-radius);
    width: 100px;
    height: var(--button-height-slim, 32px);
	display: flex;
	align-items: center;
	justify-content: center;
	/* padding: 0; */
}