/* Property Archive Page - filter bar + toolbar + views */

.pls-archive {
	--pls-orange: #f15a29;
	--pls-navy: #14213d;
	--pls-gray: #6b7280;
	--pls-border: #e5e7eb;
	max-width: 1280px;
	margin: 0 auto;
	padding: 40px 24px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

/* Tabs row (reuse pls-tab styles from property-listing.css, add margin) */
.pls-archive-tabs {
	margin-bottom: 20px;
}

/* Filter bar */
.pls-filter-bar {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 20px;
	background: #fff;
	border: 1px solid var(--pls-border);
	border-radius: 14px;
	padding: 18px 22px;
	margin-bottom: 14px;
}

.pls-filter-field {
	display: flex;
	flex-direction: column;
	gap: 6px;
	flex: 1;
	min-width: 160px;
}

.pls-filter-field label {
	font-size: 12px;
	color: var(--pls-gray);
	font-weight: 600;
}

.pls-input {
	border: none;
	border-bottom: 1px solid transparent;
	background: transparent;
	font-size: 14px;
	font-weight: 600;
	color: var(--pls-navy);
	padding: 4px 0;
	outline: none;
	appearance: none;
	-webkit-appearance: none;
}

select.pls-input {
	cursor: pointer;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6'><path d='M0 0l5 6 5-6z' fill='%236b7280'/></svg>");
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 16px;
}

.pls-input::placeholder {
	color: #9ca3af;
	font-weight: 500;
}

.pls-more-toggle,
.pls-reset-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	border: 1px solid var(--pls-border);
	background: #fff9f6;
	color: var(--pls-orange);
	font-size: 14px;
	font-weight: 600;
	padding: 12px 18px;
	border-radius: 10px;
	cursor: pointer;
	white-space: nowrap;
	transition: background 0.2s ease;
}

.pls-reset-btn {
	color: var(--pls-navy);
	background: #f4f4f6;
	padding: 12px 14px;
}

.pls-more-toggle:hover,
.pls-reset-btn:hover {
	background: #ffe9e0;
}

/* More (advanced) filter panel */
.pls-more-panel {
	display: none;
	flex-wrap: wrap;
	gap: 20px;
	background: #fff;
	border: 1px solid var(--pls-border);
	border-radius: 14px;
	padding: 18px 22px;
	margin-bottom: 14px;
}

.pls-more-panel.is-open {
	display: flex;
}

/* Toolbar: items found + view toggle + sort */
.pls-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	margin: 22px 0 24px;
}

.pls-items-found {
	color: var(--pls-orange);
	font-weight: 700;
	font-size: 14px;
}

.pls-items-count {
	font-size: 15px;
}

.pls-toolbar-right {
	display: flex;
	align-items: center;
	gap: 14px;
}

.pls-view-toggle {
	display: inline-flex;
	border: 1px solid var(--pls-border);
	border-radius: 10px;
	overflow: hidden;
}

.pls-view-btn {
	border: none;
	background: #fff;
	color: var(--pls-gray);
	padding: 10px 14px;
	cursor: pointer;
	border-right: 1px solid var(--pls-border);
	transition: background 0.2s ease, color 0.2s ease;
}

.pls-view-btn:last-child {
	border-right: none;
}

.pls-view-btn.is-active,
.pls-view-btn:hover {
	background: var(--pls-navy);
	color: #fff;
}

.pls-sort-select {
	border: 1px solid var(--pls-border);
	border-radius: 10px;
	padding: 10px 26px 10px 16px;
	background-color: #fff9f6;
	color: var(--pls-orange);
	font-weight: 700;
}

/* Results grid (default = grid view, reuse .pls-card design) */
.pls-archive-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 28px;
}

@media (max-width: 992px) {
	.pls-archive-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 640px) {
	.pls-archive-grid {
		grid-template-columns: 1fr;
	}
}

/* Compact view: chote cards, zyada columns */
.pls-archive[data-view="compact"] .pls-archive-grid {
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}

.pls-archive[data-view="compact"] .pls-card-body {
	padding: 22px 16px 16px;
}

.pls-archive[data-view="compact"] .pls-excerpt {
	display: none;
}

@media (max-width: 992px) {
	.pls-archive[data-view="compact"] .pls-archive-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* List view: image left, details right, ek column */
.pls-archive[data-view="list"] .pls-archive-grid {
	grid-template-columns: 1fr;
}

.pls-archive[data-view="list"] .pls-card {
	flex-direction: row;
}

.pls-archive[data-view="list"] .pls-card-media {
	width: 320px;
	flex: 0 0 320px;
	aspect-ratio: auto;
}

.pls-archive[data-view="list"] .pls-card-body {
	flex: 1;
}

.pls-archive[data-view="list"] .pls-footer {
	max-width: 420px;
}

@media (max-width: 768px) {
	.pls-archive[data-view="list"] .pls-card {
		flex-direction: column;
	}
	.pls-archive[data-view="list"] .pls-card-media {
		width: 100%;
		flex-basis: auto;
		aspect-ratio: 4 / 3;
	}
}

/* Pagination */
.pls-pagination {
	display: flex;
	justify-content: center;
	gap: 8px;
	margin-top: 32px;
}

.pls-page-btn {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	border: 1px solid var(--pls-border);
	background: #fff;
	color: var(--pls-navy);
	font-weight: 600;
	cursor: pointer;
	transition: background 0.2s ease, color 0.2s ease;
}

.pls-page-btn.is-active,
.pls-page-btn:hover {
	background: var(--pls-orange);
	color: #fff;
	border-color: var(--pls-orange);
}

/* Loading state */
.pls-archive-results.is-loading {
	opacity: 0.5;
	pointer-events: none;
}