/*
Theme Name: pvdh testthema
Description: Eenvoudig thema om pvdh-kern op een lege site te testen. Wordt vervangen door het basisthema.
Version: 0.1.0
Author: pimvdhurk.nl
*/
:root { --pvdh-kleur: #2f5d3a; }
* { box-sizing: border-box; }
body { margin: 0; font: 16px/1.6 -apple-system, "Segoe UI", Roboto, Arial, sans-serif; color: #1d2327; background: #f6f7f5; }
.wrap { max-width: 880px; margin: 0 auto; padding: 0 20px; }
header { background: #fff; border-bottom: 1px solid #e3e6e1; }
header .wrap { display: flex; align-items: center; justify-content: space-between; min-height: 72px; gap: 16px; }
header strong { font-size: 18px; }
header a { color: inherit; }
main { padding: 48px 0; }
section { margin-bottom: 40px; padding: 32px; border-radius: 16px; background: #fff; }
h1 { margin: 0 0 8px; font-size: 32px; line-height: 1.2; }
h2 { margin: 0 0 16px; font-size: 22px; }
.uitleg { color: #555; }
.pvdh-form__velden { display: flex; flex-wrap: wrap; gap: 16px; }
.pvdh-form__veld { flex: 1 1 100%; display: flex; flex-direction: column; gap: 6px; }
.pvdh-form__veld--half { flex-basis: calc(50% - 8px); }
.pvdh-form__veld label { font-weight: 600; font-size: 14px; }
.pvdh-form__veld input:not([type=checkbox]), .pvdh-form__veld select, .pvdh-form__veld textarea { width: 100%; padding: 12px 14px; border: 1px solid #cfd4cc; border-radius: 8px; font: inherit; background: #fff; }
.pvdh-form__veld.is-fout input, .pvdh-form__veld.is-fout select, .pvdh-form__veld.is-fout textarea { border-color: #b32d2e; }
.pvdh-form__vink { display: flex; gap: 10px; align-items: flex-start; font-weight: 400 !important; }
.pvdh-form__vink input { margin-top: 5px; accent-color: var(--pvdh-kleur); }
.pvdh-form__verstuur { margin-top: 20px; }
.knop { padding: 12px 26px; border: 0; border-radius: 8px; background: var(--pvdh-kleur); color: #fff; font: inherit; font-weight: 600; cursor: pointer; }
.knop:disabled { opacity: .6; }
.pvdh-form__melding { margin: 16px 0 0; padding: 12px 16px; border-radius: 8px; }
.pvdh-form__melding--ok { background: #e7f3ea; color: #1e4d2b; }
.pvdh-form__melding--fout { background: #fbeaea; color: #8a1f1f; }
.kruimelpad { margin-bottom: 16px; font-size: 13px; color: #666; }
footer { padding: 24px 0 48px; font-size: 14px; color: #555; }
footer a { color: inherit; }
@media (max-width: 600px) { .pvdh-form__veld--half { flex-basis: 100%; } section { padding: 22px; } }