/* ============================================================
   Kenklin — Wishlist page
   ============================================================ */

.kk-wishlist { background-color: var(--kk-background); }

.kk-wishlist__container {
	max-width: 1440px;
	margin-inline: auto;
	padding: var(--kk-space-4) var(--kk-container-margin-mobile) var(--kk-space-8);
}

@media (min-width: 1024px) {
	.kk-wishlist__container {
		padding: var(--kk-space-6) var(--kk-container-margin-desktop) var(--kk-space-10);
	}
}

/* ---------- Header ---------- */

.kk-wishlist__head {
	margin-bottom: var(--kk-space-4);
}

.kk-wishlist__title {
	margin: 0 0 var(--kk-space-1);
	font-family: var(--kk-font-display);
	font-size: var(--kk-headline-lg-mobile-size);
	line-height: var(--kk-headline-lg-mobile-line-height);
	letter-spacing: var(--kk-headline-lg-tracking);
	text-transform: uppercase;
	color: var(--kk-on-background);
}

@media (min-width: 1024px) {
	.kk-wishlist__title {
		font-size: var(--kk-headline-lg-size);
		line-height: var(--kk-headline-lg-line-height);
	}
}

.kk-wishlist__count {
	margin: 0;
	color: var(--kk-on-surface-variant);
}

/* ---------- Toolbar (Clear All) ---------- */

.kk-wishlist__toolbar {
	display: flex;
	justify-content: flex-end;
	margin-bottom: var(--kk-space-2);
	padding-bottom: var(--kk-space-2);
	border-bottom: var(--kk-border-width) solid var(--kk-hairline);
}

.kk-wishlist__clear {
	background: transparent;
	border: 0;
	padding: 6px 0;
	margin: 0;
	color: var(--kk-on-surface-variant);
	cursor: pointer;
	letter-spacing: var(--kk-brand-label-tracking);
	text-transform: uppercase;
}

.kk-wishlist__clear:hover { color: var(--kk-on-background); }

/* ---------- Grid (reuses .kk-shop__grid from shop.css) ---------- */

.kk-wishlist__populated[hidden] { display: none; }

/* Wishlist cards fade in/out on add/remove. */
.kk-wishlist .kk-card {
	transition: opacity 200ms ease, transform 220ms ease;
}

.kk-wishlist .kk-card.is-leaving {
	opacity: 0;
	transform: translateY(-4px);
	pointer-events: none;
}

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

.kk-wishlist__empty {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 50vh;
}

.kk-wishlist__empty[hidden] { display: none; }

.kk-wishlist__empty-inner {
	max-width: 460px;
	text-align: center;
	padding: var(--kk-space-5) 0;
}

.kk-wishlist__empty-icon {
	color: var(--kk-outline-variant);
	margin: 0 auto var(--kk-space-3);
}

.kk-wishlist__empty-title {
	margin: 0 0 var(--kk-space-2);
	font-family: var(--kk-font-display);
	font-size: 28px;
	line-height: 32px;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: var(--kk-on-background);
}

.kk-wishlist__empty-body {
	margin: 0 0 var(--kk-space-3);
	color: var(--kk-on-surface-variant);
	font-family: var(--kk-font-body);
	font-size: 15px;
	line-height: 24px;
}

.kk-wishlist__empty .kk-btn {
	min-width: 220px;
	height: 56px;
}