/**
 * Wishlist drawer — item rows + empty/loading/error states.
 * The drawer shell (.lms-drawer__panel, scrim, header) is shared with the
 * cart drawer and lives in style.css.
 *
 * @package LMS_Theme
 */

/* --- Item list --- */
.lms-wishlist-drawer__body {
	display: flex;
	flex-direction: column;
}

.lms-wishlist-item {
	position: relative;
	display: flex;
	gap: 14px;
	align-items: flex-start;
	padding: 14px 0;
	border-bottom: 1px solid var(--color-border);
}

.lms-wishlist-item:last-child {
	border-bottom: 0;
}

.lms-wishlist-item__thumb {
	flex-shrink: 0;
	width: 74px;
	height: 62px;
	border-radius: var(--radius-sm);
	overflow: hidden;
	background: var(--color-surface);
}

.lms-wishlist-item__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.lms-wishlist-item__info {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding-right: 32px;
}

.lms-wishlist-item__title {
	font-weight: 600;
	font-size: 14px;
	line-height: 1.4;
	color: var(--color-heading);
}

.lms-wishlist-item__title:hover {
	color: var(--color-accent);
}

.lms-wishlist-item__price {
	font-family: var(--font-heading);
	font-weight: 700;
	font-size: 15px;
	color: var(--color-accent);
}

.lms-wishlist-item__price del {
	margin-right: 6px;
	color: var(--color-text-muted);
	font-weight: 400;
	font-size: 12px;
}

.lms-wishlist-item__price ins {
	text-decoration: none;
}

.lms-wishlist-item__remove {
	position: absolute;
	top: 14px;
	right: 0;
	width: 28px;
	height: 28px;
	border: none;
	border-radius: 50%;
	background: var(--color-surface);
	color: var(--color-text-muted);
	font-size: 18px;
	line-height: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: background 0.2s, color 0.2s;
}

.lms-wishlist-item__remove:hover {
	background: var(--color-sale);
	color: #ffffff;
}

/* --- Empty / loading / error states --- */
.lms-wishlist__empty--panel {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	text-align: center;
	padding: 40px 8px;
}

.lms-wishlist__empty-icon {
	font-size: 34px;
	line-height: 1;
	color: var(--color-accent);
}

.lms-wishlist__empty--panel p,
.lms-wishlist__empty--msg,
.lms-wishlist__error,
.lms-wishlist__loading {
	margin: 0;
	color: var(--color-text-muted);
	font-size: 14px;
}

.lms-wishlist__empty--msg,
.lms-wishlist__error,
.lms-wishlist__loading {
	padding: 24px 8px;
	text-align: center;
}