/**
 * @file
 * Donation form layout for donation-form.js and tribute-form.js.
 *
 * The site's "Contribution / Donation Pages" asset injector styles every
 * CiviCRM option as a full-width block button, so these selectors carry an
 * extra class to win over it without !important.
 */

/* Plain checkboxes we add: box and words on one line. */
.crm-container .mh-tribute-toggle,
.crm-container .mh-donation-check {
  display: flex;
  align-items: center;
  gap: 0.5em;
  margin: 0.25em 0 0.75em;
}
.crm-container .mh-tribute-toggle input,
.crm-container .mh-donation-check input {
  width: 1.15em;
  height: 1.15em;
  margin: 0;
  accent-color: var(--mh-color-brand-primary, #8b1919);
}
.crm-container .mh-tribute-toggle label,
.crm-container .mh-donation-check label {
  display: inline;
  margin: 0;
  font-weight: 600;
  cursor: pointer;
}

/* "In Honor of" and "In Memory of" side by side, as are the delivery choices. */
.crm-container .mh-tribute .soft_credit_type_id-section .crm-option-label-pair,
.crm-container .mh-tribute .mh-tribute-options .crm-multiple-checkbox-radio-options .crm-option-label-pair {
  display: inline-block;
  margin: 0 0.5em 0.5em 0;
}
.crm-container .mh-tribute .mh-tribute-options .crm-multiple-checkbox-radio-options label {
  width: auto;
  margin: 0;
}
.crm-container .mh-tribute .soft_credit_type_id-section .crm-clear-link {
  display: none;
}

.crm-container .mh-tribute .mh-tribute-prompt {
  margin: 0.75em 0 0.25em;
  font-weight: 600;
}

/* The gift-story opener reads as a link, not another big button. */
.crm-container .mh-story-open .mh-link-button {
  padding: 0;
  border: 0;
  background: none;
  color: var(--mh-color-brand-primary, #8b1919);
  font: inherit;
  font-weight: 600;
  text-decoration: underline;
  cursor: pointer;
}