form.itf-filter-container{ 
	display: flex; 
	gap: 15px; 
	margin-bottom: 20px; 
	align-items: center; /* Align button with inputs */
	flex-direction: column;
}

.form-body{
	display: flex;
	gap: 15px; 
}

.itf-select-group {
	display: flex;
	flex-direction: column;
	gap: 5px;
	text-align: left;
}

.form-footer{
	display: flex;
	flex-direction: column;
	gap: 6px;
}


button#filter-toggle{
	display: none;
}

@media (max-width: 768px) {
	/* Show toggle button */
	button#filter-toggle {
		display: flex;
		gap: 4px;
		align-items: center;
		margin: 0 auto;

	}
	
	button#filter-toggle span.filter-icon{
		width: 16px;
		height: auto;
	}
	
	/* Hide form by default on mobile */
	form.itf-filter-container {
		display: none;
	}
	
	form.itf-filter-container.itf-visible {
		display: flex;
		flex-direction: column;
		margin-top: 16px;
	}

	
	form.itf-filter-container .itf-select-group {
		width: 100%;
	}
	
	form.itf-filter-container .itf-filter-container select {
		width: 100%;
	}
	
	form.itf-filter-container .itf-submit-btn {
		width: 100%;
	}
	
	form.itf-filter-container .form-body{
		width: 80%;
		flex-direction: column;
	}
}