/* hadjikyriakos-core — wishlist toggle feedback + [hk_wishlist] page. */

[data-hk-wishlist] .hk-icon { transition: fill var(--hk-ease-fast, .16s), transform var(--hk-ease-fast, .16s); }
[data-hk-wishlist][aria-pressed="true"] .hk-icon { fill: currentColor; }
[data-hk-wishlist].is-popping .hk-icon { animation: hkc-heart-pop .42s cubic-bezier(.2,.7,.2,1.4); }
@keyframes hkc-heart-pop { 0% { transform: scale(1); } 35% { transform: scale(1.28); } 100% { transform: scale(1); } }

.hkc-wishlist { display: grid; gap: var(--wp--preset--spacing--40, 1.5rem); }
.hkc-wishlist__head { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: .75rem 2rem; padding-bottom: var(--wp--preset--spacing--30, 1rem); border-bottom: 1px solid var(--hk-line, #E3E6EB); }
.hkc-wishlist__title { margin: 0; font-family: var(--wp--preset--font-family--display, inherit); font-size: var(--wp--preset--font-size--xl, 2rem); font-weight: 650; letter-spacing: -.02em; line-height: 1.1; }
.hkc-wishlist__meta { margin: .35rem 0 0; color: var(--hk-muted, #6B7280); font-size: var(--wp--preset--font-size--sm, .9375rem); min-height: 1.5em; }
.hkc-wishlist__note { margin: 0; max-width: 42ch; font-size: var(--wp--preset--font-size--sm, .9375rem); color: var(--hk-muted, #6B7280); }
.hkc-wishlist__note a { color: var(--hk-ink, #16181D); font-weight: 600; }

.hkc-wishlist[data-state="empty"] .hkc-wishlist__body { display: none; }
.hkc-wishlist__cards > * { transition: opacity .32s ease, transform .32s cubic-bezier(.2,.7,.2,1); }
.hkc-wishlist__cards > .is-leaving { opacity: 0; transform: scale(.96); }

.hkc-wishlist__ghost { display: grid; gap: .75rem; padding: .75rem; border: 1px solid var(--hk-line, #E3E6EB); border-radius: var(--hk-radius, 16px); }
.hkc-wishlist__ghost-media { display: block; aspect-ratio: 1; border-radius: var(--hk-radius-md, 12px); }
.hkc-wishlist__ghost-line { display: block; height: 14px; width: 80%; }
.hkc-wishlist__ghost-line--short { width: 45%; }

.hkc-wishlist__empty { display: grid; justify-items: center; gap: .75rem; padding: clamp(2.5rem, 7vw, 5rem) 1.5rem; text-align: center; background: var(--hk-surface, #F5F6F8); border-radius: var(--hk-radius-xl, 24px); }
.hkc-wishlist__empty[hidden] { display: none; }
.hkc-wishlist__empty-icon { display: grid; place-items: center; width: 64px; height: 64px; margin-bottom: .25rem; border-radius: 50%; background: #fff; box-shadow: var(--hk-shadow, 0 8px 24px rgba(22,24,29,.06)); color: var(--hk-ink, #16181D); }
.hkc-wishlist__empty-icon svg { width: 28px; height: 28px; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linejoin: round; }
.hkc-wishlist__empty-title { margin: 0; font-family: var(--wp--preset--font-family--display, inherit); font-size: var(--wp--preset--font-size--lg, 1.375rem); font-weight: 650; letter-spacing: -.015em; }
.hkc-wishlist__empty-text { margin: 0 0 .75rem; max-width: 40ch; color: var(--hk-ink-2, #2A2E37); }

.hkc-wishlist__list { list-style: none; margin: 0; padding: 0; display: grid; gap: .75rem; }
.hkc-wishlist__row { display: flex; align-items: center; gap: 1rem; padding: .75rem; border: 1px solid var(--hk-line, #E3E6EB); border-radius: var(--hk-radius, 16px); }
.hkc-wishlist__row a { display: flex; align-items: center; gap: 1rem; flex: 1; min-width: 0; color: inherit; text-decoration: none; font-weight: 600; }
.hkc-wishlist__row img { width: 64px; height: 64px; object-fit: contain; }

@media (prefers-reduced-motion: reduce) {
  [data-hk-wishlist].is-popping .hk-icon { animation: none; }
}
