/*
 * The Darts Dimension Personalisation - front-end companion styles.
 *
 * The fieldset itself (border, background, legend) is styled by the theme's
 * .tdd-personalisation and .tdd-personalisation__charge rules in
 * wp-content/themes/thedartsdimension/assets/css/main.css. This file only
 * adds the small pieces the theme does not already cover: field spacing, the
 * required-field marker and the hint line. It relies on the same design
 * tokens the theme defines on :root, so it inherits colour and spacing
 * changes automatically.
 */

.tdd-personalisation__field {
	margin-bottom: var( --tdd-space-2 );
}

.tdd-personalisation__field label {
	display: block;
	margin-bottom: 0.4rem;
	color: var( --tdd-text );
}

.tdd-personalisation__required {
	color: var( --tdd-red );
}

.tdd-personalisation__hint {
	margin: 0;
	font-size: 0.875rem;
	color: var( --tdd-text-muted );
}

.tdd-personalisation__charge {
	display: inline-block;
	margin-left: 0.35rem;
}