/* The kit's Medusa account pages (templates/account_*.html): a narrow column of plain forms.
   Colours come from the site through --kit-account-* (defaults below), fonts are the site's. */
.kit-account {
  --kit-account-ink: currentColor;
  --kit-account-line: #c9c9c9;
  --kit-account-accent: #1d4ed8;
  --kit-account-error: #b42318;
  --kit-account-ok: #067647;
  max-width: 46rem; margin: 0 auto; padding: 1.5rem 1rem 3rem; box-sizing: border-box;
}
.kit-account h1 { margin: 0.5rem 0 1rem; }
.kit-account h2 { font-size: 1.1rem; margin: 0 0 0.75rem; }
.kit-account-crumbs ol { list-style: none; display: flex; flex-wrap: wrap; gap: 0.4rem; margin: 0; padding: 0; font-size: 0.9rem; }
.kit-account-crumbs li + li::before { content: "\203A"; margin-right: 0.4rem; opacity: 0.6; }
.kit-account-bar { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 0.75rem;
  border-bottom: 1px solid var(--kit-account-line); margin: 1rem 0; padding-bottom: 0.5rem; }
.kit-account-nav { display: flex; gap: 1rem; }
.kit-account-nav a[aria-current="page"] { font-weight: 700; text-decoration: none; }
.kit-account-bar form { margin: 0; }
.kit-account-link { background: none; border: 0; padding: 0; color: inherit; text-decoration: underline; cursor: pointer; font: inherit; }
.kit-account-form { max-width: 26rem; }
.kit-account-form form { display: grid; gap: 0.9rem; margin: 1rem 0; }
.kit-account-form label { display: grid; gap: 0.3rem; font-weight: 600; }
.kit-account-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem; }
.kit-account-hint { font-weight: 400; opacity: 0.7; }
.kit-account-form input { font: inherit; font-weight: 400; padding: 0.6rem 0.7rem; border: 1px solid var(--kit-account-line); border-radius: 4px; width: 100%; box-sizing: border-box; }
.kit-account-button { font: inherit; font-weight: 600; padding: 0.7rem 1rem; border: 0; border-radius: 4px; background: var(--kit-account-accent); color: #fff; cursor: pointer; }
.kit-account-error { color: var(--kit-account-error); border-left: 3px solid var(--kit-account-error); padding: 0.5rem 0.75rem; }
.kit-account-notice { color: var(--kit-account-ok); border-left: 3px solid var(--kit-account-ok); padding: 0.5rem 0.75rem; }
.kit-account-card { border: 1px solid var(--kit-account-line); border-radius: 6px; padding: 1rem; margin: 0 0 1rem; }
.kit-account-profile { display: grid; grid-template-columns: max-content 1fr; gap: 0.4rem 1rem; margin: 0; }
.kit-account-profile dt { font-weight: 600; }
.kit-account-profile dd { margin: 0; overflow-wrap: anywhere; }
.kit-account-orders { list-style: none; margin: 0; padding: 0; }
.kit-account-order { display: flex; flex-wrap: wrap; gap: 0.4rem 1.2rem; align-items: center; padding: 0.7rem 0; border-bottom: 1px solid var(--kit-account-line); }
.kit-account-badge { font-size: 0.85rem; padding: 0.1rem 0.5rem; border-radius: 999px; border: 1px solid currentColor; }
.kit-account-badge-done { color: var(--kit-account-ok); }
.kit-account-badge-busy { color: inherit; }
.kit-account-badge-quiet { opacity: 0.7; }
.kit-account-meta { display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: center; }
.kit-account-lines { width: 100%; border-collapse: collapse; margin: 1rem 0; }
.kit-account-lines th, .kit-account-lines td { text-align: left; padding: 0.5rem 0.4rem; border-bottom: 1px solid var(--kit-account-line); vertical-align: top; }
.kit-account-lines td:first-child { display: flex; gap: 0.6rem; }
.kit-account-lines img { object-fit: contain; flex: none; }
.kit-account-totals { display: grid; grid-template-columns: 1fr max-content; gap: 0.3rem 1rem; max-width: 22rem; margin: 0 0 1.5rem auto; }
.kit-account-totals dd { margin: 0; text-align: right; }
.kit-account-grand { font-weight: 700; }
.kit-account-addresses { display: grid; grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); gap: 1rem; }
.kit-account-pager { display: flex; gap: 1rem; margin: 1rem 0; }
@media (max-width: 560px) {
  .kit-account-pair { grid-template-columns: 1fr; }
  .kit-account-lines th:nth-child(2), .kit-account-lines td:nth-child(2) { display: none; }
  .kit-account-lines img { display: none; }
}