/* WeTrade Request Centre. Colours fall back to literal values when the child theme tokens are absent. */
.wt-rc, .wt-form, .wt-thanks {
	--f-jade-900: var(--wt-jade-900, #06382e);
	--f-jade-700: var(--wt-jade-700, #005A4E);
	--f-jade-100: var(--wt-jade-100, #ddf3ec);
	--f-orange: var(--wt-orange-500, #E85D04);
	--f-ink: var(--wt-ink, #0f1a17);
	--f-slate: var(--wt-slate, #51605b);
	--f-line: var(--wt-line, #d9e2df);
	--f-mist: var(--wt-mist, #f4f7f6);
	--f-error: var(--wt-error, #b3261e);
	--f-radius: var(--wt-radius, 12px);
}

.wt-rc__tabs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.75rem; margin-block-end: 1.5rem; }
.wt-rc .wt-rc__tab {
	display: flex; flex-direction: column; gap: 0.3rem; text-align: start; white-space: normal;
	padding: 1rem 1.1rem; border: 1.5px solid var(--f-line); border-radius: var(--f-radius);
	background: #fff; color: var(--f-ink); cursor: pointer; font: inherit;
	transition: border-color 0.2s, background-color 0.2s, box-shadow 0.2s;
}
.wt-rc .wt-rc__tab:hover, .wt-rc .wt-rc__tab:focus { border-color: var(--f-jade-700); background: #fff; color: var(--f-ink); }
.wt-rc .wt-rc__tab[aria-selected="true"] { border-color: var(--f-jade-700); background: var(--f-jade-100); box-shadow: inset 0 -3px 0 var(--f-jade-700); }
.wt-rc__tab-title { font-weight: 650; color: var(--f-jade-900); line-height: 1.25; }
.wt-rc__tab-intro { font-size: 0.875rem; line-height: 1.45; color: var(--f-slate); }
@media (max-width: 900px) { .wt-rc__tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) {
	.wt-rc__tabs { grid-template-columns: 1fr; gap: 0.5rem; }
	.wt-rc__tab-intro { display: none; }
	.wt-rc .wt-rc__tab { padding: 0.8rem 1rem; }
}

.wt-form {
	background: #fff; border: 1px solid var(--f-line); border-radius: calc(var(--f-radius) + 4px);
	padding: clamp(1.25rem, 3vw, 2.25rem); max-width: 860px;
}
.wt-form__title { margin: 0 0 0.25rem; font-size: 1.5rem; }
.wt-form__intro { margin: 0 0 1.5rem; color: var(--f-slate); }
.wt-form fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
.wt-form__legend { font-size: 1.25rem; font-weight: 650; color: var(--f-jade-900); padding: 0; margin-block-end: 1.25rem; }

.wt-steps { list-style: none; display: flex; gap: 0.5rem; padding: 0; margin: 0 0 1.75rem; counter-reset: none; }
.wt-steps__item { flex: 1; display: flex; align-items: center; gap: 0.6rem; padding-block-end: 0.75rem; border-block-end: 3px solid var(--f-line); color: var(--f-slate); font-size: 0.875rem; font-weight: 600; }
.wt-steps__num { flex: none; display: grid; place-items: center; width: 1.75rem; height: 1.75rem; border-radius: 50%; background: var(--f-mist); border: 1.5px solid var(--f-line); font-variant-numeric: tabular-nums; }
.wt-steps__item.is-current { border-color: var(--f-orange); color: var(--f-jade-900); }
.wt-steps__item.is-current .wt-steps__num { background: var(--f-jade-700); border-color: var(--f-jade-700); color: #fff; }
.wt-steps__item.is-done { border-color: var(--f-jade-700); color: var(--f-jade-700); }
.wt-steps__item.is-done .wt-steps__num { background: var(--f-jade-100); border-color: var(--f-jade-700); color: var(--f-jade-900); }
@media (max-width: 520px) { .wt-steps__label { display: none; } .wt-steps__item.is-current .wt-steps__label { display: inline; } }

.wt-form__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.1rem 1.25rem; }
.wt-field--wide { grid-column: 1 / -1; }
@media (max-width: 640px) { .wt-form__grid { grid-template-columns: 1fr; } }

.wt-field label { display: block; font-weight: 600; font-size: 0.9375rem; margin-block-end: 0.35rem; color: var(--f-ink); }
.wt-field__req { color: var(--f-error); margin-inline-start: 0.15rem; }
.wt-form .wt-field input[type="text"], .wt-form .wt-field input[type="email"], .wt-form .wt-field input[type="tel"],
.wt-form .wt-field input[type="url"], .wt-form .wt-field input[type="date"], .wt-form .wt-field select, .wt-form .wt-field textarea {
	width: 100%; min-height: 48px; padding: 0.65rem 0.85rem; font: inherit; font-size: 1rem; line-height: 1.4;
	color: var(--f-ink); background: #fff; border: 1.5px solid #b7c4c0; border-radius: 8px;
	transition: border-color 0.15s, box-shadow 0.15s;
}
.wt-form .wt-field textarea { min-height: 132px; resize: vertical; }
.wt-form .wt-field :is(input, select, textarea):focus { outline: none; border-color: var(--f-jade-700); box-shadow: 0 0 0 3px rgba(18, 160, 127, 0.28); }
.wt-form .wt-field [aria-invalid="true"] { border-color: var(--f-error); }
[dir="rtl"] .wt-form .wt-field input[dir="ltr"] { text-align: right; }
.wt-field__hint { margin: 0.35rem 0 0; font-size: 0.8125rem; color: var(--f-slate); }
.wt-field__error { margin: 0.35rem 0 0; font-size: 0.875rem; font-weight: 600; color: var(--f-error); }

.wt-field--check { display: grid; grid-template-columns: auto 1fr; gap: 0.25rem 0.75rem; align-items: start; margin-block: 1.5rem 0; padding: 1rem; background: var(--f-mist); border-radius: 8px; }
.wt-field--check input { width: 1.25rem; height: 1.25rem; margin-block-start: 0.2rem; accent-color: var(--f-jade-700); }
.wt-field--check label { font-weight: 400; margin: 0; }
.wt-field--check .wt-field__error { grid-column: 2; }

.wt-hp { position: absolute !important; inset-inline-start: -9999px; width: 1px; height: 1px; overflow: hidden; }

.wt-form__actions { display: flex; flex-wrap: wrap; gap: 0.75rem; justify-content: flex-end; margin-block-start: 1.75rem; }
.wt-form__actions [data-prev] { margin-inline-end: auto; }
.wt-form [disabled] { opacity: 0.6; cursor: progress; }

/* Buttons, for sites where the child theme styles are not loaded. */
.wt-form .wt-btn {
	display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0.7rem 1.5rem;
	font-family: inherit; font-weight: 600; font-size: 1rem; line-height: 1.2; text-decoration: none; border-radius: 999px; border: 2px solid transparent; cursor: pointer;
	background: var(--f-orange); color: var(--f-ink);
}
.wt-form .wt-btn--jade { background: var(--f-jade-700); color: #fff; }
.wt-form .wt-btn--jade:hover, .wt-form .wt-btn--jade:focus { background: var(--f-jade-900); color: #fff; }
.wt-form .wt-btn--ghost { background: transparent; color: var(--f-jade-900); border-color: var(--f-jade-700); }
.wt-form .wt-btn--ghost:hover, .wt-form .wt-btn--ghost:focus { background: var(--f-jade-100); color: var(--f-jade-900); }
.wt-form .wt-btn:focus-visible { outline: 3px solid var(--f-orange); outline-offset: 2px; }

.wt-form__notice { padding: 0.85rem 1rem; border-radius: 8px; margin: 0 0 1.25rem; font-weight: 600; }
.wt-form__notice--error { background: #fdecea; color: var(--f-error); border: 1px solid #f3b8b3; }

.wt-review { margin: 0; display: grid; gap: 0; border: 1px solid var(--f-line); border-radius: 8px; overflow: hidden; }
.wt-review > div { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.4fr); gap: 1rem; padding: 0.7rem 1rem; }
.wt-review > div:nth-child(odd) { background: var(--f-mist); }
.wt-review dt { color: var(--f-slate); font-size: 0.9375rem; }
.wt-review dd { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
@media (max-width: 520px) { .wt-review > div { grid-template-columns: 1fr; gap: 0.15rem; } }

.wt-form__done, .wt-thanks { padding: 1.5rem; border-radius: var(--f-radius); background: var(--f-jade-100); color: var(--f-jade-900); }
.wt-form__done:focus { outline: none; }
.wt-form__done h3, .wt-thanks h2 { margin-block-start: 0; }
.wt-thanks { max-width: 720px; padding: clamp(1.5rem, 4vw, 2.5rem); }
.wt-ref { display: inline-block; font-size: 1.25rem; font-variant-numeric: tabular-nums; letter-spacing: 0.04em; padding: 0.15rem 0.6rem; background: #fff; border-radius: 6px; direction: ltr; unicode-bidi: isolate; }

/* Language names in this select are in three scripts: use system fonts so no webfont is fetched for one option. */
.wt-form .wt-field select[name="reply_in"] { font-family: system-ui, -apple-system, "Segoe UI", "PingFang SC", "Microsoft YaHei", Tahoma, sans-serif; }

/* Inside the Request Centre the form spans the same width as the tabs. */
.wt-rc .wt-form { max-width: none; }