/*
 * Wishlist (Merkliste) page — brand styling for Blocksy's wishlist table. The page
 * renders in our .sisa-page reading layout (breadcrumb + Brauer title, like the
 * content pages); here we turn the default table into clean product rows that match
 * the product cards / detail page: square thumbs, Brauer titles, hairline rows,
 * yellow add-to-cart CTA, a sharp remove button. Scoped to the wishlist table, so
 * it only affects the Merkliste/Wishlist page.
 */

.sisa-page-body .ct-woocommerce-wishlist-table {
	max-width: 100%; margin: 8px 0 0; box-sizing: border-box;
	background: var(--sisa-panel, #fff);
	border: 1px solid var(--sisa-hairline, #eceae3);
	padding: 4px 28px;
}
.ct-woocommerce-wishlist-table table.shop_table { width: 100%; margin: 0; border: 0; border-collapse: collapse; background: none; }
.ct-woocommerce-wishlist-table thead { display: none; } /* no table header — clean list */
.ct-woocommerce-wishlist-table tbody,
.ct-woocommerce-wishlist-table tbody td { display: block; }
.ct-woocommerce-wishlist-table td { padding: 0; border: 0; }

.ct-woocommerce-wishlist-table tbody tr {
	display: grid;
	grid-template-columns: 88px minmax(0, 1fr) auto 38px;
	align-items: center;
	gap: 22px;
	padding: 20px 0;
	border-bottom: 1px solid var(--sisa-hairline, #eceae3);
}
.ct-woocommerce-wishlist-table tbody tr:last-child { border-bottom: 0; } /* panel border is the edge */

/* thumbnail */
.ct-woocommerce-wishlist-table .wishlist-product-thumbnail { width: 88px; }
.ct-woocommerce-wishlist-table .product-thumb { position: relative; display: block; width: 88px; height: 88px; overflow: hidden; background: var(--sisa-bg-card, #dfdfdf); }
/* Blocksy's .ct-media-container can push the <img> down within the frame; pin it
   to fill the square exactly so it stays centered (no top gap / bottom crop). */
.ct-woocommerce-wishlist-table .product-thumb img { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; object-fit: cover; object-position: center; display: block; }

/* name + price */
.ct-woocommerce-wishlist-table .wishlist-product-name { min-width: 0; }
.ct-woocommerce-wishlist-table .product-name { display: block; font-family: var(--sisa-display, "Brauer LL", serif); font-weight: 700; font-size: 18px; line-height: 1.2; letter-spacing: -.3px; color: var(--sisa-ink, #1a1a1a); text-decoration: none; }
.ct-woocommerce-wishlist-table .product-name:hover { text-decoration: underline; text-decoration-color: var(--sisa-yellow, #f4d435); text-decoration-thickness: 2px; text-underline-offset: 3px; }
.ct-woocommerce-wishlist-table .wishlist-product-name .price { margin: 6px 0 0; font-size: 14px; font-weight: 600; color: var(--sisa-ink, #1a1a1a); }
.ct-woocommerce-wishlist-table .wishlist-product-name .price del { font-weight: 400; color: var(--sisa-text-3, #a8a6a0); margin-left: 6px; }
.ct-woocommerce-wishlist-table .wishlist-product-name .price ins { text-decoration: none; }
.ct-woocommerce-wishlist-table .variation { margin: 6px 0 0; padding: 0; font-family: var(--sisa-mono, monospace); font-size: 11px; letter-spacing: .4px; color: var(--sisa-text-2, #676562); display: flex; flex-wrap: wrap; gap: 2px 6px; }
.ct-woocommerce-wishlist-table .variation dt { font-weight: 600; margin: 0; }
.ct-woocommerce-wishlist-table .variation dd { margin: 0; }
.ct-woocommerce-wishlist-table .product-mobile-actions { display: none !important; } /* use the dedicated action/remove columns */

/* add-to-cart → brand yellow CTA */
.ct-woocommerce-wishlist-table .wishlist-product-actions { justify-self: end; }
.ct-woocommerce-wishlist-table .wishlist-product-actions .button,
.ct-woocommerce-wishlist-table .wishlist-product-actions a.add_to_cart_button {
	display: inline-flex; align-items: center; justify-content: center; white-space: nowrap;
	min-height: 0; padding: 13px 22px; border: 0; border-radius: 0;
	background: var(--sisa-yellow, #f4d435) !important; color: var(--sisa-yellow-ink, #1a1a1a) !important;
	font-family: var(--sisa-body, "IBM Plex Sans", sans-serif); font-weight: 600; font-size: 12px; letter-spacing: 1.4px; text-transform: uppercase; line-height: 1; text-decoration: none;
}
.ct-woocommerce-wishlist-table .wishlist-product-actions .button::before { content: none !important; }
.ct-woocommerce-wishlist-table .wishlist-product-actions .button:hover { filter: brightness(.96); }
.ct-woocommerce-wishlist-table .wishlist-product-actions .added_to_cart { display: none !important; }

/* remove → sharp ink icon button (hover = brand red). Blocksy forces the cell to
   width:20px, so we override to 38px (matching the grid track) and stop the button
   from being flex-shrunk — otherwise it collapses to ~20px and sits off the edge. */
.ct-woocommerce-wishlist-table .wishlist-product-remove { width: 38px; justify-self: end; display: flex; justify-content: flex-end; }
.ct-woocommerce-wishlist-table .remove {
	flex: none; box-sizing: border-box;
	display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px;
	color: var(--sisa-text-3, #a8a6a0); background: var(--sisa-panel, #fff); border: 1px solid var(--sisa-hairline, #eceae3); border-radius: 0;
	font-size: 0; transition: color .12s, border-color .12s;
}
.ct-woocommerce-wishlist-table .remove svg { width: 14px; height: 14px; fill: currentColor; }
.ct-woocommerce-wishlist-table .remove:hover { color: var(--sisa-wishlist, #e0394a); border-color: var(--sisa-wishlist, #e0394a); background: var(--sisa-panel, #fff); }

/* empty state — match the Ratgeber empty panel */
.sisa-page-body .woocommerce-info {
	background: var(--sisa-panel-2, #fafaf7); border: 1px solid var(--sisa-hairline, #eceae3); border-left: 3px solid var(--sisa-yellow, #f4d435);
	margin: 8px 0 0; padding: 28px 26px; font-size: 15px; line-height: 1.6; color: var(--sisa-ink, #1a1a1a);
	display: flex; flex-direction: column; align-items: flex-start; gap: 16px;
}
.sisa-page-body .woocommerce-info::before { content: none; }
.sisa-page-body .woocommerce-info .button {
	order: 2; display: inline-flex; padding: 14px 24px; border: 0; border-radius: 0;
	background: var(--sisa-yellow, #f4d435); color: var(--sisa-yellow-ink, #1a1a1a);
	font-family: var(--sisa-body, "IBM Plex Sans", sans-serif); font-weight: 600; font-size: 12px; letter-spacing: 1.4px; text-transform: uppercase; text-decoration: none;
}

/* Below 1000px Blocksy HIDES .wishlist-product-actions/.wishlist-product-remove
   (expecting its mobile block our layout suppresses) — the page became a dead
   end: no add-to-cart, no remove. Re-show them and stack under the name. */
@media (max-width: 999.98px) {
	.ct-woocommerce-wishlist-table .wishlist-product-actions,
	.ct-woocommerce-wishlist-table .wishlist-product-remove { display: flex !important; }
	.ct-woocommerce-wishlist-table tbody tr { grid-template-columns: 64px minmax(0, 1fr) 38px; gap: 10px 16px; }
	.ct-woocommerce-wishlist-table .wishlist-product-thumbnail { width: 64px; grid-row: span 2; }
	.ct-woocommerce-wishlist-table .product-thumb { width: 64px; height: 64px; }
	.ct-woocommerce-wishlist-table .wishlist-product-name { grid-column: 2; }
	.ct-woocommerce-wishlist-table .wishlist-product-remove { grid-column: 3; grid-row: 1; }
	.ct-woocommerce-wishlist-table .wishlist-product-actions { grid-column: 2 / 4; grid-row: 2; justify-self: start; }
}

/* Qty stepper in the actions cell — sharp brand box (was rounded + dark border
   + a third height on the row). Mirrors the PDP stepper. */
.ct-woocommerce-wishlist-table .quantity {
	display: inline-flex; align-items: stretch; height: 44px; width: 120px;
	border: 1px solid var(--sisa-hairline, #eceae3); background: var(--sisa-panel, #fff);
	border-radius: 0; --theme-button-min-height: 44px;
}
.ct-woocommerce-wishlist-table .quantity input.qty {
	flex: 1 1 auto; width: 100%; min-width: 0; border: 0 !important; border-radius: 0 !important;
	--theme-form-field-border-radius: 0 !important; text-align: center;
	font-weight: 600; font-size: 14px; color: var(--sisa-ink, #1a1a1a); background: transparent;
}
.ct-woocommerce-wishlist-table .quantity .ct-increase,
.ct-woocommerce-wishlist-table .quantity .ct-decrease { border-radius: 0 !important; }
.ct-woocommerce-wishlist-table .wishlist-product-actions .button,
.ct-woocommerce-wishlist-table .wishlist-product-actions a.add_to_cart_button { height: 44px; box-sizing: border-box; }
.ct-woocommerce-wishlist-table .remove { width: 44px; height: 44px; }