/**
 * Widget Box Plugin Compatible CSS
 * High-end visual styles and interactive enhancements.
 *
 * @package Ethereal Fashion Widget Box
 */

:root {
	--black: #000000; /* hover : black/80 */
	--white: #FFFFFF;
	--kyleBlack: #222222;
	--colorNavy: #3A4D69;
	--colorYellow: #EFE40C;
	--colorLightGray: #E2E2E2;
	--colorSlateGray: #728093;
	--colorRed: #FF2C2C;
	--colorLime: #BBDC2F;
	--colorAmber: #FFBF00;
	--colorGreen: #6CC761;
	--colorGrassGreen: #55AC4B; /* color green hover */
	--colorMustard: #D3C908; /* yellow hover */
	--colorCharcoal: #222222; /* kyleBlack */
	--colorGunmetal: #182021;
	--colorGray: #ACACAC;
}

/** mini cart (start) */
/* .wkfashion-popup-next-sibling .wkfashion-minicart-desktop-product-card .wkfashion_product_listing_page_btn{
    border-color: var(--colorYellow);
}
body .wkfashion-minicart-desktop-product-card a:hover{
	color: var(--colorYellow);
} */
/** mini cart (end) */

/** filters (start) */
body .wkfashion-price-filter-range-slider .range-min::-webkit-slider-thumb {
	background: var(--colorYellow);
	border: 1px solid var(--colorYellow);
}

body .wkfashion-price-filter-range-slider .range-max::-webkit-slider-thumb {
	background: var(--colorYellow);
	border: 1px solid var(--colorYellow);
}

body .wkfashion-price-filter-range-slider input[type="range"]::-moz-range-thumb {
	background: var(--colorYellow);
	border: 1px solid var(--colorYellow);
}

body .wkfashion-widget-box-price-filter-progress-bar {
	background: var(--colorYellow);
}

body .wkfashion-clear-all-filters {
	color: var(--colorYellow);
}

body .wkfashion-price-filter-submit-btn {
	background-color: var(--colorYellow);
	color: var(--black);
}
body .wkfashion-price-filter-submit-btn:hover {
	background-color: var(--colorMustard);
}

body .wkfashion-attribute-filter-widget li label:hover {
	border-color: var(--colorYellow);
}
body .wkfashion-attribute-filter-widget li input[type="checkbox"]:checked + label {
	border-color: var(--colorYellow);
}
/** filters (end) */

/** Single Product */
body .wkfashion-widget-read-more-btn .wkfashion-read-more-text,
body .wkfashion-widget-read-more-btn .icon-arrow-up,
body .wkfashion-widget-read-more-btn .icon-arrow-down,
body .wkfashion-widget-read-more-btn-mobile .wkfashion-read-more-text,
body .wkfashion-widget-read-more-btn-mobile .icon-arrow-up,
body .wkfashion-widget-read-more-btn-mobile .icon-arrow-down {
	color: var(--black);
}
body .wkfashion-widget-read-more-btn:hover,
body .wkfashion-widget-read-more-btn-mobile:hover {
	background-color: var(--colorYellow);
}
body .wkfashion-step-number {
	color: var(--colorYellow);
}