/* per-favorites.css — module-specific visual styles for per favorites page */

.per-favorites-card {
  transition: border-color var(--transition-base), box-shadow var(--transition-base);
}

.per-favorites-card:hover {
  border-color: #d5d5d5;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);
}

.per-favorites-card__price-row strong {
  color: #e31e24;
}

.per-favorites-card__stock--in {
  background: #e8f5e9;
  color: #28a745;
}

.per-favorites-card__stock--low {
  background: #fff9e5;
  color: #ff9800;
}

.per-favorites-card__stock--out {
  background: #fef2f2;
  color: #e31e24;
}

.per-favorites-card__action {
  background: #e31e24;
  color: #fff;
}

.per-favorites-card__action:hover {
  background: #cf1b20;
}

.per-favorites-card__action--notice {
  background: #ffc107;
  color: #fff;
}

.per-favorites-card__action--notice:hover {
  background: #efb200;
}

.per-favorites-card__action--notice.is-complete,
.per-favorites-card__action--notice:disabled {
  background: #d9a508;
  cursor: not-allowed;
}

.per-favorites-card--dimmed .per-favorites-card__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.22);
  pointer-events: none;
}

.per-favorites-modal {
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 1200;
}

.per-favorites-modal.is-open {
  display: flex;
}

.per-favorites-modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
}

.per-favorites-modal__dialog {
  position: relative;
  width: min(92vw, 420px);
  border-radius: 12px;
  background: #fff;
  padding: 24px;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
}

.per-favorites-modal__title {
  font-size: 20px;
  line-height: 1.3;
  color: #1a1a1a;
  font-weight: 700;
}

.per-favorites-modal__desc {
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.5;
  color: #666;
}

.per-favorites-modal__actions {
  margin-top: 20px;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}

.per-favorites-modal__btn {
  min-width: 84px;
  height: 36px;
  border-radius: 8px;
  border: 1px solid transparent;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}

.per-favorites-modal__btn--ghost {
  border-color: #ddd;
  background: #fff;
  color: #666;
}

.per-favorites-modal__btn--ghost:hover {
  background: #f7f7f7;
}

.per-favorites-modal__btn--danger {
  background: #e31e24;
  color: #fff;
}

.per-favorites-modal__btn--danger:hover {
  background: #cf1b20;
}