/* showroom.css */
/* Breadcrumbs */
.showroom_breadcrumbs { margin-top: 29px!important; margin-bottom: 20px!important; }
.breadcrumbs { font-size:14px!important; }
.breadcrumbs .sep { margin: 0 .3em; opacity: .35; }
.breadcrumbs .crumb-parent { color: hsla(0, 0%, 40%, .7); }

/* Table */
.showroom-table, .showroom-table td { color: #000; }
.showroom-table td:first-child, .showroom-table th:first-child { font-weight: 700; }
.showroom-table td, .showroom-table th { padding: 1em .5em; font-size: 1rem; }
.showroom-table { margin-bottom: 20px; }

/* One-bar nav */
.showroom-onebar { color:#fff; margin:0 0 1rem; }
.showroom-onebar button { margin-bottom: 0px!important;margin-right: 0px!important; }
.parent-list { background:#070707; display:flex; list-style:none; margin:0; padding:0; overflow:auto; }
.parent-list li { margin-bottom: 0px; }
.parent-toggle {
  display:inline-flex; align-items:center; gap:.35rem;
  background:transparent; border:0; color:#fff; cursor:pointer;
  padding:.5rem 2rem;text-transform: unset; 
}
.parent-toggle .caret { line-height: 1;height: 24px; }
.parent-toggle.is-open { background:#222; }
.parent-toggle.is-open .caret { transform:rotate(180deg); }
.parent-item .parent-toggle:hover { background:#222; }

/* Children row */
.children-row { display:flex; align-items:center; gap:.5rem; flex-wrap:wrap; background-color: #222;
    padding: 15px 15px; }
.children-wrap { display:flex; gap:.5rem; flex-wrap:wrap; }
.child-btn { padding: 5px 15px; background:#fff; color:#070707; cursor:pointer; font-size: 14px; text-transform: unset; font-weight: 500; }
.child-btn--viewall { background:#f4f4f4; margin-left: auto; margin-right: 0; }
.child-btn.is-active { background:#221edc; color: #fff; }

/* Active chips */
.showroom-active-filters { display:flex; align-items:center; gap:.5rem; margin:.75rem 0 1rem; flex-wrap:wrap; }
.active-label { font-weight:600; }
.active-chips { list-style:none; display:flex; gap:.5rem; padding:0; margin:0; flex-wrap:wrap; }
.active-chips li { margin-bottom:0px; }
.chip { display:inline-flex; align-items:center; gap:.25rem; padding: 0px 15px; background:#221edc; color:#fff; font-size: 14px; }
.chip .chip-remove { border:0; background:transparent; cursor:pointer; font-size:1rem; line-height:1; padding:0 .1rem;margin-right: 0px; }
.chips-clear { padding:.25rem .5rem; background:#070707; cursor:pointer; font-size:.8rem; text-transform: unset; font-weight: 500; }

/* Grid (optional basics) */
#showroom-grid {margin-bottom: 30px;}
.showroom-grid { display:grid; gap:2rem 1rem; grid-template-columns: repeat(4, 1fr); }
.showroom-card { background:#fff; position: relative; }
.showroom-card img { width:100%; height:300px; display:block; object-fit: cover; }
.showroom-title { font-size:1rem; margin:1rem 0 0; }
.showroom-meta { position: absolute;top: 10px;right: 10px; background: #eaeaea;color:#000; padding: 5px 10px; font-size: 14px; }