/* Toolbar + cards (shortcode lijst) */
:root {
  --bp-button-bg: #007cba;
  --bp-button-color: #fff;
  --bp-button-border: #007cba;
  --bp-button-hover-bg: #005a87;
}

.bp-toolbar{display:flex;gap:1rem;align-items:center;justify-content:space-between;margin:.5rem 0 1rem;flex-wrap:wrap}
.bp-letters{display:flex;flex-wrap:wrap;gap:.35rem}
.bp-letter{padding:.25rem .5rem;border:1px solid #ddd;border-radius:6px;text-decoration:none}
.bp-letter.is-active{background:#f0f0f0;font-weight:600}
.bp-sort{display:flex;align-items:center;gap:.5rem}
.bp-sort a{padding:.25rem .5rem;border:1px solid #ddd;border-radius:6px;text-decoration:none}
.bp-sort .is-active{background:#f0f0f0;font-weight:600}

form.bp-searchbar{display:flex !important;gap:.5rem;align-items:center;margin:.5rem 0 1rem;flex-wrap:wrap}
form.bp-searchbar input[type="text"]{padding:.4rem .55rem;border:1px solid #ddd;border-radius:6px;flex:1 1 auto;min-width:200px;max-width:100%}
form.bp-searchbar select{padding:.35rem .5rem;border:1px solid #ddd;border-radius:6px;flex:0 0 auto}
form.bp-searchbar button{padding:.4rem .7rem;border:1px solid var(--bp-button-border);border-radius:6px;background:var(--bp-button-bg);color:var(--bp-button-color);cursor:pointer;white-space:nowrap;flex:0 0 auto}
form.bp-searchbar button:hover{background:var(--bp-button-hover-bg)}

.bp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}
.bp-card{border:1px solid #eee;border-radius:10px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.bp-thumb img{display:block;width:100%;height:auto}
.bp-body{padding:.75rem}
.bp-title{margin:.25rem 0 .35rem;font-size:1rem}
.bp-dates{color:#666;margin:0}
.bp-pagination{margin:2rem 0;text-align:center}
.bp-pagination .page-numbers{display:inline-flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:0;justify-content:center}
.bp-pagination .page-numbers li{margin:0}
.bp-pagination a.page-numbers,
.bp-pagination span.page-numbers{display:inline-block;padding:.5rem .75rem;border:1px solid #ddd;border-radius:6px;text-decoration:none;color:#333;min-width:2.5rem;text-align:center;transition:all .2s ease}
.bp-pagination a.page-numbers:hover{background:#f0f0f0;border-color:#999}
.bp-pagination span.current{background:#333;color:#fff;border-color:#333;font-weight:600}
.bp-pagination .prev,
.bp-pagination .next{font-weight:600}
.bp-pagination .dots{border:none;cursor:default}
.bp-pagination .dots:hover{background:transparent}

/* Single (detail) */
.bp-single-wrap{max-width:960px;margin:0 auto;padding:1rem}
.bp-single-title{margin:.25rem 0 1rem}
.bp-main-photo{margin:0 0 1rem}
.bp-main-photo img{display:block;width:100%;height:auto;border-radius:8px}

.bp-details-table{width:100%;border-collapse:collapse;margin:1rem 0;background:#fff;border:1px solid #eee}
.bp-details-table th,
.bp-details-table td{padding:.6rem .75rem;border-bottom:1px solid #f0f0f0;vertical-align:top}
.bp-details-table th{width:190px;background:#fafafa;text-align:left;color:#333}

.bp-extra-photos{margin:1.25rem 0}
.bp-subtitle{font-size:1.125rem;margin:0 0 .5rem}
.bp-extra-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}
.bp-extra-photo img{display:block;width:100%;height:auto;border-radius:6px;border:1px solid #eee}

/* Lightbox */
#bp-lightbox{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:none;align-items:center;justify-content:center}
#bp-lightbox.active{display:flex}
.bp-lightbox-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.9);cursor:pointer}
.bp-lightbox-content{position:relative;max-width:90%;max-height:90vh;display:flex;align-items:center;justify-content:center}
.bp-lightbox-image{max-width:100%;max-height:90vh;display:block;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,0.5)}
.bp-lightbox-close{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:40px;cursor:pointer;line-height:1;padding:0;width:40px;height:40px;transition:opacity .2s}
.bp-lightbox-close:hover{opacity:0.7}
.bp-lightbox-prev,.bp-lightbox-next{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,0.9);border:none;color:#333;font-size:48px;cursor:pointer;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s;line-height:1;padding:0}
.bp-lightbox-prev{left:-60px}
.bp-lightbox-next{right:-60px}
.bp-lightbox-prev:hover,.bp-lightbox-next:hover{background:#fff;transform:translateY(-50%) scale(1.1)}
.bp-lightbox-counter{position:absolute;bottom:-35px;left:50%;transform:translateX(-50%);color:#fff;font-size:14px;background:rgba(0,0,0,0.6);padding:5px 12px;border-radius:12px}

/* Small screens */
@media (max-width:600px){
  .bp-details-table th{width:120px}
  .bp-lightbox-prev{left:10px}
  .bp-lightbox-next{right:10px}
  .bp-lightbox-close{top:10px;right:10px}
}