/* MOGO site policy + checkout fixes (November 2026)
   Loaded by checkout.html and product.html in all 7 locales. */

/* ---- Checkout: estimated delivery line in the order summary ---- */
html body .delivery-estimate {
  margin: 10px 0 14px;
  padding: 10px 12px;
  border: 1px solid var(--line, #ddd5c8);
  background: var(--paper, #f8f4ed);
  color: var(--ink, #151311);
  font-size: 12px;
  line-height: 1.55;
}

html body .delivery-estimate b {
  font-weight: 700;
}

/* ---- Checkout: State / Province field ---- */
html body #state {
  display: block;
  width: 100%;
  margin-top: 10px;
}

/* ---- Product page: keep "Measure & Sizing" clear of the wrist-size field ---- */
html body[data-page="product"] .inline-input {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 14px !important;
  align-items: center !important;
  width: 100% !important;
}

html body[data-page="product"] .inline-input .input {
  min-width: 0 !important;
  width: 100%;
}

html body[data-page="product"] .inline-input .link-button {
  white-space: nowrap;
  justify-self: end;
  flex: 0 0 auto;
  padding: 6px 0;
}

@media (max-width: 560px) {
  html body[data-page="product"] .inline-input {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 6px !important;
  }

  html body[data-page="product"] .inline-input .link-button {
    justify-self: start;
    text-align: left;
  }
}