/* Native formularze WooCommerce, dopasowane do pozostałych widoków Regalii. */
.ta-order-service {
  width: 100%;
  max-width: 920px;
  margin-inline: auto;
  padding: 36px 16px 56px;
  color: var(--ta-ink);
  font-family: var(--ta-font);
}
.ta-order-service--tracking { max-width: 760px; }
.ta-order-service *,
.ta-order-service *::before,
.ta-order-service *::after { box-sizing: border-box; }
.ta-order-service .ta-order-service__title {
  margin: 0 0 28px;
  color: var(--ta-ink);
  font: 300 30px/1.2 var(--ta-font);
  text-align: center;
  text-transform: none;
  letter-spacing: 0;
}
.ta-order-service__panel {
  padding: 20px 16px;
  border: 1px solid var(--ta-line);
  border-radius: var(--ta-radius-md);
  background: var(--ta-white);
  overflow-wrap: anywhere;
}
.ta-order-service form { margin-bottom: 0; }
.ta-order-service p { font-size: 14px; line-height: 1.65; }
.ta-order-service h2,
.ta-order-service h3 {
  color: var(--ta-ink);
  font: 500 20px/1.4 var(--ta-font);
  letter-spacing: 0;
  text-transform: none;
}
.ta-order-service .form-row { margin: 0 0 20px; }
.ta-order-service .form-row-first,
.ta-order-service .form-row-last { float: none; width: 100%; }
.ta-order-service label { margin-bottom: 8px; font-size: 14px; font-weight: 500; }
.ta-order-service input.input-text {
  width: 100%;
  min-width: 0;
  min-height: 48px;
  margin: 0;
  padding: 10px 12px;
  border: 1px solid var(--ta-border);
  border-radius: var(--ta-radius-sm);
  background: var(--ta-white);
  box-shadow: none;
  color: var(--ta-ink);
  font: 400 16px/1.5 var(--ta-font);
}
.ta-order-service input::placeholder { color: var(--ta-placeholder); }
.ta-order-service a { color: var(--ta-green); text-decoration: underline; text-underline-offset: 3px; }
.ta-order-service a:hover { color: var(--ta-green-hover); }
.ta-order-service :is(a, button, input, select, textarea):focus-visible {
  outline: 2px solid var(--ta-green);
  outline-offset: 3px;
}
.ta-order-service .button,
.ta-order-service #payment .button {
  width: 100%;
  min-height: 50px;
  margin: 0;
  padding: 14px 24px;
  border: 1px solid var(--ta-green);
  border-radius: var(--ta-radius-sm);
  background: var(--ta-green);
  color: var(--ta-white);
  font: 500 13px/1.5 var(--ta-font);
  letter-spacing: .06em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: normal;
  box-shadow: none;
}
.ta-order-service .button:hover { background: var(--ta-green-hover); border-color: var(--ta-green-hover); }
.ta-order-service table { width: 100%; margin-bottom: 28px; font-size: 13px; }
.ta-order-service :is(th, td) { padding: 14px 6px; border-color: var(--ta-line); color: var(--ta-ink); }
.ta-order-service th { font-size: 12px; letter-spacing: 0; text-transform: none; }
.ta-order-service .product-name { width: 50%; }
.ta-order-service .product-quantity { width: 16%; text-align: center; white-space: nowrap; }
.ta-order-service :is(.product-total, .product-subtotal) { text-align: right; }
.ta-order-service .amount { white-space: nowrap; }
.ta-order-service .wc_payment_methods { margin: 0 0 24px; padding: 0; list-style: none; }
.ta-order-service .wc_payment_method { margin: 0; padding: 16px 0; border-bottom: 1px solid var(--ta-line); }
.ta-order-service .wc_payment_method > label { display: inline; }
.ta-order-service input:is([type="radio"], [type="checkbox"]) { accent-color: var(--ta-green); }
.ta-order-service .payment_box { margin-top: 12px; padding: 14px; background: var(--ta-cream); border-radius: var(--ta-radius-sm); }
.ta-order-service .payment_box p:last-child,
.ta-order-service .form-row:last-child { margin-bottom: 0; }
.ta-order-service .woocommerce-privacy-policy-text { color: var(--ta-ink-muted); }
.ta-order-service .woocommerce-terms-and-conditions-wrapper { margin-bottom: 20px; }
.ta-order-service .order-info { padding: 16px; border-radius: var(--ta-radius-sm); background: var(--ta-cream); }
.ta-order-service .order-info mark { background: none; color: var(--ta-ink); font-weight: 500; }
@media (min-width: 550px) {
  .ta-order-service { padding: 48px 24px 72px; }
  .ta-order-service .ta-order-service__title { font-size: 40px; }
  .ta-order-service__panel { padding: 28px; }
  .ta-order-service table { font-size: 14px; }
  .ta-order-service :is(th, td) { padding: 16px 10px; }
  .ta-order-service .button { width: auto; min-width: 220px; }
}
@media (min-width: 850px) {
  .ta-order-service { padding-top: 64px; padding-bottom: 88px; }
  .ta-order-service__panel { padding: 32px; }
}

/* Karta płatności pochodzi ze wspólnego nadpisania widoku kasy. */
.ta-order-service .wc_payment_method > label.ta-co__opt {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 0;
}
.ta-order-service .ta-co__opt-body { flex: 1; min-width: 0; }
.ta-order-service .ta-co__opt-title,
.ta-order-service .ta-co__opt-sub { display: block; }
.ta-order-service .ta-co__opt-sub { margin-top: 4px; color: var(--ta-ink-muted); font-size: 13px; font-weight: 400; }
.ta-order-service .ta-co__opt-icon { flex: 0 0 24px; }
.ta-order-service .ta-co__opt-icon svg { display: block; width: 24px; height: 24px; }
.ta-order-service .order-actions-button { display: block; width: 100%; min-width: 0; max-width: 220px; margin-left: auto; }
.ta-order-service .order-actions-button + .order-actions-button { margin-top: 8px; }