/* Cura thema-zoekveld */
.cura-zv-verborgen { display: none !important; }

.cura-zv { position: relative; box-sizing: border-box; }
/* het label staat voor schermlezers; zichtbaar is de vraag als voorbeeldtekst, zodat het veld op een lijn staat met de keuzelijsten */
.cura-zv__label { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.cura-zv__box { position: relative; }
.cura-zv__input { box-sizing: border-box; width: 100%; min-height: 44px; margin: 0; outline-offset: 2px; }
.cura-zv__input:focus { outline: 2px solid #1a5f70; }
.cura-zv__input::placeholder { color: #6b6b6b; opacity: 1; } /* 5,3:1 op wit */
/* geen eigen wisknop in het veld (Ernst, 25 sep 2026): Escape of de wisknop van de filterbalk maakt leeg */
.cura-zv__clear { display: none !important; }
.cura-zv__clear { position: absolute; right: 4px; top: 50%; transform: translateY(-50%); width: 36px; height: 36px; border: 0; background: transparent; color: inherit; font-size: 26px; line-height: 1; cursor: pointer; border-radius: 4px; }
.cura-zv__clear:hover, .cura-zv__clear:focus { background: rgba(0, 0, 0, 0.06); outline: 2px solid #1a5f70; }

.cura-zv__list { position: absolute; left: 0; right: 0; top: 100%; z-index: 1000; margin: 2px 0 0; padding: 4px 0; list-style: none; background: #fff; border: 1px solid #98d0de; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12); max-height: 320px; overflow-y: auto; text-align: left; }
.cura-zv__opt { padding: 10px 14px; cursor: pointer; font-size: 0.95em; line-height: 1.3; color: #333; }
.cura-zv__opt.is-actief, .cura-zv__opt:hover { background: #e8f5f8; }
.cura-zv__opt.is-actief { outline: 2px solid #1a5f70; outline-offset: -2px; }
.cura-zv__soort { display: inline-block; margin-left: 8px; font-size: 0.75em; color: #666; border: 1px solid #cfd8dc; border-radius: 10px; padding: 1px 8px; vertical-align: middle; }

.cura-zv__sr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

.cura-zv__melding { margin-top: 10px; padding: 12px 14px; background: #f3f9fb; border-left: 4px solid #98d0de; font-size: 0.95em; line-height: 1.45; }
.cura-zv__melding a { text-decoration: underline; }

.cura-zv__crisis { margin-top: 10px; padding: 14px 16px; background: #fff7f0; border: 2px solid #e8a35c; border-radius: 4px; font-size: 0.95em; line-height: 1.45; color: #222; }
.cura-zv__crisis p { margin: 0 0 6px; }
.cura-zv__crisis p:last-child { margin-bottom: 0; }
.cura-zv__crisis-kop { font-weight: 700; font-size: 1.05em; }
.cura-zv__crisis a { text-decoration: underline; font-weight: 600; }
.cura-zv__crisis-knop { margin-top: 4px; padding: 8px 14px; border: 2px solid #1a5f70; border-radius: 4px; background: #fff; color: #1a5f70; font: inherit; font-weight: 600; cursor: pointer; }
.cura-zv__crisis-knop:hover, .cura-zv__crisis-knop:focus { background: #e8f5f8; outline: 2px solid #1a5f70; outline-offset: 2px; }

@media (max-width: 767px) {
  .cura-zv { width: 100% !important; }
}
