/* Ångerfunktionen (withdraw.php). Bara det som de gemensamma stilmallarna saknar:
   sammanfattningslistan, hjälptexten under fält, "hittar inte ordernumret"-rutan och
   knapparna i kontrollen. Skriven 2026-10-01. */

.withdraw-page .withdraw-summary {
  display: grid;
  grid-template-columns: minmax(8rem, 14rem) 1fr;
  gap: var(--space-3) var(--space-5);
  margin: var(--space-5) 0;
}
.withdraw-page .withdraw-summary dt {
  font-family: var(--font-display);
  font-size: var(--text-2xs);
  font-weight: var(--weight-medium);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: var(--fg-muted);
  padding-top: 0.25em;
}
.withdraw-page .withdraw-summary dd { margin: 0; overflow-wrap: anywhere; }

.withdraw-page .withdraw-help {
  display: block;
  font-size: var(--text-sm, 0.9rem);
  color: var(--fg-muted);
}

.withdraw-page .withdraw-more { margin-top: var(--space-5); }

.withdraw-page .input--short { max-width: 14rem; }
.withdraw-page .textarea--short { min-height: 6rem; }

.withdraw-page .withdraw-alt summary {
  cursor: pointer;
  color: var(--fg-muted);
  padding-block: var(--space-2);
}
.withdraw-page .withdraw-alt[open] summary { margin-bottom: var(--space-3); }

.withdraw-page .withdraw-confirm-text { margin-block: var(--space-5); }

.withdraw-page .withdraw-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-4) var(--space-5);
}
/* "Gå tillbaka och ändra" är en knapp (så att den fungerar utan JavaScript) som ser ut som en länk. */
.withdraw-page .withdraw-back {
  background: none;
  border: 0;
  padding: 0;
  font: inherit;
  color: var(--fg-muted);
  text-decoration: underline;
  cursor: pointer;
}
.withdraw-page .withdraw-back:hover { color: var(--fg-strong); }

@media (max-width: 40rem) {
  .withdraw-page .withdraw-summary { grid-template-columns: 1fr; gap: var(--space-1) 0; }
  .withdraw-page .withdraw-summary dd { margin-bottom: var(--space-3); }
}