/* Wagick: audience features (audience/audience.js). Uses the colour tokens defined in index.html. */

/* chips on marketplace cards */
.au-chip{display:inline-block;align-self:flex-start;margin-top:6px;font-size:12px;line-height:1.4;border-radius:999px;padding:2px 9px;border:1px solid var(--gold-soft);color:var(--gold)}
.au-chip.prac{border-color:var(--line);color:var(--ink);background:var(--sunk)}
.au-chip + .au-chip{margin-left:6px}

/* notes on a listing's page */
.au-note{margin:8px 0 4px;padding:10px 14px;border-radius:10px;border:1px solid var(--line);background:var(--sunk);font-size:14px;max-width:46ch}
.au-note b{color:var(--gold);font-weight:600}

/* lineage on a witch's profile */
.au-lineage p{margin:0 0 8px;font-size:16px}
.au-lineage p.note{margin:0;font-size:13px}

/* seller tab */
.au-sec{margin-bottom:28px}
.au-sec .desc b{color:var(--ink)}
.au-table{width:100%;border-collapse:collapse;font-size:14px}
.au-table th{text-align:left;font-weight:600;color:var(--muted);font-size:12px;letter-spacing:.04em;text-transform:uppercase;padding:8px 10px;border-bottom:1px solid var(--line)}
.au-table td{padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:middle}
.au-table .field.au-slide{max-width:110px;padding:6px 10px}
.au-calc .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}
.au-keep{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0 6px}
.au-keep>div{border:1px solid var(--line);border-radius:10px;padding:12px 14px;background:var(--sunk);display:flex;flex-direction:column;gap:2px}
.au-keep>div:first-child{border-color:var(--gold-soft)}
.au-keep span{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.au-keep b{font-family:"Cinzel",Georgia,serif;font-size:28px;color:var(--ink);font-variant-numeric:lining-nums tabular-nums}
.au-keep>div:first-child b{color:var(--gold)}
.au-keep small{font-size:13px;color:var(--muted)}
.au-diff{margin:6px 0 10px;font-size:15px}
.au-diff b{color:var(--gold)}

/* discreet orders, cart */
.au-disc{margin:8px 0 0;padding:8px 12px;border-radius:10px;border:1px dashed var(--gold-soft);font-size:14px}
.au-disc b{color:var(--gold)}
.au-cartdisc .note{display:block}

/* events */
.au-near{border-color:var(--gold-soft);color:var(--gold)}

/* Add a listing nudges */
.au-nudge{margin:8px 0 4px;padding:10px 14px;border-radius:10px;border:1px solid var(--gold-soft);background:linear-gradient(120deg,rgba(201,166,107,.08),rgba(201,166,107,.02) 60%),var(--sunk);font-size:14px}
.au-nudge p{margin:0}
.au-nudge p + p{margin-top:6px}

/* product cards: crystal treatment (products/products.js) */
.pr-treat{display:inline-block;align-self:flex-start;margin-top:6px;font-size:12px;line-height:1.4;border-radius:999px;padding:2px 9px;border:1px solid var(--line);color:var(--muted)}
.pr-treat.nat{border-color:var(--gold-soft);color:var(--gold)}

@media (max-width:560px){
  .au-keep{grid-template-columns:1fr}
  .au-table th:nth-child(2),.au-table td:nth-child(2){display:none}
}
.pr-treat.warn{border-color:var(--warn);color:var(--warn)}
.pr-treat + .pr-treat{margin-left:6px}
.pr-flip{margin-top:12px;display:inline-flex}

/* follow-up question, chips */
.au-chip.fu,.au-chip.spoon,.au-chip.es{border-color:var(--line);color:var(--ink)}
.au-fu{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:10px}

/* parties */
.au-pfacts{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:10px}
.au-pfacts>div{border:1px solid var(--line);border-radius:10px;padding:8px 12px;background:var(--sunk);display:flex;flex-direction:column}
.au-pfacts span{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.au-pfacts b{font-weight:600}
.au-party>p{margin:8px 0}
.au-prow{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;align-items:end}

/* star signs on the witch's profile card: constellations that draw in, then twinkle */
.au-signs{display:flex;justify-content:center;gap:10px;margin:14px 0 4px;width:100%}
.au-sign{flex:1 1 0;max-width:96px;display:flex;flex-direction:column;align-items:center;gap:1px}
.au-sky{position:relative;width:100%;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;
  background:radial-gradient(circle at 50% 45%,rgba(201,166,107,.14),rgba(201,166,107,0) 70%)}
.au-sky .ax-const{position:absolute;inset:8%;width:84%;height:84%;overflow:visible}
.au-sky .ax-const line{stroke:var(--gold-soft);stroke-width:.8;stroke-dasharray:1;stroke-dashoffset:1;opacity:.8;animation:axDraw .6s ease-out calc(var(--d) + var(--i)*80ms) forwards}
.au-sky .ax-const circle{fill:#F1E2BC;opacity:0;transform-box:fill-box;transform-origin:center;
  animation:axStar .45s ease-out calc(var(--d) + var(--i)*70ms) forwards, auTwinkle 2.6s ease-in-out calc(1.2s + var(--d) + var(--i)*.37s) infinite;filter:drop-shadow(0 0 2px #E8D3A2)}
@keyframes auTwinkle{0%,100%{opacity:.9;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}
.au-g{position:relative;font-size:22px;line-height:1;color:var(--gold-hi,#E8D3A2);text-shadow:0 0 14px rgba(201,166,107,.6);opacity:.55;font-family:"Segoe UI Symbol","Noto Sans Symbols","Apple Symbols",serif}
.au-sign b{font-family:"Cinzel",Georgia,serif;font-weight:600;font-size:12px;letter-spacing:.08em;color:var(--gold-hi,#E8D3A2)}
.au-sign small{font-size:12px;color:var(--muted)}
@media (prefers-reduced-motion:reduce){
  .au-sky .ax-const line{animation:none;stroke-dashoffset:0}
  .au-sky .ax-const circle{animation:none;opacity:.9}
}