/* bof gijs@cyle.nl — formulieren en afrekenen: altijd zichtbaar en goed bruikbaar (lage specificiteit, overschrijft niets wat al goed staat) */
:where(.tz) :where(input[type=text], input[type=email], input[type=tel], input[type=password], input[type=number], input[type=date], input:not([type]), select, textarea) {
  min-height: 46px; padding: 10px 14px; border: 1.5px solid #c9ccd4; border-radius: 10px; background-color: #fff; color: #1b1b1f; font: inherit; font-size: 16px; box-shadow: none; max-width: 100%;
}
:where(.tz) textarea { min-height: 96px; }
:where(.tz) :where(input, select, textarea):focus { outline: none; border-color: var(--tz-accent); box-shadow: 0 0 0 3px rgba(0,0,0,.08); }
:where(.tz) :where(input, select, textarea)::placeholder { color: #8a8f9c; }
:where(.tz) :where(input[type=checkbox], input[type=radio]) { width: 20px; height: 20px; accent-color: var(--tz-accent); vertical-align: middle; margin: 0 8px 0 0; }
:where(.tz) label { color: inherit; }
.tz .form-control { background-color: #fff; color: #1b1b1f; border: 1.5px solid #c9ccd4; min-height: 46px; }
.tz .has-error .form-control { border-color: #c62828; }
.tz .text-danger { color: #c62828; }
.tz button[disabled], .tz button.disabled { opacity: .5; cursor: not-allowed; }
/* eof gijs@cyle.nl */
/* bof gijs@cyle.nl — leesbaarheid: knoppen-links en formulierpagina's op donkere sites */
.tz a.tz-pop-go, .tz a.tz-pop-go:hover, .tz a.tz-pop-go:focus,
.tz a.tz-mini-go, .tz a.tz-mini-go:hover, .tz a.tz-mini-go:focus,
.tz a.tz-cta, .tz a.tz-cta:hover, .tz a.tz-cta:focus { color: var(--tz-on-accent); }
.tz a.tz-btn, .tz a.tz-btn:hover, .tz a.tz-btn:focus { color: var(--tz-on-brand); }
.tz a.tz-mini-link, .tz a.tz-mini-link:hover, .tz a.tz-mini-link:focus, .tz .tz-pop-on:hover, .tz .tz-pop-on:focus { color: #1b1b1f; }
.tz :is(a.tz-pop-go, a.tz-mini-go, a.tz-cta, a.tz-btn, .tz-pop-on):focus-visible { outline: 3px solid #1b1b1f; outline-offset: 2px; }
/* donkere sites (Dealsformen, Doebie): afrekenen, winkelwagen, account en informatiepagina's licht met donkere tekst */
body.tz-dark.tz-formpage {
  --tz-bg: #f3f4f1; --tz-ink: #1b1b1f; --tz-muted: #5c6070; --tz-surface: #ffffff; --tz-band: #e9ebe6; --tz-line: #d9dcd6;
  background: var(--tz-bg); color: var(--tz-ink);
}
body.tz-dark.tz-formpage .tz-header { background: var(--tz-brand); color: var(--tz-on-brand); }
body.tz-dark.tz-formpage .tz-header .tz-logo, body.tz-dark.tz-formpage .tz-header .tz-nav > a { color: var(--tz-on-brand); }
body.tz-dark.tz-formpage .tz-cartbtn { background: var(--tz-accent); color: var(--tz-on-accent); }
body.tz-dark.tz-formpage #content, body.tz-dark.tz-formpage .breadcrumb a, body.tz-dark.tz-formpage .breadcrumb > li { color: var(--tz-ink); }
/* eof gijs@cyle.nl */