/**
 * Win-ware / Xtore — storefront overrides (linked last in common/header.twig).
 * SO Filter: match theme selector specificity so flex/clear fixes beat layout3/violet.css
 */

/* Each filter row: BFC so floats/wrapped text can’t bleed into the next row (subcategory + manufacturer etc.) */
.module.so_filter_wrap .modcontent .so-filter-content-opts-container .so-filter-option.opt-select:not(.so-filter-price) {
	display: flow-root;
	width: 100%;
	clear: both;
	box-sizing: border-box;
	padding: 5px 0;
}

/* Checkbox + label + count on one flex row (theme uses float:right on .option-count — must override) */
.module.so_filter_wrap .modcontent ul li.so-filter-options .so-filter-content-opts .so-filter-content-opts-container .so-option-container {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: flex-start;
	column-gap: 8px;
	row-gap: 4px;
	width: 100%;
	min-width: 0;
	box-sizing: border-box;
	float: none;
}

.module.so_filter_wrap .modcontent ul li.so-filter-options .so-filter-content-opts .so-filter-content-opts-container .so-option-container .option-input {
	flex: 0 0 auto;
	float: none;
	margin-right: 0;
	margin-inline-end: 0;
}

.module.so_filter_wrap .modcontent ul li.so-filter-options .so-filter-content-opts .so-filter-content-opts-container .so-option-container label {
	flex: 1 1 0;
	min-width: 0;
	float: none;
	display: block;
	line-height: 1.4;
	overflow-wrap: break-word;
	word-wrap: break-word;
}

/* Beats .so_filter_wrap .modcontent .so-filter-content-opts-container .option-count { float: right } */
.module.so_filter_wrap .modcontent ul li.so-filter-options .so-filter-content-opts .so-filter-content-opts-container .so-option-container .option-count,
.module.so_filter_wrap .modcontent .so-filter-content-opts-container .so-option-container .option-count {
	flex: 0 0 auto;
	float: none !important;
	margin-top: 0;
	margin-left: 0 !important;
	margin-inline-start: auto !important;
	white-space: nowrap;
}

/* Hover: red text on label + count */
.module.so_filter_wrap .modcontent ul li.so-filter-options .so-filter-content-opts .so-filter-content-opts-container .so-option-container:hover label,
.module.so_filter_wrap .modcontent ul li.so-filter-options .so-filter-content-opts .so-filter-content-opts-container .so-option-container:hover .option-count span {
	color: #c00 !important;
}

/* Hover: red checkbox icon + border */
.module.so_filter_wrap .modcontent .so-filter-content-opts-container .so-filter-option:hover .option-input:before {
	border-color: #c00 !important;
}

.module.so_filter_wrap .modcontent .so-filter-content-opts-container .so-filter-option:hover .option-input .fa-square-o,
.module.so_filter_wrap .modcontent .so-filter-content-opts-container .so-filter-option:hover .option-input .fa-check-square-o {
	color: #c00 !important;
}

/* Selected: red tick (check icon) */
.module.so_filter_wrap .modcontent .so-filter-content-opts-container .so-filter-option.opt_active .option-input .fa-check-square-o,
.module.so_filter_wrap .modcontent ul li.so-filter-options .so-filter-content-opts .so-filter-content-opts-container .so-filter-option.opt_active .option-input .fa-check-square-o {
	color: #c00 !important;
}

.module.so_filter_wrap .modcontent .so-filter-content-opts-container .so-filter-option.opt_active .option-input:before {
	border-color: #c00 !important;
}