/*
 * Liquid Glass — Wishlist (Mi Cuenta) y Compare (QUITADO, 2026-07)
 *
 * CONFIRMADO en el sitio en vivo (inspección real, no adivinado):
 *   - Wishlist es de ShopEngine: <table class="table table-bordered shopengine-wishlist">
 *     con encabezados simples <th>Products</th> / <th>Unit Price</th> /
 *     <th>Stock Status</th> / <th>Action</th> (sin clases propias en el <th>).
 *   - Compare usaba el plugin "WooCommerce Compare"/WPC Smart Compare
 *     (prefijo "woosc") — el cliente pidió QUITARLO (no funcionaba bien ni
 *     en móvil ni desktop), así que ahora se oculta por completo por CSS,
 *     ver sección más abajo.
 *
 * SIN CONFIRMAR todavía (la tabla de Wishlist estaba vacía, sin productos):
 *   - Las clases de fila/celda de producto dentro de "shopengine-wishlist"
 *     (imagen, nombre, botón "Añadir al carrito", ícono de quitar).
 *   Agrega un producto a wishlist y mándame otra captura con una fila real
 *   para afinar esto — mientras tanto, las reglas de abajo cubren la
 *   tabla/encabezado (confirmado) y usan selectores genéricos seguros para
 *   filas/botones (funcionan igual aunque el nombre exacto cambie un poco,
 *   porque apuntan a <img>, <td>, ".button" dentro de la tabla).
 *
 * Mismo criterio conservador que my-account.css: sin JavaScript, botones
 * siempre con "color" explícito.
 *
 * Breakpoints: ver assets/css/liquid-glass.css (móvil ≤544px, tablet ≤976px).
 */

/* ============================================================
   Wishlist (confirmado: table.shopengine-wishlist)
   ============================================================ */

.woocommerce-account table.shopengine-wishlist {
	width: 100%;
	border-collapse: collapse;
	background: var(--glass-bg-fallback);
	border: 1px solid var(--glass-border);
	border-radius: var(--glass-radius);
	overflow: hidden;
}

@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)) {
	.woocommerce-account table.shopengine-wishlist {
		background: var(--glass-bg);
		-webkit-backdrop-filter: blur(var(--glass-blur));
		backdrop-filter: blur(var(--glass-blur));
	}
}

.woocommerce-account table.shopengine-wishlist thead th {
	background: var(--glass-tint-bg-fallback);
	color: var(--brand-blue-deep, #004d93);
	font-weight: 700;
	text-align: left;
	padding: 14px 16px;
	border: none;
}

.woocommerce-account table.shopengine-wishlist tbody td {
	padding: 14px 16px;
	border-top: 1px solid var(--glass-border);
	border-left: none;
	border-right: none;
	vertical-align: middle;
	color: #1e293b;
}

.woocommerce-account table.shopengine-wishlist tbody tr:hover {
	background: rgba(82, 113, 255, 0.05);
}

.woocommerce-account table.shopengine-wishlist img {
	border-radius: calc(var(--glass-radius) - 12px);
	max-width: 64px;
	height: auto;
}

/* Botones dentro de la tabla (ej. "Añadir al carrito") — mismo bug ya
   conocido: sin "color" explícito heredan texto blanco sobre fondo claro. */
.woocommerce-account table.shopengine-wishlist .button,
.woocommerce-account table.shopengine-wishlist a.button {
	border-radius: 999px;
	border: 1px solid rgba(255, 255, 255, 0.5);
	background: var(--glass-cta-gradient);
	box-shadow: var(--glass-cta-glow);
	color: var(--glass-cta-text);
	padding: 8px 16px;
	font-size: 0.85rem;
	font-weight: 600;
	display: inline-block;
}

@media (hover: hover) and (pointer: fine) {
	.woocommerce-account table.shopengine-wishlist .button:hover,
	.woocommerce-account table.shopengine-wishlist a.button:hover {
		box-shadow: var(--glass-cta-glow-hover);
		color: var(--glass-cta-text);
	}
}

/* Ícono de "quitar de la lista" (genérico: un enlace/botón secundario que
   no sea .button, ej. una "x" o ícono de basura) */
.woocommerce-account table.shopengine-wishlist a:not(.button):not(.add_to_cart_button) {
	color: rgba(30, 41, 59, 0.55);
}

/* ============================================================
   Compare — QUITADO (2026-07)
   ============================================================ */

/*
 * El cliente pidió quitar el comparador de equipos (plugin WPC Smart
 * Compare, prefijo "woosc") porque "no está funcionando correctamente, ni
 * en móvil ni desktop". Se oculta por CSS en vez de desactivar el plugin
 * (eso lo decide el cliente desde wp-admin → Plugins si prefiere quitarlo
 * del todo del sitio) — así es reversible con solo borrar este bloque.
 *
 * Selectores:
 *   - ".woosc-area" / ".woosc-popup": CONFIRMADOS antes por inspección real
 *     (ver historial — la barra flotante inferior con miniaturas + botón
 *     "Compare" que se veía en la captura).
 *   - ".woosc-btn": el botón "Compare" que aparece bajo cada tarjeta de
 *     producto en la grilla — es la clase estándar de este plugin para ese
 *     botón, pero NO se confirmó con DevTools en este sitio puntual. Si
 *     después de subir esto el botón sigue visible, inspecciónalo y pásame
 *     la clase real para ajustar el selector.
 */
.woosc-area,
.woosc-popup,
.woosc-btn {
	display: none !important;
}

/* ============================================================
   Responsivo
   ============================================================ */

@media (max-width: 544px) {
	.woocommerce-account table.shopengine-wishlist thead th,
	.woocommerce-account table.shopengine-wishlist tbody td {
		padding: 10px;
		font-size: 0.85rem;
	}
}