/*
 * HGC Sparkle Photo Sessions — booking form colours.
 * Button matches the site's primary-button convention (var(--primary), red);
 * radio/checkbox inputs use the club red accent.
 */
.wsf-form {
	--wsf-field-button-primary-color-background: var(--primary);
	--wsf-field-button-primary-color-background-hover: var(--primary-hover);
	--wsf-field-button-primary-color-background-focus: var(--primary-hover);
	--wsf-field-button-primary-color: var(--white);
	--wsf-field-button-primary-color-hover: var(--white);
	--wsf-field-button-primary-color-focus: var(--white);
	--wsf-field-button-primary-border-color: var(--primary);
	--wsf-field-button-primary-border-color-hover: var(--primary-hover);
	--wsf-field-button-primary-border-color-focus: var(--primary-hover);

	--wsf-field-radio-checked-color: var(--primary);
	--wsf-field-radio-checked-circle-color-background: var(--primary);
	--wsf-field-radio-checked-circle-color: var(--white);
	--wsf-field-radio-checked-border-color: var(--black);
	--wsf-field-radio-checked-button-color-background: var(--primary);
	--wsf-field-radio-checked-switch-color-background: var(--primary);
}

/* Radio outer ring stays black in every state (default/hover/focus/checked),
   and the blue WS Form focus glow is removed. */
.wsf-form input[type="radio"].wsf-field,
.wsf-form input[type="radio"].wsf-field:hover,
.wsf-form input[type="radio"].wsf-field:focus,
.wsf-form input[type="radio"].wsf-field:checked,
.wsf-form input[type="radio"].wsf-field:checked:focus {
	border-color: var(--black) !important;
	outline-color: var(--black) !important;
	box-shadow: none !important;
}

.wsf-form input[type="radio"],
.wsf-form input[type="checkbox"] {
	accent-color: var(--primary);
}