/* Bremer Configurator – subcategorie-tegels (4.3.1)
   Laadt op productcategorieën met subcategorieën, direct na cards.css (handle bc-subcats). */

/* ===== Subcategorie-tegels (v3.5) ===== */
.bc-subcats{--bc-primary:#1C244B;--bc-border:#e4e7ec;--bc-muted:#5f6878;--bc-bg:#f7f8fa;font-family:'IBM Plex Sans',system-ui,sans-serif;color:#3d4757}
.bc-subcats *{box-sizing:border-box}
.bc-subcat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.bc-subcat-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--bc-border);border-radius:4px;overflow:hidden;text-decoration:none!important;color:inherit;transition:box-shadow .2s,transform .2s,border-color .2s}
.bc-subcat-card:hover{box-shadow:0 1px 2px rgba(14,21,38,.05);border-color:#d6dae1;transform:translateY(-2px)}
.bc-subcat-img{display:block;position:relative;width:100%;aspect-ratio:4 / 3;background:var(--bc-bg);overflow:hidden}
.bc-subcat-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.bc-subcat-card:hover .bc-subcat-img img{transform:scale(1.03)}
.bc-subcat-ph{position:absolute;inset:0;background:repeating-linear-gradient(135deg,#f0f2f5 0 12px,#e4e7ec 12px 24px)}
.bc-subcat-body{display:flex;flex-direction:column;gap:4px;padding:14px 16px 16px}
.bc-subcat-title{margin:0;font-size:16px;font-weight:600;line-height:1.3;color:var(--bc-primary)}
.bc-subcat-desc{font-size:13px;line-height:1.5;color:var(--bc-muted)}
.bc-subcat-count{font-size:13px;color:var(--bc-muted)}
.bc-subcat-all{margin-top:22px;text-align:center}
.bc-subcat-all .bc-pc-btn{display:inline-flex;flex:0 0 auto;padding:11px 22px!important}
@media (max-width:1024px){.bc-subcat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
	.bc-subcat-grid{gap:12px}
	.bc-subcat-body{padding:11px 13px 13px}
	.bc-subcat-title{font-size:14.5px}
	.bc-subcat-count{font-size:12px}
}
/* filters en sorteren hebben geen nut zolang je nog een subcategorie moet kiezen */
body.bc-has-subcats .e-con:has(.wpc-filters-main-wrap):not(:has(.bc-subcats)),
body.bc-has-subcats .e-con:has(.widget_wpc_sorting_widget):not(:has(.bc-subcats)){display:none!important}
/* subcategorie-tegels: content over de volle breedte */
body.bc-has-subcats .e-con:has(> .bc-subcats){width:100%!important;max-width:100%!important}
@media(min-width:1025px){body.bc-has-subcats .bc-subcat-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
/* 3. Subcategorie-tegels: dezelfde regels als bij body.bc-has-subcats, maar direct via :has,
      zodat filters en sorteren niet eerst verschijnen en daarna verdwijnen. */
body:has(.bc-subcats) .e-con:has(.wpc-filters-main-wrap):not(:has(.bc-subcats)),
body:has(.bc-subcats) .e-con:has(.widget_wpc_sorting_widget):not(:has(.bc-subcats)){display:none!important}
body:has(.bc-subcats) .e-con:has(> .bc-subcats){width:100%!important;max-width:100%!important}
@media(min-width:1025px){body:has(.bc-subcats) .bc-subcat-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}