/* Terms & Conditions Consent Log — checkboxes injected into someone else's form.
 *
 * A bare `input[type="checkbox"]` is not safe to assume anywhere. Astra Pro,
 * for one, sets `appearance: none` on every checkbox inside a `.woocommerce`
 * form and only gives a size back to the ones WooCommerce itself renders, so
 * any other checkbox collapses to a 2px dot. The row therefore states its own
 * box and its own alignment.
 *
 * Only the geometry is pinned. The border, the background and the tick are
 * left to the theme, so the checkbox keeps looking like every other checkbox
 * in the same form.
 *
 * The box sits on the first line's baseline rather than at a fixed offset from
 * the top: themes are free to set a much larger font on the label than on the
 * input (Twenty Twenty-Five does), and any offset measured in `em` of the
 * checkbox would then leave it floating above the text it belongs to.
 */

.tccl-consent-row__label,
.woocommerce form .form-row.tccl-consent-row label.tccl-consent-row__label {
	display: flex;
	align-items: baseline;
	gap: 0.5em;
	margin: 0;
	line-height: 1.5;
}

.tccl-consent-row__input,
.woocommerce .tccl-consent-row .tccl-consent-row__input {
	flex: 0 0 auto;
	width: 1em;
	height: 1em;
	min-width: 1em;
	min-height: 1em;
	margin: 0;
	padding: 0;
}