/* Responsive adjustments for explorer layout */

@media (max-width: 1024px) {
	.main-container {
		flex-direction: column;
	}

	.content-area {
		order: 1;
		min-height: 60vh;
	}

	.filters-panel {
		grid-template-columns: 1fr;
		padding: var(--space-5);
	}

	.filters-column {
		gap: var(--space-4);
	}

	.main-content {
		flex-direction: column;
	}

	.data-panel {
		width: 100%;
		height: 300px;
	}
}

@media (max-width: 768px) {
	.header-content {
		padding: var(--space-3) var(--space-4);
	}

	.nav-links {
		display: none;
	}

	.filters-dropdown {
		left: var(--space-3);
		right: var(--space-3);
	}

	.filters-dropdown details {
		max-width: 100%;
	}

	.filters-panel {
		padding: var(--space-4);
	}

	.filters-summary {
		flex-direction: column;
		align-items: flex-start;
		gap: var(--space-2);
	}

	.filters-summary-caret {
		align-self: flex-end;
	}

	.map-type-toolbar {
		top: var(--space-3);
		left: 50%;
		transform: translate(-50%, 0);
		width: calc(100% - 2 * var(--space-4));
		max-width: none;
	}

	.map-type-chip-row {
		flex-wrap: wrap;
		justify-content: center;
	}

	.map-type-search {
		width: 100%;
	}

	.map-type-search input {
		min-width: 0;
	}

	.content-header {
		flex-direction: column;
		gap: var(--space-3);
		align-items: stretch;
	}

	.button-group {
		grid-template-columns: 1fr;
	}
}