.torvo-row {
  margin-top: 16px;
}
.torvo-row:empty {
  margin-top: 0;
}
/* The renewals box sits one step (16px) below the card form, like the rest of the payment box. */
.wc-block-components-checkbox.torvo-consent {
  margin-top: 16px;
}
/* "Saving cards: save every card": the renewals sentence is a notice, not a box. */
.torvo-consent-notice {
  margin: 16px 0 0;
  font-size: 0.875em;
  opacity: 0.85;
}
/* Classic checkout: the box on the left, the sentence in one column beside it (not wrapping under the box). */
/* More specific than WooCommerce's own checkout rules ("#payment div.payment_box .form-row", ".woocommerce form .form-row
   label.checkbox"), which they override. */
#payment div.payment_box p.form-row.torvo-consent {
  margin: 16px 0 0;
  padding: 0;
}
#payment div.payment_box p.form-row.torvo-consent label.checkbox {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  margin: 0;
  line-height: 1.5;
}
#payment div.payment_box p.form-row.torvo-consent input.input-checkbox {
  flex: none;
  margin: 0.3em 0 0;
}
/* Without WooCommerce's checkbox component (older stores): the same layout, by hand. */
.torvo-consent-plain {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  margin-top: 16px;
}
.torvo-frame {
  display: block;
  width: 100%;
  height: 0;
  border: 0;
  overflow: hidden;
}
.torvo-note {
  margin: 6px 0 0;
  font-size: 0.9em;
  opacity: 0.85;
}
.torvo-note:empty {
  display: none;
}
.torvo-error {
  color: #b32d2e;
  opacity: 1;
}
.torvo-confirming {
  margin: 0 0 24px;
  padding: 12px 16px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 6px;
}
.torvo-descriptor {
  margin: 0 0 24px;
}