/* Indigenous heritage extras (loaded only on profiles with Indigenous heritage = Yes) */

/* Nation chip: mini Hiawatha Belt for Haudenosaunee nations */
.chip.heritage { display: inline-flex; align-items: center; gap: 7px; }
.chip.heritage .belt-mini { width: 26px; height: 10.4px; border-radius: 1px; box-shadow: 0 0 0 1px rgba(255,255,255,.35); flex: none; }

/* Box: Nation name, own-language name, Creator's Game line, thank-you */
.heritage-box { position: relative; overflow: hidden; }
.heritage-t .own { display: block; margin-top: 6px; font-family: var(--body); font-style: normal; text-transform: none; line-height: 1.2; font-size: 17px; font-weight: 600; letter-spacing: .02em; color: #C9BEF0; }
.heritage-box.hd { grid-template-columns: minmax(0, 1fr) auto; padding-top: 42px; }
.heritage-box .belt { display: block; width: 240px; height: auto; border-radius: 4px;
  box-shadow: 0 0 0 2px rgba(255,255,255,.18), 0 10px 26px rgba(0,0,0,.35); }
.heritage-box figure { margin: 0; display: flex; flex-direction: column; align-items: center; gap: 8px; }
.heritage-box figcaption { font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #C9BEF0; text-align: center; }

/* Wampum strip: purple and white tube beads along the top edge (Haudenosaunee nations) */
.heritage-box.hd::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 18px;
  background: #1A1233 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='18' viewBox='0 0 24 18'%3E%3Cdefs%3E%3ClinearGradient id='s' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.35'/%3E%3Cstop offset='.5' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='.25'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='1' y='2' width='10' height='6' rx='3' fill='%23F4F1EA'/%3E%3Crect x='13' y='2' width='10' height='6' rx='3' fill='%235B3696'/%3E%3Crect x='-5' y='10' width='10' height='6' rx='3' fill='%235B3696'/%3E%3Crect x='7' y='10' width='10' height='6' rx='3' fill='%23F4F1EA'/%3E%3Crect x='19' y='10' width='10' height='6' rx='3' fill='%235B3696'/%3E%3Crect x='1' y='2' width='22' height='6' rx='3' fill='url(%23s)'/%3E%3Crect x='-5' y='10' width='34' height='6' rx='3' fill='url(%23s)'/%3E%3C/svg%3E") 0 0 / 24px 18px repeat-x;
  border-bottom: 1px solid rgba(255,255,255,.12); }

@media (max-width: 700px) {
  .heritage-box.hd { grid-template-columns: 1fr; padding-top: 38px; }
  .heritage-box figure { order: -1; align-items: flex-start; }
  .heritage-box .belt { width: 190px; }
  .heritage-box figcaption { text-align: left; }
}