/* Live zoeken (resources/views/partials/zoekpaneel.antlers.html, public/js/live-search.js). */
.zoek-knop { background: none; border: 0; display: inline-flex; align-items: center; color: inherit; }
.zoekpaneel[hidden] { display: none; }
.zoekpaneel { position: fixed; inset: 0; z-index: 1080; }
.zoekpaneel-achtergrond { position: absolute; inset: 0; background: rgba(31, 42, 48, .55); }
.zoekpaneel-vak { position: relative; max-width: 760px; margin: 96px auto 0; background: #fff; border-radius: 14px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .25); overflow: hidden; }
.zoekpaneel-formulier { display: flex; align-items: center; gap: 12px; padding: 14px 16px 14px 20px; border-bottom: 1px solid #e3e9ed; margin: 0; }
.zoekpaneel-icoon { color: #4c6875; flex: none; }
#zoekpaneel-invoer { flex: 1; min-width: 0; border: 0; outline: 0; font: inherit; font-size: 19px; color: #1f2a30; background: transparent; padding: 8px 0; }
#zoekpaneel-invoer::placeholder { color: #7b8a93; }
#zoekpaneel-invoer::-webkit-search-cancel-button { display: none; }
.zoekpaneel-sluit { flex: none; width: 40px; height: 40px; border-radius: 8px; border: 0; background: #f3f6f8; color: #4c6875; display: grid; place-items: center; cursor: pointer; }
.zoekpaneel-sluit:hover { background: #e3e9ed; }
.zoekpaneel-lijst { list-style: none; margin: 0; padding: 6px; max-height: min(60vh, 520px); overflow-y: auto; }
.zoekpaneel-lijst:empty { display: none; }
.zoekpaneel-lijst a { display: flex; flex-direction: column; gap: 2px; padding: 12px 14px; border-radius: 10px; color: #374151; text-decoration: none; }
.zoekpaneel-lijst [aria-selected="true"] a, .zoekpaneel-lijst a:hover { background: #eef6fa; }
.zoekpaneel-soort { font-size: 12px; font-weight: 600; letter-spacing: .02em; color: #0a6e99; text-transform: uppercase; }
.zoekpaneel-titel { font-size: 17px; font-weight: 600; color: #1f2a30; }
.zoekpaneel-titel mark { background: #faf8d4; color: inherit; padding: 0 1px; border-radius: 2px; }
.zoekpaneel-tekst { font-size: 14px; color: #5b6b75; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.zoekpaneel-alles a { flex-direction: row; justify-content: space-between; align-items: center; font-weight: 600; color: #0a6e99; border-top: 1px solid #e3e9ed; border-radius: 0 0 10px 10px; }
.zoekpaneel-status { margin: 0; padding: 0 20px; font-size: 14px; color: #5b6b75; }
.zoekpaneel-status:not(:empty) { padding: 14px 20px 18px; }
body.zoeken-open { overflow: hidden; }
@media (max-width: 800px) { .zoekpaneel-vak { margin: 0; border-radius: 0; max-width: none; min-height: 100%; } }

/* Resultatenpagina /zoeken (resources/views/vendor/search/results.antlers.html). */
.zoekpagina-kop { padding: 150px 0 48px; }
.zoekpagina-formulier { display: flex; gap: 10px; max-width: 760px; }
.zoekpagina-formulier .form-control { flex: 1; min-width: 0; }
.zoekpagina-resultaten { padding: 40px 0 80px; min-height: 40vh; }
.zoekpagina-telling { color: #5b6b75; margin-bottom: 18px; }
.zoekpagina-lijst { list-style: none; margin: 0; padding: 0; max-width: 820px; }
.zoekpagina-lijst li + li { border-top: 1px solid #e3e9ed; }
.zoekpagina-lijst a { display: flex; flex-direction: column; gap: 3px; padding: 18px 14px; margin: 0 -14px; border-radius: 10px; text-decoration: none; color: #374151; }
.zoekpagina-lijst a:hover { background: #eef6fa; }
@media (max-width: 575px) { .zoekpagina-kop { padding-top: 120px; } .zoekpagina-formulier { flex-direction: column; } }