{
  "version": 3,
  "sources": ["src/app/features/search/ui/search-result-row/search-result-row.component.css"],
  "sourcesContent": [":host {\n  display: block;\n}\n\n.search-row {\n  display: grid;\n  grid-template-columns: 48px minmax(0, 1fr) auto auto;\n  align-items: center;\n  gap: var(--space-3);\n  width: 100%;\n  padding: var(--space-3) var(--space-4);\n  background: transparent;\n  border: none;\n  border-radius: 0;\n  text-align: left;\n  cursor: pointer;\n  font: inherit;\n  color: var(--color-text-primary);\n  transition: background-color var(--transition-fast);\n}\n\n:host(.is-highlighted) .search-row,\n.search-row:hover,\n.search-row:focus-visible {\n  background-color: var(--color-surface-secondary);\n  outline: none;\n}\n\n.search-row__thumb {\n  display: block;\n  width: 48px;\n  height: 64px;\n  object-fit: cover;\n  background-color: var(--color-surface-secondary);\n  border-radius: 0;\n}\n\n.search-row__info {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-1);\n  min-width: 0;\n}\n\n.search-row__name {\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-sm);\n  font-weight: var(--font-weight-body-medium);\n  line-height: var(--leading-snug);\n  color: var(--color-text-primary);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.search-row__mark {\n  background-color: color-mix(in srgb, var(--color-action-primary) 28%, transparent);\n  color: var(--color-text-primary);\n  padding: 0 1px;\n  border-radius: 0;\n  font-weight: var(--font-weight-heading);\n}\n\n.search-row__meta {\n  display: flex;\n  align-items: center;\n  gap: var(--space-2);\n  font-size: var(--text-size-xs);\n  color: var(--color-text-secondary);\n}\n\n.search-row__rarity {\n  text-transform: uppercase;\n  letter-spacing: 0.03em;\n  font-weight: var(--font-weight-body-medium);\n  color: var(--color-text-secondary);\n}\n\n.search-row__prices {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  line-height: var(--leading-snug);\n}\n\n.search-row__original-price {\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-xs);\n  font-variant-numeric: var(--font-variant-numeric);\n  color: var(--color-text-secondary);\n  text-decoration: line-through;\n  white-space: nowrap;\n}\n\n.search-row__price {\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-sm);\n  font-weight: var(--font-weight-heading);\n  color: var(--color-text-price);\n  font-variant-numeric: var(--font-variant-numeric);\n  white-space: nowrap;\n}\n\n.search-row__price--sale {\n  color: var(--color-brand-accent);\n}\n\n.search-row__quick-add {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--space-1);\n  padding: var(--space-2) var(--space-3);\n  background-color: var(--color-action-primary);\n  color: var(--color-text-inverse);\n  border: 1px solid var(--color-action-primary);\n  border-radius: var(--radius-button);\n  font-size: var(--text-size-xs);\n  font-weight: var(--font-weight-body-medium);\n  cursor: pointer;\n  transition: background-color var(--transition-fast), transform var(--transition-fast);\n}\n\n.search-row__quick-add:hover {\n  background-color: var(--color-action-primary-hover);\n  border-color: var(--color-action-primary-hover);\n}\n\n.search-row__quick-add:active {\n  transform: translateY(1px);\n}\n\n.search-row__unavailable {\n  font-size: var(--text-size-xs);\n  color: var(--color-text-secondary);\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  padding: var(--space-2) var(--space-3);\n}\n\n/* Mismo footprint que quick-add para no romper el layout — pero variante\n * secondary (azul navy) para diferenciarlo del CTA principal. */\n.search-row__notify {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--space-1);\n  padding: var(--space-2) var(--space-3);\n  background-color: var(--color-surface-primary);\n  color: var(--color-brand-secondary);\n  border: 1px solid var(--color-brand-secondary);\n  border-radius: var(--radius-button);\n  font-size: var(--text-size-xs);\n  font-weight: var(--font-weight-body-medium);\n  cursor: pointer;\n  transition: background-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);\n  white-space: nowrap;\n}\n\n.search-row__notify:hover {\n  background-color: var(--color-brand-secondary);\n  color: var(--color-text-inverse);\n}\n\n.search-row__notify:active {\n  transform: translateY(1px);\n}\n\n.search-row__notify--active {\n  background-color: var(--color-brand-secondary);\n  color: var(--color-text-inverse);\n}\n\n.search-row__notify--active:hover {\n  background-color: var(--color-surface-primary);\n  color: var(--color-brand-secondary);\n}\n\n@media (max-width: 640px) {\n  .search-row {\n    grid-template-columns: 48px minmax(0, 1fr) auto;\n    grid-template-rows: auto auto;\n    gap: var(--space-2) var(--space-3);\n    padding: var(--space-3);\n  }\n\n  .search-row__thumb {\n    grid-row: span 2;\n  }\n\n  .search-row__info {\n    grid-column: 2;\n  }\n\n  .search-row__prices {\n    grid-column: 3;\n    grid-row: 1;\n    align-self: start;\n  }\n\n  .search-row__quick-add,\n  .search-row__notify,\n  .search-row__unavailable {\n    grid-column: 2 / -1;\n    grid-row: 2;\n    justify-self: end;\n  }\n}\n"],
  "mappings": "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",
  "names": []
}