﻿/* ---------- formulieren ---------- */

form-builder-renderer .button-container-right {
  flex-direction: row !important;
}

.formbuilderblock section#funnel:last-child {
  padding-bottom: unset;
}

html[data-page]:not([data-page="/klantenservice-en-contact/reactietermijnen/"]) #zelf-regelen-table {
  display: none;
}



/* ---------- success page ---------- */

[data-testid="feature-post-success-text"] h1 {
  text-wrap-style: balance;
}

[data-testid="feature-post-success-text"]:has(.ordered-step-list) {
  margin-top: var(--grid-section-padding-block);
}

[data-testid="feature-post-success-text"] .ordered-step-list :is(h3,h4,h5) {
  font-weight: 700;
  margin-bottom: var(--spacing-10) !important;
  font-size: var(--body-large, 1.125rem);
  letter-spacing: -.02em;
  line-height: 140%;
}

[data-testid="feature-post-success-text"] .ordered-step-list > li > p {
  margin-block: var(--spacing-5) var(--spacing-20);
}

[data-testid="feature-post-success-text"] .ordered-step-list > li > p:first-child {
  margin-top: unset;
}

[data-testid="feature-post-success-text"] .ordered-step-list > li > p:last-child {
  margin-bottom: unset;
}

[data-testid="feature-post-success-text"] .ordered-step-list > li:not(:last-child)::after {
  background-color: var(--colors-brand-primary-500);
  height: calc(100% - var(--spacing-10));
  top: calc(var(--spacing-50) + var(--spacing-5));
  width: .25rem;
}

[data-testid="feature-post-success-text"] .ordered-step-list + .button-container {
  display: none;
}

[data-funnel-page*="internationale-waardeoverdracht-aanvragen"] .ordered-step-list > li:nth-child(1)::before,
[data-funnel-page*="internationale-waardeoverdracht-aanvragen"] .ordered-step-list > li:nth-child(1)::after,
[data-funnel-page*="international-value-transfer"] .ordered-step-list > li:nth-child(1)::before,
[data-funnel-page*="international-value-transfer"] .ordered-step-list > li:nth-child(1)::after {
  background-color: var(--colors-steps-done, var(--colors-brand-tertiary-01-700, #007345));
  color: var(--colors-neutral-50);
}
