/* Account van ouders: rustige kolommen, lijnen en hoeken van 8px */
.ouder-page { background: #f7f7fa; }
.ouder-page .navbar .nav-container { gap: 24px; }
.ouder-logout { color: #5b6778; font-weight: 600; text-decoration: none; white-space: nowrap; }
.ouder-logout:hover { color: #1f2a3c; }

.ouder { max-width: 1120px; margin: 0 auto; padding: 112px 20px 64px; color: #1f2a3c; }
.ouder h1 { margin: 0; font-size: 32px; line-height: 1.2; text-align: left; }
.ouder h2 { margin: 0 0 14px; font-size: 20px; line-height: 1.3; text-align: left; }
.ouder-kop { margin-bottom: 28px; }
.ouder-kop p { margin: 6px 0 0; color: #5b6778; font-size: 17px; }

.ouder-kolommen { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 24px; align-items: start; }
.ouder-blok { margin: 0 0 24px; padding: 24px; border: 1px solid #e2e5ea; border-radius: 8px; background: #fff; box-shadow: none; text-align: left; }
.ouder-blok:last-child { margin-bottom: 0; }
.ouder-klein { margin: 12px 0 0; color: #5b6778; font-size: 14px; line-height: 1.5; }
.ouder a { color: #4f3f8f; }

.ouder-zoekform label { display: block; margin-bottom: 6px; font-weight: 600; font-size: 14px; }
.ouder-zoekrij { display: flex; gap: 8px; }
.ouder-zoekrij input { flex: 1; min-width: 0; padding: 12px 14px; border: 1px solid #c9ced6; border-radius: 8px; font: inherit; }
.ouder-knop { padding: 12px 18px; border: 0; border-radius: 8px; background: #4f3f8f; color: #fff; font: inherit; font-weight: 600; cursor: pointer; }
.ouder-knop:hover { background: #3f3275; }
.ouder-knop--gevaar { background: #b3261e; }
.ouder-knop--gevaar:hover { background: #8f1e18; }

.ouder-stappen { margin: 0; padding-left: 20px; line-height: 1.6; }
.ouder-stappen li { margin-bottom: 6px; }

.ouder-gegevens { display: grid; grid-template-columns: auto 1fr; gap: 6px 16px; margin: 0 0 8px; }
.ouder-gegevens dt { color: #5b6778; font-size: 14px; }
.ouder-gegevens dd { margin: 0; font-weight: 600; overflow-wrap: anywhere; }

.ouder-uitklap { border-top: 1px solid #e2e5ea; }
.ouder-uitklap summary { padding: 14px 0; font-weight: 600; cursor: pointer; }
.ouder-uitklap form, .ouder-uitklap > p, .ouder-uitklap > button { margin-bottom: 16px; }
.ouder-uitklap .form-group { margin-bottom: 12px; }
.ouder-uitklap label { display: block; margin-bottom: 4px; font-size: 14px; font-weight: 600; }
.ouder-uitklap input { width: 100%; padding: 10px 12px; border: 1px solid #c9ced6; border-radius: 8px; font: inherit; }
.email-form-message, .password-form-message { margin: 10px 0 0; font-size: 14px; }
.ouder-hulp { margin-top: 16px; }

.ouder .contact-request { border-color: #e2e5ea; }
.ouder .contact-request-head span { color: #4f3f8f; font-weight: 600; }

@media (max-width: 860px) {
  .ouder { padding-top: 96px; }
  .ouder-kolommen { grid-template-columns: minmax(0, 1fr); }
  .ouder-page .nav-menu { display: none; }
}
@media (max-width: 480px) {
  .ouder h1 { font-size: 26px; }
  .ouder-blok { padding: 18px; }
  .ouder-zoekrij { flex-direction: column; }
}
.ouder-review .trustpilot-widget { margin-top: 12px; }