/* Letter to Santa / Christmas wish list (views/santa-wish-list.cjs). Preview stage and paper controls: css/_print-kit.css.
 * Borders: 1px hairline. Every rule is under #visu-tools.vt-santa-wish-list. */
#visu-tools.vt-santa-wish-list .vt-wl-top { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 6px 16px; margin-bottom: 14px; }
#visu-tools.vt-santa-wish-list .vt-wl-top .vt-hint { margin: 0 !important; }
#visu-tools.vt-santa-wish-list #vt-wl-mode-hint { margin-top: 8px !important; }
#visu-tools.vt-santa-wish-list .vt-wl-designs { margin-top: 18px; }
#visu-tools.vt-santa-wish-list .vt-wl-who { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px 14px; margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--vt-line); }
#visu-tools.vt-santa-wish-list .vt-wl-who > #vt-wl-to-box { grid-column: 1 / -1; max-width: 280px; }
#visu-tools.vt-santa-wish-list .vt-wl-who > #vt-wl-to-box[hidden] { display: none; }
#visu-tools.vt-santa-wish-list .vt-wl-letter { margin-top: 18px; }
#visu-tools.vt-santa-wish-list .vt-wl-list .vt-wl-letter { display: none; }
#visu-tools.vt-santa-wish-list .vt-wl-prompts { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
#visu-tools.vt-santa-wish-list .vt-wl-prompts .vt-label { width: 100%; }
#visu-tools.vt-santa-wish-list .vt-wl-prompt { min-height: 36px; padding: 6px 12px; border-radius: 999px; border: 1px solid var(--vt-line-2); background: var(--vt-tint);
  color: var(--vt-ink); font: 500 14px/1.25 inherit; text-align: left; cursor: pointer; }
#visu-tools.vt-santa-wish-list .vt-wl-prompt:hover { border-color: var(--vt-ink); }
#visu-tools.vt-santa-wish-list .vt-wl-set { margin: 20px 0 0 !important; padding-top: 16px !important; border-top: 1px solid var(--vt-line) !important; display: grid; gap: 10px; }
#visu-tools.vt-santa-wish-list .vt-wl-wishes { display: grid; gap: 10px; }
#visu-tools.vt-santa-wish-list .vt-wl-wish { display: grid; gap: 8px; padding: 12px; border: 1px solid var(--vt-line); border-radius: 14px; background: var(--vt-bg); min-width: 0; }
#visu-tools.vt-santa-wish-list .vt-wl-wish-top { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: end; }
#visu-tools.vt-santa-wish-list .vt-wl-wish-more { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 8px 10px; }
#visu-tools.vt-santa-wish-list .vt-wl-wish .vt-label { font-size: 13px; }
#visu-tools.vt-santa-wish-list .vt-wl-rm { min-height: 46px; padding: 0 2px !important; font-size: 13.5px; color: var(--vt-muted) !important; }
#visu-tools.vt-santa-wish-list .vt-wl-rm:hover { color: var(--vt-err) !important; }
#visu-tools.vt-santa-wish-list .vt-wl-bad { color: var(--vt-err); }
#visu-tools.vt-santa-wish-list .vt-wl-bad[hidden] { display: none; }
#visu-tools.vt-santa-wish-list #vt-wl-add { justify-self: start; }
#visu-tools.vt-santa-wish-list .vt-wl-end { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px 16px; align-items: end; margin-top: 18px; }
#visu-tools.vt-santa-wish-list .vt-wl-send { margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--vt-line); display: grid; gap: 10px; }
#visu-tools.vt-santa-wish-list .vt-wl-h3 { font-size: 16px; font-weight: 700; color: var(--vt-ink); }
#visu-tools.vt-santa-wish-list .vt-wl-shared { display: flex; flex-wrap: wrap; gap: 10px 16px; align-items: center; justify-content: space-between; margin-bottom: 14px; padding: 12px 14px;
  border: 1px solid var(--vt-line); border-radius: 14px; background: var(--vt-tint); }
#visu-tools.vt-santa-wish-list .vt-wl-shared[hidden], #visu-tools.vt-santa-wish-list .vt-wl-view[hidden] { display: none; }
#visu-tools.vt-santa-wish-list .vt-wl-view { margin-bottom: 18px; padding: 16px; border: 1px solid var(--vt-line); border-radius: 14px; background: #fff; display: grid; gap: 10px; }
#visu-tools.vt-santa-wish-list .vt-wl-h { font-size: 15px; font-weight: 700; color: var(--vt-muted); text-transform: none; }
#visu-tools.vt-santa-wish-list .vt-wl-view-head { font-size: 20px; font-weight: 700; color: var(--vt-ink); }
#visu-tools.vt-santa-wish-list .vt-wl-view-list { display: grid; gap: 8px; padding-left: 22px !important; }
#visu-tools.vt-santa-wish-list .vt-wl-view-list li { display: flex; flex-wrap: wrap; gap: 2px 10px; align-items: baseline; padding-bottom: 8px; border-bottom: 1px solid var(--vt-line); }
#visu-tools.vt-santa-wish-list .vt-wl-vt { font-weight: 600; color: var(--vt-ink); }
#visu-tools.vt-santa-wish-list .vt-wl-vn { font-size: 14px; color: var(--vt-muted); }
#visu-tools.vt-santa-wish-list .vt-wl-va { font-size: 14px; overflow-wrap: anywhere; }
/* recipient of a share link: the list and the page, no editor */
#visu-tools.vt-santa-wish-list .vt-wl-recv { grid-template-columns: minmax(0, 1fr); }
#visu-tools.vt-santa-wish-list .vt-wl-recv > .vt-in, #visu-tools.vt-santa-wish-list .vt-wl-recv .vt-wl-send { display: none; }
#visu-tools.vt-santa-wish-list .vt-wl-recv > .vt-out { position: static; max-width: 760px; margin: 0 auto; width: 100%; }
#visu-tools.vt-santa-wish-list .vt-wl-ideas-sec { padding: 8px 0 28px; }
#visu-tools.vt-santa-wish-list .vt-wl-ideas-lead { max-width: 72ch; margin-top: 8px !important; color: var(--vt-text); }
#visu-tools.vt-santa-wish-list .vt-wl-ideas { list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 18px; margin-top: 16px !important; padding: 0 !important; }
#visu-tools.vt-santa-wish-list .vt-wl-ideas li { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--vt-line); }
#visu-tools.vt-santa-wish-list .vt-wl-ideas li span { color: var(--vt-ink); }
#visu-tools.vt-santa-wish-list .vt-wl-ideas li .vt-link-btn { flex: none; font-size: 14px; }
@media (max-width: 600px) {
  #visu-tools.vt-santa-wish-list .vt-wl-who { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  #visu-tools.vt-santa-wish-list .vt-wl-who > label:first-of-type { grid-column: 1 / -1; }
  #visu-tools.vt-santa-wish-list .vt-wl-wish-more, #visu-tools.vt-santa-wish-list .vt-wl-end, #visu-tools.vt-santa-wish-list .vt-wl-ideas { grid-template-columns: minmax(0, 1fr); }
}