/* order-terms.css - the terms gate block on the tool order forms.
   The same block the checkout carries (its .cw-agree rules), painted with the
   page's own tokens because these forms sit on the site's dark ground:
   text = paper #f1f0eb on black #000; helper = gray-2 #a7a7a2; the tick's
   accent = the ruled blue #5AA9FF. No serif anywhere (BAN-TYPE-040). */
.ot-agree {
  grid-column: 1 / -1;
  margin: 6px 0 0;
  padding: 14px 16px;
  border: 1px solid var(--paper, #f1f0eb);
}
.ot-agree__row { display: flex; align-items: flex-start; gap: 11px; }
.ot-agree__row input[type="checkbox"] {
  flex: 0 0 auto;
  width: 19px;
  height: 19px;
  margin: 3px 0 0;
  accent-color: #5AA9FF;
  cursor: pointer;
}
.ot-agree__row input[type="checkbox"]:disabled { cursor: not-allowed; }
.ot-agree__row label {
  font-size: 0.88rem;
  line-height: 1.5;
  color: var(--paper, #f1f0eb);
  /* the 44px hit floor rides in padding; the painted box stays 19px */
  padding: 12px 0;
  margin: -12px 0;
  cursor: pointer;
}
.ot-agree__row input[type="checkbox"]:disabled + label { color: var(--gray-2, #a7a7a2); cursor: not-allowed; }
.ot-agree__why {
  margin: 9px 0 0;
  font-size: 0.82rem;
  line-height: 1.5;
  color: var(--gray-2, #a7a7a2);
}
.ot-agree__why a { color: inherit; text-decoration: underline; }
.ot-open {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  margin-top: 10px;
  padding: 11px 18px;
  border: 1px solid var(--paper, #f1f0eb);
  background: transparent;
  color: var(--paper, #f1f0eb);
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}
.ot-open:hover, .ot-open:focus-visible { background: var(--paper, #f1f0eb); color: var(--black, #000); }
.ot-open:disabled { opacity: 0.55; cursor: not-allowed; }
form[data-order-terms] button[type="submit"]:disabled { opacity: 0.55; cursor: not-allowed; }