/**
 * Webcodexworld Car Buying & Selling
 * `[carbs_wishlist]` page styles.
 *
 * This page reuses `.carbs-listing-wrap` (and its `--carbs-l-*` variables /
 * defensive resets) from carbs-car-listing.css - loaded as a dependency, see
 * class-carbs-scripts.php - and the exact same card markup/classes via
 * templates/parts/car-listing-card.php, so wishlisted cars render pixel
 * identical to the main listing grid. Only the page-level chrome (no
 * sidebar, header, empty state, loading/removal states) lives here.
 *
 * @package Webcodexworld Car Buying & Selling
 * @since 1.2.8
 */

/* The base .carbs-listing-wrap is a 2-column [sidebar | results] grid - the
   wishlist page has no sidebar, so cancel that and stack full-width while
   still inheriting the CSS variables/resets/max-width from the base class. */
.carbs-wishlist-page.carbs-listing-wrap {
	display: block;
}

.carbs-wishlist-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 14px;
	margin-bottom: 20px;
}

.carbs-wishlist-header .carbs-listing-heading {
	display: flex;
	align-items: center;
	gap: 10px;
}

.carbs-wishlist-header .carbs-listing-heading .fas {
	color: var(--tpc-red);
	font-size: 21px;
}

.carbs-wishlist-header .carbs-listing-reset {
	font-size: 13.5px;
}

/* ---- Count line ---- */

.carbs-wishlist-count {
	margin: 0 0 18px;
}

/* ---- Results container (loading / removal states) ---- */

.carbs-wishlist-results {
	position: relative;
	min-height: 80px;
	transition: opacity 0.15s ease;
}

.carbs-wishlist-results.is-loading {
	opacity: 0.5;
	pointer-events: none;
}

.carbs-wishlist-results .carbs-listing-card.is-removing {
	opacity: 0;
	transform: scale(0.97);
	transition: opacity 0.18s ease, transform 0.18s ease;
}

/* ---- Empty state ---- */

.carbs-wishlist-empty {
	padding: 60px 20px;
}

.carbs-wishlist-empty .fas {
	font-size: 34px;
	color: var(--carbs-l-primary-light);
	margin-bottom: 14px;
}

.carbs-wishlist-empty p {
	max-width: 380px;
	margin: 0 auto 20px;
	font-size: 14px;
	line-height: 1.5;
	color: var(--tpc-gray);
}

.carbs-wishlist-browse-btn {
	display: inline-flex;
}

@media (max-width: 767.98px) {
	.carbs-wishlist-header {
		align-items: flex-start;
	}
}