/**
 * Sockaki wishlist — dedicated page refinements (Woodmart native mechanics).
 *
 * Calm, high-contrast, restrained Memphis. No canonical-card changes.
 */

/* Dedicated Wishlist page: full-width (sidebar suppressed via filter). */
.page-id-13 .wd-wishlist-content,
.wd-wishlist-content {
  max-width: var(--sk-container-max);
  margin-inline: auto;
}

/* Wishlist head — Greek title, stronger hierarchy. */
.wd-wishlist-content .wd-wishlist-head {
  margin-block-end: var(--sk-space-6);
}

.wd-wishlist-content .wd-wishlist-head .wd-wishlist-title {
  font-family: var(--sk-font-display);
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  font-weight: var(--sk-fw-bold);
  letter-spacing: -.02em;
}

/* Product grid on Wishlist page: canonical cards, 4 desktop / 2 mobile. */
.wd-wishlist-content .products.wd-products {
  --wd-col-lg: 4 !important;
  --wd-col-md: 3 !important;
  --wd-col-sm: 2 !important;
}

/* Remove control: clear icon button, top-right, adequate tap target. */
.wd-wishlist-product-actions {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 20;
}

.wd-wishlist-product-actions .wd-wishlist-product-remove {
  display: block;
}

.wd-wishlist-product-actions .wd-wishlist-product-remove a {
  position: relative;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--sk-text);
}

.wd-wishlist-product-actions .wd-wishlist-product-remove a::before {
  content: "";
  position: absolute;
  inset: 6px;
  border: var(--sk-border-width) solid var(--sk-border-strong);
  border-radius: 50%;
  background: var(--sk-brand-white);
}

.wd-wishlist-product-actions .wd-wishlist-product-remove a .wd-action-icon {
  position: relative;
  z-index: 1;
}

.wd-wishlist-product-actions .wd-wishlist-product-remove a:hover::before,
.wd-wishlist-product-actions .wd-wishlist-product-remove a:focus-visible::before {
  background: var(--sk-brand-pink);
  border-color: var(--sk-text);
}

.wd-wishlist-product-actions .wd-wishlist-product-remove .wd-action-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
}

/* Empty wishlist — branded, calm. */
.wd-wishlist-content .wd-empty-block.wd-empty-wishlist {
  max-width: 40rem;
  margin: var(--sk-space-10) auto;
  padding: var(--sk-space-8) var(--sk-space-6);
  border: var(--sk-border-default);
  border-radius: var(--sk-radius-md);
  background: var(--sk-paper);
  text-align: center;
}

/* Native title + button are replaced by the branded empty state. */
.wd-wishlist-content .wd-empty-wishlist .wd-empty-block-title,
.wd-wishlist-content .wd-empty-wishlist .wd-empty-block-btn {
  display: none;
}

.wd-wishlist-content .wd-empty-wishlist .wd-empty-block-text {
  color: var(--sk-text-muted);
}

.sk-wishlist-empty-title {
  display: block;
  margin-bottom: var(--sk-space-3);
  color: var(--sk-text);
  font-family: var(--sk-font-display);
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  font-weight: var(--sk-fw-bold);
  letter-spacing: -.02em;
}

.sk-wishlist-empty-copy {
  display: block;
  margin-bottom: var(--sk-space-5);
  color: var(--sk-text-muted);
  font-size: var(--sk-fs-sm);
  line-height: var(--sk-lh-snug);
}

.sk-wishlist-empty-ctas {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--sk-space-2);
}

/* Saved state — transparent icon/check linework; the accent lives on the
   outer button border/background, not on an internal fill. */
.wd-wishlist-btn a.added .wd-action-icon {
  background: transparent;
}

.wd-wishlist-btn a.added .wd-action-icon .wd-check-icon {
  background: transparent;
  color: var(--sk-text);
}

.wd-wishlist-btn a.added .wd-action-icon .wd-check-icon:before {
  color: var(--sk-text);
}

/* ── Empty-state CTAs: read as real buttons, not underlined links ── */
.sk-wishlist-empty-ctas a.sk-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0.6em 1.4em;
  border: 2px solid var(--sk-text);
  border-radius: var(--sk-radius-sm);
  text-decoration: none !important;
  font-family: var(--sk-font-body);
  font-size: var(--sk-fs-sm);
  font-weight: var(--sk-fw-bold);
  letter-spacing: .04em;
  text-transform: uppercase;
  transition: background var(--sk-transition-fast), color var(--sk-transition-fast), border-color var(--sk-transition-fast);
}

.sk-wishlist-empty-ctas a.sk-btn--dark {
  background: var(--sk-text);
  color: var(--sk-text-inverse) !important;
  border-color: var(--sk-text);
}

.sk-wishlist-empty-ctas a.sk-btn--outline {
  background: transparent;
  color: var(--sk-text) !important;
  border-color: var(--sk-text);
}

.sk-wishlist-empty-ctas a.sk-btn:hover,
.sk-wishlist-empty-ctas a.sk-btn:focus-visible {
  background: var(--sk-brand-aqua);
  color: var(--sk-text) !important;
  border-color: var(--sk-text);
}