/* Sally Antiques Wishlist — styles. Tweak freely to match the theme. */

.sa-wl-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: none;
	border: 1px solid #ddd;
	border-radius: 6px;
	padding: 6px 12px;
	cursor: pointer;
	color: #333;
	font-size: 13px;
	line-height: 1;
	transition: color .15s, border-color .15s, opacity .15s;
}
.sa-wl-btn:hover { border-color: #999; }
.sa-wl-btn .sa-wl-icon svg { display: block; }
.sa-wl-btn.is-active { color: #e0245e; border-color: #e0245e; }
.sa-wl-btn.is-active .sa-wl-icon svg { fill: #e0245e; }
.sa-wl-btn.is-loading { opacity: .5; pointer-events: none; }

/* Header icon + count */
.sa-wl-header {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	position: relative;
}
.sa-wl-header .sa-wl-icon svg { display: block; }
.sa-wl-header-count {
	min-width: 18px;
	height: 18px;
	padding: 0 5px;
	background: #e0245e;
	color: #fff;
	border-radius: 9px;
	font-size: 11px;
	line-height: 18px;
	text-align: center;
	box-sizing: border-box;
}

/* Wishlist page grid */
.sa-wl-grid {
	list-style: none;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	padding: 0;
	margin: 0;
}
@media (max-width: 921px) { .sa-wl-grid { grid-template-columns: repeat(2, 1fr); } }
.sa-wl-item { position: relative; text-align: center; }
.sa-wl-item img { width: 100%; height: auto; }
.sa-wl-title { font-size: 15px; margin: 8px 0 4px; }
.sa-wl-price { display: block; margin-bottom: 8px; }
.sa-wl-remove {
	background: none;
	border: none;
	color: #999;
	cursor: pointer;
	text-decoration: underline;
	font-size: 12px;
}
.sa-wl-remove:hover { color: #e0245e; }
.sa-wl-empty { padding: 40px 0; text-align: center; color: #666; }
.sa-wl-loading { padding: 40px 0; text-align: center; color: #888; }