/**
 * SOLLER — soller-wishlist.css v1.0
 * Custom styles para YITH WooCommerce Wishlist (free)
 * Ruta: blocksy-child/soller-wishlist.css
 *
 * Paleta: beige #efede8 · ink #0f2a33 · yellow #ebcb1a
 *         blue-mid #4c88be · grey #6b7280 · rule #e2e0db
 * Tipografía: Roboto Condensed
 * Easing: 0.25s cubic-bezier(0.4, 0, 0.2, 1)
 */

/* ════════════════════════════════════════════════════════════
   RESET GLOBAL — neutraliza los estilos por defecto de YITH
════════════════════════════════════════════════════════════ */
.yith-wcwl-add-to-wishlist,
.yith-wcwl-add-to-wishlist *,
.yith-wcwl-wishlistexistsbrowse,
.yith-wcwl-wishlistexistsbrowse * {
  box-sizing: border-box;
  font-family: 'Roboto Condensed', sans-serif;
  line-height: 1;
}

/* Ocultar cualquier texto/enlace extra que YITH inyecta ("Ver mi wishlist", etc.) */
.yith-wcwl-wishlistbrowse,
.yith-wcwl-wishlistexistsbrowse,
.ss-product-li .yith-wcwl-wishlistbrowse,
.ss-product-li .yith-wcwl-wishlistexistsbrowse {
  display: none !important;
}


/* ════════════════════════════════════════════════════════════
   GRID DE TIENDA — botón nativo .ss-wishlist-btn
   (idéntico a .ss-cart-btn, posicionado a su izquierda)
════════════════════════════════════════════════════════════ */

.ss-card .ss-wishlist-btn {
  position: absolute !important;
  top: 14px !important;
  right: 56px !important; /* cart-btn: right:14px (34px) + 8px gap = 56px */
  z-index: 11 !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  border: 1px solid #e2e0db !important;
  background: #efede8 !important;
  color: #0f2a33 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  padding: 0 !important;
  flex-shrink: 0;
  box-shadow: none !important;
  transition: background 0.25s cubic-bezier(0.4, 0, 0.2, 1),
              color 0.25s cubic-bezier(0.4, 0, 0.2, 1),
              border-color 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.ss-card .ss-wishlist-btn:hover {
  background: #0f2a33 !important;
  color: #ffffff !important;
  border-color: #0f2a33 !important;
}

/* Estado añadido: fondo ink + corazón relleno amarillo */
.ss-card .ss-wishlist-btn.ss-wl-added {
  background: #0f2a33 !important;
  color: #ebcb1a !important;
  border-color: #0f2a33 !important;
}

.ss-card .ss-wishlist-btn.ss-wl-added svg path {
  fill: currentColor;
  stroke: none;
}


/* ════════════════════════════════════════════════════════════
   FICHA DE PRODUCTO — botón nativo .sp-wishlist-btn
   Full-width, debajo del ATC, borde ink
════════════════════════════════════════════════════════════ */

.sp-wishlist-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 16px 24px;
  background: transparent;
  color: #0f2a33;
  border: 1.5px solid #0f2a33;
  border-radius: 0;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  cursor: pointer;
  white-space: nowrap;
  margin-bottom: 14px;
  transition: background 0.22s cubic-bezier(0.4, 0, 0.2, 1),
              color 0.22s cubic-bezier(0.4, 0, 0.2, 1);
}

.sp-wishlist-btn:hover {
  background: #0f2a33;
  color: #efede8;
}

.sp-wishlist-btn.ss-wl-added {
  background: #0f2a33;
  color: #ebcb1a;
  border-color: #0f2a33;
}

.sp-wishlist-btn.ss-wl-added svg path {
  fill: currentColor;
  stroke: none;
}


/* ════════════════════════════════════════════════════════════
   PÁGINA DE WISHLIST (/wishlist/)
   Tabla limpia con colores SOLLER
════════════════════════════════════════════════════════════ */

.woocommerce table.wishlist_table {
  font-family: 'Roboto Condensed', sans-serif;
  border-collapse: collapse;
  width: 100%;
}

.woocommerce table.wishlist_table th {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #6b7280;
  border-bottom: 1px solid #e2e0db;
  padding: 12px 8px;
}

.woocommerce table.wishlist_table td {
  border-bottom: 1px solid #e2e0db;
  padding: 16px 8px;
  vertical-align: middle;
}

/* Botón "Añadir al carrito" en la tabla de wishlist */
.woocommerce table.wishlist_table .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 20px;
  background: #ebcb1a;
  color: #0f2a33;
  border: none;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  transition: opacity 0.22s;
  white-space: nowrap;
}

.woocommerce table.wishlist_table .button:hover {
  opacity: 0.88;
  color: #0f2a33;
}

/* Botón eliminar de la wishlist */
.woocommerce table.wishlist_table .product-remove a {
  color: #6b7280;
  font-size: 18px;
  text-decoration: none;
  transition: color 0.22s;
}

.woocommerce table.wishlist_table .product-remove a:hover {
  color: #89191c;
}


/* ════════════════════════════════════════════════════════════
   MOBILE — ajustes responsivos
════════════════════════════════════════════════════════════ */

@media (max-width: 767px) {

  /* .ss-wishlist-btn hereda la posición desktop — sin cambios en mobile */

  /* Tabla de wishlist en mobile — scroll horizontal */
  .woocommerce table.wishlist_table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}