{
  "version": 3,
  "sources": ["wishlist-button.component.ts"],
  "sourcesContent": ["\n    :host {\n      display: inline-flex;\n    }\n\n    .wishlist-btn {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: var(--wishlist-btn-size, 2.25rem);\n      height: var(--wishlist-btn-size, 2.25rem);\n      padding: 0;\n      border: 1px solid var(--color-border-primary);\n      border-radius: var(--radius-button);\n      background-color: var(--color-surface-primary);\n      color: var(--color-text-secondary);\n      box-shadow: var(--shadow-button);\n      cursor: pointer;\n      transition:\n        color var(--transition-fast),\n        border-color var(--transition-fast);\n    }\n\n    .wishlist-btn:hover:not([disabled]) {\n      color: var(--color-action-primary);\n      border-color: var(--color-action-primary);\n    }\n\n    .wishlist-btn:focus-visible {\n      outline: 2px solid var(--color-brand-secondary);\n      outline-offset: 2px;\n    }\n\n    .wishlist-btn--saved {\n      color: var(--color-action-primary);\n    }\n\n    /* El SVG de lucide lo pinta otro componente: sin atributo de encapsulación, se alcanza con ::ng-deep. */\n    .wishlist-btn--saved ::ng-deep svg {\n      fill: currentColor;\n    }\n\n    .wishlist-btn[disabled] {\n      cursor: progress;\n      opacity: 0.7;\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      .wishlist-btn {\n        transition: none;\n      }\n    }\n  "],
  "mappings": ";AACI;AACE,WAAA;AACF;AAEA,CAAA;AACE,WAAA;AACA,eAAA;AACA,mBAAA;AACA,SAAA,IAAA,mBAAA,EAAA;AACA,UAAA,IAAA,mBAAA,EAAA;AACA,WAAA;AACA,UAAA,IAAA,MAAA,IAAA;AACA,iBAAA,IAAA;AACA,oBAAA,IAAA;AACA,SAAA,IAAA;AACA,cAAA,IAAA;AACA,UAAA;AACA;AAGF;AAEA,CAlBA,YAkBA,MAAA,KAAA,CAAA;AACE,SAAA,IAAA;AACA,gBAAA,IAAA;AACF;AAEA,CAvBA,YAuBA;AACE,WAAA,IAAA,MAAA,IAAA;AACA,kBAAA;AACF;AAEA,CAAA;AACE,SAAA,IAAA;AACF;AAGA,CALA,oBAKA,UAAA;AACE,QAAA;AACF;AAEA,CArCA,YAqCA,CAAA;AACE,UAAA;AACA,WAAA;AACF;AAEA,QAAA,wBAAA;AACE,GA3CF;AA4CI,gBAAA;AACF;AACF;",
  "names": []
}