/* Bestlab Suite — Horizontal Filter Bar ([bl_product_filter_bar]) */
.bl-filter-wrapper{margin-bottom:30px;position:relative;font-family:inherit}
.bl-filter-grid{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.bl-filter-item{position:relative;display:flex;flex-direction:column;flex:0 0 auto;min-width:0}

.bl-ms-trigger,.bl-more-btn{height:42px;box-sizing:border-box;display:inline-flex;align-items:center;gap:6px;padding:8px 35px 8px 15px;border:1px solid #ccc;border-radius:4px;background-color:#fff;cursor:pointer;transition:all .2s ease;font-family:inherit;font-size:14px;font-weight:500;line-height:1.4;color:#333;text-align:left;white-space:nowrap;-webkit-appearance:none;appearance:none;background-repeat:no-repeat;background-position:right 12px center;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23333333' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}
.bl-more-btn{padding:8px 20px;background-image:none}
.bl-ms-trigger:hover,.bl-more-btn:hover{border-color:#999}
.bl-ms.is-active .bl-ms-trigger,.bl-ms.is-open .bl-ms-trigger{border-color:#0073aa}
.bl-ms.is-active .bl-ms-trigger{background-color:#f0faff;color:#0073aa;font-weight:600}
.bl-ms-badge{font-weight:700;color:#0073aa}

.bl-ms-dropdown{display:none;position:absolute;top:calc(100% + 4px);left:0;min-width:100%;width:max-content;max-width:320px;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 8px 22px rgba(0,0,0,.12);z-index:1000}
.bl-ms.is-open .bl-ms-dropdown{display:block}
.bl-ms-list{list-style:none;margin:0;padding:6px 0;max-height:280px;overflow-y:auto}
.bl-ms-option{margin:0}
.bl-ms-label{display:flex;align-items:center;gap:10px;padding:8px 16px;margin:0;cursor:pointer;font-size:14px;line-height:1.3;color:#333;transition:background .12s ease}
.bl-ms-label:hover{background-color:#f5f5f5}
.bl-ms-option.is-checked .bl-ms-label{color:#0073aa;font-weight:600}
.bl-ms-cb{width:16px;height:16px;margin:0;flex-shrink:0;accent-color:#0073aa;cursor:pointer}
.bl-ms-swatch{display:inline-block;width:18px;height:18px;border-radius:3px;border:1px solid rgba(0,0,0,.2);flex-shrink:0}
.bl-ms-text{flex:1;white-space:nowrap}
.bl-ms-option.is-highlighted .bl-ms-label{background-color:#fff7ec}
.bl-ms-option.is-highlighted .bl-ms-text{color:#b9760f;font-weight:600}
.bl-ms-footer{border-top:1px solid #eee;padding:6px}
.bl-ms-reset{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;background:transparent;border-radius:4px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;color:#444;transition:background .12s ease,color .12s ease}
.bl-ms-reset:hover{background-color:#f5f5f5;color:#111}
.bl-ms-reset-x{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:1px solid #bbb;border-radius:50%;font-size:13px;line-height:1;color:#666;flex-shrink:0}

.bl-reset-all{height:42px;box-sizing:border-box;display:inline-flex;align-items:center;gap:8px;padding:8px 15px;border:1px solid #ccc;border-radius:4px;background-color:#fff;color:#444;font-family:inherit;font-size:14px;font-weight:500;line-height:1.4;text-decoration:none;white-space:nowrap;cursor:pointer;transition:all .2s ease}
.bl-reset-all:hover{border-color:#999;background-color:#f7f7f7;color:#111}
.bl-reset-all-x{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:1px solid #bbb;border-radius:50%;font-size:13px;line-height:1;color:#666;flex-shrink:0}

.bl-more-filters-wrapper.has-active-child .bl-more-btn{border-color:#0073aa;color:#0073aa;background:#f0faff}
.bl-more-dropdown{display:none;position:absolute;top:100%;right:0;width:max-content;max-width:calc(100vw - 40px);background:#fff;border:1px solid #ddd;padding:16px 20px;z-index:999;box-shadow:0 10px 25px rgba(0,0,0,.1);margin-top:5px;border-radius:4px}
.bl-more-filters-wrapper.active .bl-more-dropdown{display:block}
.bl-filter-grid-inner{display:flex;flex-wrap:nowrap;align-items:flex-start;gap:12px}
.bl-filter-grid-inner .bl-filter-item{flex:0 0 auto}

/* Mobile: the "Több szűrő" panel spans the filter bar (anchored to the bar, not
   the small button, so it can't run off-screen) and its items stack full-width. */
@media(max-width:640px){
	.bl-filter-wrapper{position:relative}
	.bl-more-filters-wrapper{position:static}
	.bl-more-dropdown{left:0;right:0;width:auto;max-width:none;padding:14px}
	.bl-filter-grid-inner{flex-wrap:wrap;gap:10px}
	.bl-filter-grid-inner .bl-filter-item{flex:1 1 100%;min-width:0}
	.bl-filter-grid-inner .bl-ms,
	.bl-filter-grid-inner .bl-ms-trigger{width:100%}
	.bl-filter-grid-inner .bl-ms-dropdown{width:100%;max-width:none}
}