/** Compatibility with Woof **/

@import '../../../assets/sass/config';
@import '../../assets/sass/mixins/mixins';
@import '../../assets/sass/mixins/direction';

.widget-woof {
	>.widget-title {
		position: relative;
		cursor: pointer;
		padding: 1.3rem 0;
		margin: 0;
	}

	>.collapsed .toggle-btn:before {
		transform: rotate(90deg);
	}
}

.WOOF_Widget {
	input[type="checkbox"][checked] {
		background-color: var(--alpus-dark-color);
		border-color: var(--alpus-dark-color);
		color: #fff;
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
	}

	input[type="radio"][checked] {
		background-color: #fff;
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%2333'/%3e%3c/svg%3e")
	}
}

.woof_list {
	color: var(--alpus-dark-color, #333);

	li {
		margin: 0 !important;
		padding: 1rem 0 !important;
	}

	label {
		padding: 0;
	}
}

.woof_products_top_panel {
	margin: 0 0 20px 0;
}