/**
 * WooCommerce link color
 */
sekhlo_colors_live_update( 'wc_product_title_color', '.woocommerce ul.products li.product .woocommerce-LoopProduct-link', 'color', '', 'link_color' );
sekhlo_colors_live_update( 'wc_product_title_color_hover', '.woocommerce ul.products li.product .woocommerce-LoopProduct-link:hover', 'color', '', 'link_color_hover' );

/**
 * WooCommerce primary button
 */
var wc_button = '.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, button, \
	html input[type="button"], \
	input[type="reset"], \
	input[type="submit"],\
	.button,\
	.button:visited';
sekhlo_colors_live_update( 'form_button_background_color', wc_button, 'background-color' );
sekhlo_colors_live_update( 'form_button_text_color', wc_button, 'color' );

/**
 * WooCommerce primary button hover
 */
var wc_button_hover = '.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,button:hover, \
	html input[type="button"]:hover, \
	input[type="reset"]:hover, \
	input[type="submit"]:hover,\
	.button:hover,\
	button:focus, \
	html input[type="button"]:focus, \
	input[type="reset"]:focus, \
	input[type="submit"]:focus,\
	.button:focus';
sekhlo_colors_live_update( 'form_button_background_color_hover', wc_button_hover, 'background-color' );
sekhlo_colors_live_update( 'form_button_text_color_hover', wc_button_hover, 'color' );

/**
 * WooCommerce alt button
 */
var wc_alt_button = '.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt';
sekhlo_colors_live_update( 'wc_alt_button_background', wc_alt_button, 'background-color' );
sekhlo_colors_live_update( 'wc_alt_button_text', wc_alt_button, 'color' );

/**
 * WooCommerce alt button hover
 */
var wc_alt_button_hover = '.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover';
sekhlo_colors_live_update( 'wc_alt_button_background_hover', wc_alt_button_hover, 'background-color' );
sekhlo_colors_live_update( 'wc_alt_button_text_hover', wc_alt_button_hover, 'color' );

/**
 * WooCommerce star ratings
 */
var wc_stars = '.woocommerce .star-rating span:before, .woocommerce .star-rating:before';
sekhlo_colors_live_update( 'wc_rating_stars', wc_stars, 'color' );

/**
 * WooCommerce sale sticker
 */
var wc_sale_sticker = '.woocommerce span.onsale';
sekhlo_colors_live_update( 'wc_sale_sticker_background', wc_sale_sticker, 'background-color' );
sekhlo_colors_live_update( 'wc_sale_sticker_text', wc_sale_sticker, 'color' );

/**
 * WooCommerce price
 */
var wc_price = '.woocommerce ul.products li.product .price, .woocommerce div.product p.price';
sekhlo_colors_live_update( 'wc_price_color', wc_price, 'color' );

/**
 * WooCommerce product tab text
 */
var wc_product_tab = '.woocommerce div.product .woocommerce-tabs ul.tabs li a';
sekhlo_colors_live_update( 'wc_product_tab', wc_product_tab, 'color' );

/**
 * WooCommerce product tab text highlight/active
 */
var wc_product_tab_active = '.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover, .woocommerce div.product .woocommerce-tabs ul.tabs li.active a';
sekhlo_colors_live_update( 'wc_product_tab_highlight', wc_product_tab_active, 'color' );

/**
 * WooCommerce success message
 */
var wc_success_message = '.woocommerce-message';
sekhlo_colors_live_update( 'wc_success_message_background', wc_success_message, 'background-color' );
sekhlo_colors_live_update( 'wc_success_message_text', wc_success_message + ', div.woocommerce-message a.button, div.woocommerce-message a.button:focus, div.woocommerce-message a.button:hover, div.woocommerce-message a, div.woocommerce-message a:focus, div.woocommerce-message a:hover', 'color' );

/**
 * WooCommerce info message
 */
var wc_info_message = '.woocommerce-info';
sekhlo_colors_live_update( 'wc_info_message_background', wc_info_message, 'background-color' );
sekhlo_colors_live_update( 'wc_info_message_text', wc_info_message + ', div.woocommerce-info a.button, div.woocommerce-info a.button:focus, div.woocommerce-info a.button:hover, div.woocommerce-info a, div.woocommerce-info a:focus, div.woocommerce-info a:hover', 'color' );

/**
 * WooCommerce error message
 */
var wc_error_message = '.woocommerce-error';
sekhlo_colors_live_update( 'wc_error_message_background', wc_error_message, 'background-color' );
sekhlo_colors_live_update( 'wc_error_message_text', wc_error_message + ', div.woocommerce-error a.button, div.woocommerce-error a.button:focus, div.woocommerce-error a.button:hover, div.woocommerce-error a, div.woocommerce-error a:focus, div.woocommerce-error a:hover', 'color' );

/**
 * Menu Mini Cart
 */
sekhlo_colors_live_update( 'wc_mini_cart_background_color', '#wc-mini-cart', 'background-color' );
sekhlo_colors_live_update( 'wc_mini_cart_text_color', '#wc-mini-cart,#wc-mini-cart a:not(.button), #wc-mini-cart a.remove', 'color' );

sekhlo_colors_live_update( 'wc_mini_cart_button_background', '#wc-mini-cart .button.checkout', 'background-color' );
sekhlo_colors_live_update( 'wc_mini_cart_button_text', '#wc-mini-cart .button.checkout', 'color' );

sekhlo_colors_live_update( 'wc_mini_cart_button_background_hover', '#wc-mini-cart .button.checkout:hover, #wc-mini-cart .button.checkout:focus, #wc-mini-cart .button.checkout:active', 'background-color' );
sekhlo_colors_live_update( 'wc_mini_cart_button_text_hover', '#wc-mini-cart .button.checkout:hover, #wc-mini-cart .button.checkout:focus, #wc-mini-cart .button.checkout:active', 'color' );

/**
 * Sticky panel cart button
 */
 sekhlo_colors_live_update( 'wc_panel_cart_background_color', '.add-to-cart-panel', 'background-color' );
 sekhlo_colors_live_update( 'wc_panel_cart_text_color', '.add-to-cart-panel, .add-to-cart-panel a:not(.button)', 'color' );

 sekhlo_colors_live_update( 'wc_panel_cart_button_background', '#wc-sticky-cart-panel .button', 'background-color' );
 sekhlo_colors_live_update( 'wc_panel_cart_button_text', '#wc-sticky-cart-panel .button', 'color' );

 sekhlo_colors_live_update( 'wc_panel_cart_button_background_hover', '#wc-sticky-cart-panel .button:hover, #wc-sticky-cart-panel .button:focus, #wc-sticky-cart-panel .button:active', 'background-color' );
 sekhlo_colors_live_update( 'wc_panel_cart_button_text_hover', '#wc-sticky-cart-panel .button:hover, #wc-sticky-cart-panel .button:focus, #wc-sticky-cart-panel .button:active', 'color' );

/**
 * Price slider bar
 */
sekhlo_colors_live_update( 'wc_price_slider_background_color', '.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content', 'background-color' );
sekhlo_colors_live_update( 'wc_price_slider_bar_color', '.woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle', 'background-color' );

// Archive product description text
wp.customize( 'sekhlo_settings[text_color]', function( value ) {
	value.bind( function( newval ) {
		if ( ! wp.customize.value('sekhlo_settings[content_text_color]')() ) {
			if ( jQuery( 'style#wc_desc_color' ).length ) {
				jQuery( 'style#wc_desc_color' ).html( '.woocommerce-product-details__short-description{color:' + newval + ';}' );
			} else {
				jQuery( 'head' ).append( '<style id="wc_desc_color">.woocommerce-product-details__short-description{color:' + newval + ';}</style>' );
				setTimeout(function() {
					jQuery( 'style#wc_desc_color' ).not( ':last' ).remove();
				}, 1000);
			}
		}
	} );
} );

wp.customize( 'sekhlo_settings[content_text_color]', function( value ) {
	value.bind( function( newval ) {
		if ( '' == newval ) {
			newval = wp.customize.value('sekhlo_settings[text_color]')();
		}
		if ( jQuery( 'style#wc_desc_color' ).length ) {
			jQuery( 'style#wc_desc_color' ).html( '.woocommerce-product-details__short-description{color:' + newval + ';}' );
		} else {
			jQuery( 'head' ).append( '<style id="wc_desc_color">.woocommerce-product-details__short-description{color:' + newval + ';}</style>' );
			setTimeout(function() {
				jQuery( 'style#wc_desc_color' ).not( ':last' ).remove();
			}, 1000);
		}
	} );
} );
