/**
 * WooCommerce — the wishlist page
 * ==========================================================================
 * Enqueued by inc/woocommerce-assets.php on the wishlist page only. The heart
 * control itself is in components/wishlist.css, because it renders on every
 * product card across the site.
 *
 * Implements UI-LAYOUTS.md §11.
 *
 * @package Preloved
 * @since   1.3.0
 * ========================================================================== */

.wishlist { padding-block-end: var(--pl-space-8); }

.wishlist__head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--pl-space-3);
	margin-block-end: var(--pl-space-5);
	padding-block-end: var(--pl-space-4);
	border-block-end: 1px solid var(--pl-line-soft);
}

.wishlist__count {
	margin: 0;
	font-size: var(--pl-h3);
}

/* Mobile: "Add all" goes full width below the heading (UI-LAYOUTS §11). */
@media (max-width: 639px) {
	.wishlist__head { display: block; }
	.wishlist__head form { margin-block-start: var(--pl-space-3); }
	.wishlist__head .btn { inline-size: 100%; }
}

/*
 * The guest notice is persistent, not dismissible: a shopper who clears their
 * cookies loses the list, and the one moment they can prevent that is while
 * they are looking at it.
 */
.wishlist__notice {
	display: flex;
	align-items: flex-start;
	gap: var(--pl-space-2);
	margin-block-end: var(--pl-space-5);
	padding: var(--pl-space-3) var(--pl-space-4);
	background-color: var(--pl-peach-50);
	border-radius: var(--pl-radius-sm);
	font-size: var(--pl-body-sm);
	color: var(--pl-text-secondary);
}

.wishlist__notice .icon { flex: 0 0 auto; color: var(--pl-primary); }


/* ==========================================================================
   Sold items
   ========================================================================== */

.wishlist-sold {
	margin-block-start: var(--pl-space-8);
	padding-block-start: var(--pl-space-6);
	border-block-start: 1px solid var(--pl-line-soft);
}

.wishlist-sold__title { margin-block: 0 var(--pl-space-2); font-size: var(--pl-h4); }

.wishlist-sold__note {
	margin-block: 0 var(--pl-space-5);
	max-inline-size: 60ch;
	font-size: var(--pl-body-sm);
	color: var(--pl-text-muted);
}


/* ==========================================================================
   Empty state
   ========================================================================== */

.wishlist-empty {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--pl-space-3);
	padding-block: var(--pl-space-8);
	text-align: center;
}

.wishlist-empty__icon { color: var(--pl-text-disabled); }

.wishlist-empty__title { margin: 0; font-size: var(--pl-h3); }

.wishlist-empty__text {
	margin: 0;
	max-inline-size: 48ch;
	color: var(--pl-text-muted);
}