/* Hearthmist module styles: quests */

/* ---------- the tab ---------- */

.quests-all { margin: 0 0 var(--s2); }
.quests-more { margin: 0; padding: 10px 0 var(--s3); border-top: 1px solid var(--line); }

/* Progress sits under the sentence it measures; the figures for it are on the name's row. */
.quests-bar { margin-top: var(--s2); }
.quests-reward { margin-top: 6px; padding-bottom: 0; font-size: var(--fs-small); }
.quests-reward > b { display: inline-flex; flex-wrap: wrap; justify-content: flex-end; gap: 2px 10px; }
.quests-reward .chip { color: var(--text-2); font-weight: 500; }
.quests-reward .chip .ic { width: 14px; height: 14px; }

/* What comes next: names only, not yet lit. */
.quests-next { margin-top: var(--s2); }
.quests-next li {
  padding: 2px 0;
  color: var(--muted);
  font-family: var(--serif);
  font-size: var(--fs-body);
  line-height: 1.3;
}
.quests-next + .card {
  margin-top: 20px;
  padding-top: var(--s4);
  border-top: 1px solid var(--line);
}

/* Deeds: a ruled list, name and what it took on the left, how far along on the right. */
.quests-deeds { margin-top: var(--s3); }
.quests-deeds li {
  display: flex;
  align-items: baseline;
  gap: var(--s3);
  padding: 7px 0;
  border-top: 1px solid var(--line);
}
.quests-deeds li > div { flex: 1 1 auto; min-width: 0; }
.quests-deeds b {
  color: var(--muted);
  font-family: var(--serif);
  font-size: var(--fs-body);
  font-weight: 400;
  line-height: 1.25;
}
.quests-deeds small { display: block; margin-top: 1px; color: var(--muted); font-size: var(--fs-small); line-height: 1.35; }
.quests-deeds li > span {
  flex: none;
  color: var(--muted);
  font-size: var(--fs-small);
  text-align: right;
  white-space: nowrap;
}
.quests-deeds li.done { padding: 4px 0; }
.quests-deeds li.done b { color: var(--text-2); }
.quests-deeds li.done > span { color: var(--good); font-weight: 700; }

.quests-finished { margin-top: 6px; }
.quests-toggle { margin: var(--s2) 0 0 -8px; min-height: 30px; padding: 3px 8px; font-size: var(--fs-small); }

/* ---------- the tracker over the map ---------- */

.quests-plate {
  order: 2;
  display: flex;
  align-items: baseline;
  gap: var(--s2);
  max-width: 100%;
  color: var(--text);
  text-align: left;
  cursor: pointer;
  transition: background-color 0.12s, border-color 0.2s;
}
.quests-plate:hover { background: var(--panel-2); }
.quests-plate .ic { align-self: center; width: 16px; height: 16px; color: var(--gold); }
.quests-plate-name {
  min-width: 0;
  overflow: hidden;
  font-family: var(--serif);
  font-size: var(--fs-body);
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.quests-plate-fig { flex: none; color: var(--muted); white-space: nowrap; }
.quests-plate-fig:empty { display: none; }
/* Ember: there is something to claim now. */
.quests-plate.ready { border-color: var(--ember); }
.quests-plate.ready .quests-plate-fig { color: var(--ember); font-weight: 700; }

@media (max-width: 820px) {
  .quests-plate { display: none; }
  .quests-toggle { min-height: 36px; }
}