/** Compatibility with Woof **/

@import '../../../assets/sass/config';
@import '../../../assets/sass/mixins';
@import '../../../assets/sass/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(--wolmart-dark-color, $dark-color);
        border-color: var(--wolmart-dark-color, $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(--wolmart-dark-color, #333);

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

	label {
		padding: 0;
	}
}

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