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

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

form.cp-searchbar{display:flex !important;gap:.5rem;align-items:center;margin:.5rem 0 1rem;flex-wrap:wrap}
form.cp-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.cp-searchbar select{padding:.35rem .5rem;border:1px solid #ddd;border-radius:6px;flex:0 0 auto}
form.cp-searchbar button{padding:.4rem .7rem;border:1px solid var(--pt-button-border);border-radius:6px;background:var(--pt-button-bg);color:var(--pt-button-color);cursor:pointer;white-space:nowrap;flex:0 0 auto}
form.cp-searchbar button:hover{background:var(--pt-button-hover-bg)}

.cp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;background-color:rgb(166,29,75)!important;padding:1rem;border-radius:10px}
.cp-card{border:1px solid #eee;border-radius:10px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.cp-thumb img{display:block;width:100%;height:auto}
.cp-body{padding:.75rem}
.cp-title{margin:.25rem 0 .35rem;font-size:1rem}
.cp-dates{color:#666;margin:0}
.cp-pagination{margin:2rem 0;text-align:center}
.cp-pagination .page-numbers{display:inline-flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:0;justify-content:center}
.cp-pagination .page-numbers li{margin:0}
.cp-pagination a.page-numbers,
.cp-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}
.cp-pagination a.page-numbers:hover{background:#f0f0f0;border-color:#999}
.cp-pagination span.current{background:#333;color:#fff;border-color:#333;font-weight:600}
.cp-pagination .prev,
.cp-pagination .next{font-weight:600}
.cp-pagination .dots{border:none;cursor:default}
.cp-pagination .dots:hover{background:transparent}

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

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

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

/* Lightbox */
#cp-lightbox{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:none;align-items:center;justify-content:center}
#cp-lightbox.active{display:flex}
.cp-lightbox-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.9);cursor:pointer}
.cp-lightbox-content{position:relative;max-width:90%;max-height:90vh;display:flex;align-items:center;justify-content:center}
.cp-lightbox-image{max-width:100%;max-height:90vh;display:block;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,0.5)}
.cp-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}
.cp-lightbox-close:hover{opacity:0.7}
.cp-lightbox-prev,.cp-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}
.cp-lightbox-prev{left:-60px}
.cp-lightbox-next{right:-60px}
.cp-lightbox-prev:hover,.cp-lightbox-next:hover{background:#fff;transform:translateY(-50%) scale(1.1)}
.cp-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){
  .cp-details-table th{width:120px}
  .cp-lightbox-prev{left:10px}
  .cp-lightbox-next{right:10px}
  .cp-lightbox-close{top:10px;right:10px}
}