/* Zoekfunctie cloudliftoff.nl */
.search-toggle{
  background:none;border:0;cursor:pointer;padding:8px;margin-left:6px;
  color:#fff;display:inline-flex;align-items:center;justify-content:center;
  border-radius:8px;transition:color .2s, background .2s;
}
.search-toggle svg{width:20px;height:20px}
.search-toggle:hover,.search-toggle.active{color:var(--yellow)}
header.scrolled .search-toggle{color:var(--text)}
header.scrolled .search-toggle:hover,header.scrolled .search-toggle.active{color:var(--yellow-dark)}

.search-panel{
  position:fixed;top:86px;right:24px;
  transform:translateY(-8px);
  width:min(420px,calc(100vw - 32px));
  background:#fff;border:1px solid var(--border);border-radius:14px;
  box-shadow:0 18px 50px rgba(10,15,36,.22);
  opacity:0;visibility:hidden;transition:opacity .2s, transform .2s, visibility .2s;
  z-index:140;
}
.search-panel.open{opacity:1;visibility:visible;transform:translateY(0)}

.search-box{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border)}
.search-box>svg{width:18px;height:18px;color:var(--muted);flex-shrink:0}
.search-box input::-webkit-search-cancel-button{display:none}
.search-box input{
  flex:1;border:0;outline:0;font-family:inherit;font-size:1rem;color:var(--text);
  background:transparent;padding:4px 0;min-width:0;
}
.search-close{
  background:none;border:0;font-size:1.4rem;line-height:1;color:var(--muted);
  cursor:pointer;padding:2px 6px;border-radius:6px;
}
.search-close:hover{color:var(--text)}

.search-results{list-style:none;margin:0;padding:6px;max-height:60vh;overflow-y:auto}
.search-results li a{
  display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:10px;
  text-decoration:none;color:var(--text);
}
.search-results li a:hover,.search-results li a.active{background:var(--bg-alt)}
.search-results strong{font-size:.95rem;font-weight:600}
.search-results strong mark{background:rgba(247,181,0,.35);color:inherit;border-radius:3px;padding:0 1px}
.search-results span{font-size:.82rem;color:var(--muted);line-height:1.45}
.search-empty{padding:14px 12px;font-size:.88rem;color:var(--muted);line-height:1.5}
