/**
 * @file
 * Forms: radio buttons next to their label, less space below the payment
 * choice.
 *
 * WHY: taken over verbatim from the Asset Injector entity
 * asset_injector.css.css_voor_formulieren (no conditions, so on every page),
 * so the code lives in git and the theme instead of in the database. Values
 * are kept as they were; converting them to fluid tokens is a separate
 * decision. Loaded site-wide through the global-styling library.
 */

/* 1. Align the label next to the radio button. */
.form-type-radio {
  display: flex;
  align-items: center;
  gap: 0.8rem; /* Space between the dot and the text. */
  margin-bottom: 0.2rem; /* Less space between the options. */
}

/* The label must not be a block. */
.form-type-radio label.option {
  display: inline-block;
  margin: 0;
}

/* 2. Less space below the whole radio element (towards 'Facturatie'). */
#edit-betaalwijze--wrapper,
.form-item-betaalwijze {
  margin-bottom: 0.2rem;
}