/* ===== ZOEKFUNCTIE ===== */
.search-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:500;padding:80px 20px 20px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.search-overlay.active{display:flex;align-items:flex-start;justify-content:center}
.search-modal{background:var(--white);border-radius:14px;width:100%;max-width:640px;box-shadow:var(--shadow-lg);overflow:hidden}
.search-input-wrap{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--gray-200)}
.search-input{flex:1;border:none;outline:none;font-family:var(--font);font-size:1rem;color:var(--gray-900);background:transparent}
.search-close{color:var(--gray-400);font-size:1.2rem;background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:6px;line-height:1;transition:color .15s,background .15s}
.search-close:hover{color:var(--gray-900);background:var(--gray-100)}
.search-results{max-height:420px;overflow-y:auto}
.search-result-item{display:flex;flex-direction:column;gap:3px;padding:14px 20px;border-bottom:1px solid var(--gray-100);text-decoration:none;color:inherit;transition:background .12s}
.search-result-item:last-child{border-bottom:none}
.search-result-item:hover{background:var(--blue-light)}
.search-result-cat{font-size:.72rem;font-weight:600;color:var(--blue);text-transform:uppercase;letter-spacing:.05em}
.search-result-title{font-size:.925rem;font-weight:600;color:var(--gray-900);line-height:1.35}
.search-result-date{font-size:.75rem;color:var(--gray-400)}
.search-no-results{padding:28px 20px;color:var(--gray-500);font-size:.9rem;text-align:center}
/* ===== LEESVOORTGANGSBALK ===== */
.reading-progress{position:fixed;top:0;left:0;height:3px;background:var(--blue);z-index:201;width:0%;transition:width .08s linear;pointer-events:none}
/* ===== DEELKNOPPEN ===== */
.share-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:24px 0;padding:16px 0;border-top:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200)}
.share-label{font-size:.8rem;font-weight:600;color:var(--gray-500);margin-right:4px}
.share-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:8px;font-family:var(--font);font-size:.8rem;font-weight:600;border:none;cursor:pointer;transition:opacity .15s,transform .1s;text-decoration:none;white-space:nowrap}
.share-btn:hover{opacity:.85;transform:translateY(-1px)}
.share-btn-wa{background:#25d366;color:#fff}
.share-btn-x{background:#000;color:#fff}
.share-btn-copy{background:var(--gray-100);color:var(--gray-700)}
.share-btn-copy:hover{background:var(--gray-200);opacity:1}
.share-btn svg{width:14px;height:14px;flex-shrink:0}
/* ===== TERUG NAAR BOVEN ===== */
.back-to-top{position:fixed;bottom:28px;right:24px;width:44px;height:44px;border-radius:50%;background:var(--blue);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);z-index:150;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .25s,transform .25s,background .15s}
.back-to-top.visible{opacity:1;transform:translateY(0);pointer-events:auto}
.back-to-top:hover{background:var(--blue-dark)}
.back-to-top svg{width:18px;height:18px}