/**
 * Herroepingspagina — mijn-shop
 *
 * Alleen op /herroeping/ geladen (zie mijn_shop_herroeping_assets() in
 * functions.php).
 *
 * Dit blad was een hernoemkopie van de contactformulier-sectie in style.css:
 * eenentwintig regels waarin alleen `contact` door `herroeping` was
 * vervangen. Twee gevolgen daarvan waren al zichtbaar. De velden pinden
 * `border-radius: 4px` waar de basis `var(--radius-s)` (6px) gebruikt, dus
 * elk veld op deze pagina week af van de rest van de site; en de zachte
 * meldingstinten stonden als losse hex naast de --success/--error-tokens,
 * op vier plekken in twee bestanden.
 *
 * De gedeelde regels staan nu in style.css sectie 16, met de
 * .herroeping-selectors in dezelfde selectorlijst. Hieronder blijft alleen
 * wat deze pagina echt alleen heeft.
 */

/* Een lager tekstvak dan het contactformulier (9rem): hier vult iemand
   een bestelnummer en een korte reden in, geen bericht. */
.herroeping-veld textarea { min-height: 6rem; }

.herroeping-formulier { max-width: 40rem; margin: 0 auto; }
.herroeping-subtitel { margin: 0 0 var(--dg-space-5); font-size: 1.15rem; }
.herroeping-hulp { font-size: .8rem; color: var(--ink-soft); }

.herroeping-samenvatting {
	display: grid;
	grid-template-columns: max-content 1fr;
	gap: var(--dg-space-1) var(--dg-space-4);
	margin: 0 0 var(--dg-space-5);
	padding: var(--dg-space-4);
	background: var(--creme);
	border-radius: var(--radius-s);
}
.herroeping-samenvatting dt { font-weight: 500; }
.herroeping-samenvatting dd { margin: 0; }

.herroeping-artikelen {
	border: 1px solid var(--line);
	border-radius: var(--radius-s);
	padding: var(--dg-space-4);
	margin: 0 0 var(--dg-space-4);
}
.herroeping-artikelen legend { font-size: .9rem; font-weight: 500; padding: 0 var(--dg-space-1); }
.herroeping-artikelen-hulp { margin: 0 0 var(--dg-space-3); font-size: .85rem; color: var(--ink-soft); }
.herroeping-artikel { margin: 0 0 var(--dg-space-2); }
.herroeping-artikel label { display: flex; align-items: center; gap: var(--dg-space-2); font-weight: 400; }

.herroeping-referentie { font-size: 1.05rem; }

.herroeping-acties {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--dg-space-4);
	margin-top: var(--dg-space-5);
}
.herroeping-terug { color: var(--ink-soft); text-decoration: underline; }