/**
 * Custom Product Cards — My Account wishlist (My Favorites)
 * Two-row card layout per product.
 */

#yith-wcwl-form .wishlist-title-container,
#yith-wcwl-form .wishlist-title {
	display: none !important;
	margin: 0 !important;
	padding: 0 !important;
	height: 0 !important;
	border: none !important;
	overflow: hidden !important;
}

.yith-wcwl-messages,
#yith-wcwl-form .woocommerce-message,
#yith-wcwl-form .woocommerce-info,
#yith-wcwl-form > p:empty,
#yith-wcwl-form > br {
	display: none !important;
}

#yith-wcwl-form {
	background: #fff !important;
	border-radius: 12px !important;
	margin: 0 !important;
	padding: 16px !important;
	border: 1px solid #e5e7eb !important;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03) !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

/* Convert table → card list */
table.wishlist_table {
	width: 100% !important;
	border: none !important;
	margin: 0 !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
}

table.wishlist_table thead {
	display: none !important;
}

table.wishlist_table tbody {
	display: flex !important;
	flex-direction: column !important;
	gap: 12px !important;
}

table.wishlist_table tbody tr {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid #e5e7eb !important;
	border-radius: 12px !important;
	background: #fff !important;
	overflow: hidden !important;
	transition: box-shadow 0.15s ease, border-color 0.15s ease !important;
}

table.wishlist_table tbody tr:hover {
	border-color: #f0c000 !important;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06) !important;
	background: #fff !important;
}

table.wishlist_table tbody td {
	display: none !important;
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
}

table.wishlist_table tbody td.cpc-wl-card-cell {
	display: block !important;
	width: 100% !important;
}

table.wishlist_table tbody td.wishlist-empty {
	display: block !important;
	text-align: center !important;
	padding: 40px 20px !important;
	color: #6b7280 !important;
}

/* Card shell built by JS */
.cpc-wl-card {
	display: grid !important;
	grid-template-columns: 36px 72px minmax(0, 1fr) !important;
	grid-template-rows: auto auto auto !important;
	gap: 8px 12px !important;
	padding: 14px 16px !important;
	align-items: center !important;
	box-sizing: border-box !important;
}

.cpc-wl-card-remove {
	grid-column: 1 !important;
	grid-row: 1 / span 3 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	align-self: stretch !important;
}

.cpc-wl-card-thumb {
	grid-column: 2 !important;
	grid-row: 1 / span 3 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.cpc-wl-card-top {
	grid-column: 3 !important;
	grid-row: 1 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 12px !important;
	min-width: 0 !important;
	flex-wrap: wrap !important;
}

.cpc-wl-card-meta-row {
	grid-column: 3 !important;
	grid-row: 2 !important;
	display: flex !important;
	align-items: center !important;
	min-width: 0 !important;
}

.cpc-wl-card-bottom {
	grid-column: 3 !important;
	grid-row: 3 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 12px !important;
	min-width: 0 !important;
	flex-wrap: wrap !important;
}

.cpc-wl-card-title {
	flex: 1 1 200px !important;
	min-width: 0 !important;
}

.cpc-wl-card-title a {
	font-size: 15px !important;
	font-weight: 700 !important;
	color: #111827 !important;
	text-decoration: none !important;
	line-height: 1.35 !important;
	display: block !important;
}

.cpc-wl-card-title a:hover {
	color: #2563eb !important;
}

.cpc-wl-card-side {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	flex: 0 0 auto !important;
}

.cpc-wl-card-price {
	font-size: 15px !important;
	font-weight: 800 !important;
	color: #111827 !important;
	white-space: nowrap !important;
}

.cpc-wl-card-price del {
	color: #9ca3af !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	margin-right: 4px !important;
}

.cpc-wl-card-price ins {
	text-decoration: none !important;
	color: #dc2626 !important;
}

.cpc-wl-card-stock .wishlist-in-stock,
.cpc-wl-card-stock span.wishlist-in-stock {
	display: inline-block !important;
	padding: 4px 10px !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	color: #15803d !important;
	background: #f0fdf4 !important;
	border: 1px solid #bbf7d0 !important;
	border-radius: 20px !important;
	white-space: nowrap !important;
}

.cpc-wl-card-stock .wishlist-out-of-stock,
.cpc-wl-card-stock span.wishlist-out-of-stock {
	display: inline-block !important;
	padding: 4px 10px !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	color: #b91c1c !important;
	background: #fef2f2 !important;
	border: 1px solid #fecaca !important;
	border-radius: 20px !important;
	white-space: nowrap !important;
}

.cpc-wl-meta {
	margin: 0 !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	color: #6b7280 !important;
	line-height: 1.4 !important;
	flex: 1 1 auto !important;
	min-width: 0 !important;
}

.cpc-wl-meta strong {
	color: #374151 !important;
	font-weight: 700 !important;
}

.cpc-wl-card-actions {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	flex: 0 0 auto !important;
	margin: 0 !important;
}

/* Remove button */
.cpc-wl-card-remove a.remove,
.cpc-wl-card-remove a {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 28px !important;
	height: 28px !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 1px solid #d1d5db !important;
	border-radius: 50% !important;
	color: #6b7280 !important;
	font-size: 18px !important;
	line-height: 1 !important;
	text-decoration: none !important;
	box-sizing: border-box !important;
}

.cpc-wl-card-remove a:hover {
	background: #fee2e2 !important;
	border-color: #fecaca !important;
	color: #ef4444 !important;
}

/* Thumbnail */
.cpc-wl-card-thumb a {
	display: block !important;
	width: 64px !important;
	height: 64px !important;
}

.cpc-wl-card-thumb img {
	width: 64px !important;
	height: 64px !important;
	object-fit: contain !important;
	border-radius: 8px !important;
	border: 1px solid #e5e7eb !important;
	background: #fff !important;
	display: block !important;
}

/* Qty controls */
.cpc-wl-qty-controls {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	margin: 0 !important;
	width: auto !important;
}

.cpc-wl-qty-controls .cpc-qty-btn {
	width: 32px !important;
	height: 32px !important;
	border: 2px solid #333 !important;
	background: #fff !important;
	border-radius: 4px !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	color: #333 !important;
	cursor: pointer !important;
	line-height: 1 !important;
	padding: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.cpc-wl-qty-controls .cpc-qty-btn:hover {
	background: #ffc107 !important;
}

.cpc-wl-qty-controls .cpc-qty-input,
.cpc-wl-qty-controls .cpc-wl-qty-input {
	width: 56px !important;
	height: 34px !important;
	margin: 0 !important;
	padding: 4px 6px !important;
	border: 2px solid #333 !important;
	border-radius: 4px !important;
	text-align: center !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	box-sizing: border-box !important;
	-moz-appearance: textfield;
}

.cpc-wl-qty-controls .cpc-qty-input::-webkit-outer-spin-button,
.cpc-wl-qty-controls .cpc-qty-input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.cpc-wl-card-actions a.add_to_cart_button,
.cpc-wl-card-actions button.add_to_cart_button,
.cpc-wl-card-actions .button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	white-space: nowrap !important;
	padding: 9px 16px !important;
	background: #111827 !important;
	color: #fff !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	border-radius: 6px !important;
	text-decoration: none !important;
	border: none !important;
}

.cpc-wl-card-actions a.add_to_cart_button:hover,
.cpc-wl-card-actions .button:hover {
	background: #ffc107 !important;
	color: #111827 !important;
}

@media (max-width: 782px) {
	.cpc-wl-card {
		grid-template-columns: 28px 56px minmax(0, 1fr) !important;
		gap: 8px 10px !important;
		padding: 12px !important;
	}

	.cpc-wl-card-remove,
	.cpc-wl-card-thumb {
		grid-row: 1 / span 3 !important;
	}

	.cpc-wl-card-thumb a,
	.cpc-wl-card-thumb img {
		width: 52px !important;
		height: 52px !important;
	}

	.cpc-wl-card-top,
	.cpc-wl-card-bottom {
		flex-direction: column !important;
		align-items: flex-start !important;
	}

	.cpc-wl-card-actions {
		width: 100% !important;
		justify-content: flex-start !important;
	}
}