/* global wp, jQuery */
/**
 * File customizer.js.
 *
 * Theme Customizer enhancements for a better user experience.
 *
 * Contains handlers to make Theme Customizer preview reload changes asynchronously.
 */

( function( $ ) {
	// Site title and description.
	wp.customize( 'blogname', function( value ) {
		value.bind( function( to ) {
			$( '.site-title a' ).text( to );
		} );
	} );
	wp.customize( 'blogdescription', function( value ) {
		value.bind( function( to ) {
			$( '.site-description' ).text( to );
		} );
	} );

	// Header text color.
	wp.customize( 'header_textcolor', function( value ) {
		value.bind( function( to ) {
			if ( 'blank' === to ) {
				$( '.site-title, .site-description' ).css( {
					clip: 'rect(1px, 1px, 1px, 1px)',
					position: 'absolute',
				} );
			} else {
				$( '.site-title, .site-description' ).css( {
					clip: 'auto',
					position: 'relative',
				} );
				$( '.site-title a, .site-description' ).css( {
					color: to,
				} );
			}
		} );
	} );


	//Background colors
	var $bg_color_options = { "main_header_submenu_background":".main-navigation ul ul li","background_color":".wc_payment_methods,.site-header-cart .widget_shopping_cart", "content_cards_background":".comments-area,.woocommerce-cart .cart_totals,.checkout-wrapper .woocommerce-checkout-review-order,.woocommerce-info, .woocommerce-noreviews, p.no-comments,.site-header-cart .widget_shopping_cart .woocommerce-mini-cart__total, .site-header-cart .widget_shopping_cart .woocommerce-mini-cart__buttons","color_forms_background":"input[type=\"text\"],input[type=\"email\"],input[type=\"url\"],input[type=\"password\"],input[type=\"search\"],input[type=\"number\"],input[type=\"tel\"],input[type=\"range\"],input[type=\"date\"],input[type=\"month\"],input[type=\"week\"],input[type=\"time\"],input[type=\"datetime\"],input[type=\"datetime-local\"],input[type=\"color\"],textarea,select,.woocommerce .select2-container .select2-selection--single,.woocommerce-page .select2-container .select2-selection--single", "offcanvas_menu_background":".botiga-offcanvas-menu","mobile_header_background":"#masthead-mobile","button_background_color":"button,a.button,.wp-block-button__link,input[type=\"button\"],input[type=\"reset\"],input[type=\"submit\"]","single_product_sale_background_color":".wc-block-grid__product-onsale, span.onsale","shop_product_card_background":"ul.wc-block-grid__products li.wc-block-grid__product, ul.wc-block-grid__products li.product, ul.products li.wc-block-grid__product, ul.products li.product","main_header_bottom_background":".bottom-header-row","main_header_background":".site-header,.header-search-form", "scrolltop_bg_color": ".back-to-top","topbar_background":".top-bar","footer_credits_background":".site-footer", "footer_widgets_background":".footer-widgets","header_top_row_background":".header-top", "header_middle_row_background":".header-middle", "header_bottom_row_background":".header-bottom", };

	$.each( $bg_color_options, function( option, selector ) {
		wp.customize( option, function( value ) {
			value.bind( function( to ) {
				$( selector ).css( 'background-color', to );
			} );
		} );
	});

	//Colors
	var $color_options = { "main_header_submenu_color":".main-navigation ul ul a","background_color":".site-header-cart .count-number,.site-header-cart .product_list_widget li a.remove","shop_product_product_title":"ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-title, ul.wc-block-grid__products li.wc-block-grid__product .woocommerce-loop-product__title, ul.wc-block-grid__products li.product .wc-block-grid__product-title, ul.wc-block-grid__products li.product .woocommerce-loop-product__title, ul.products li.wc-block-grid__product .wc-block-grid__product-title, ul.products li.wc-block-grid__product .woocommerce-loop-product__title, ul.products li.product .wc-block-grid__product-title, ul.products li.product .woocommerce-loop-product__title","site_description_color":".site-description","site_title_color":".site-header .site-title a","color_body_text":"body","color_link_default":"a:not(.button):not(.wp-block-button__link)","color_heading_1":"h1","color_heading_2":"h2","color_heading_3":"h3","color_heading_4":"h4,.product-gallery-summary .product_meta,.product-gallery-summary .product_meta a,.woocommerce-breadcrumb,.woocommerce-breadcrumb a,.woocommerce-tabs ul.tabs li a,.product-gallery-summary .woocommerce-Price-amount, .site-header-cart .widget_shopping_cart .woocommerce-mini-cart__buttons .button:not(.checkout),.woocommerce-mini-cart-item .quantity,.woocommerce-mini-cart__total .woocommerce-Price-amount,.order-total .woocommerce-Price-amount","color_heading_5":"h5","color_heading_6":"h6","color_forms_text":"input[type=\"text\"],input[type=\"email\"],input[type=\"url\"],input[type=\"password\"],input[type=\"search\"],input[type=\"number\"],input[type=\"tel\"],input[type=\"range\"],input[type=\"date\"],input[type=\"month\"],input[type=\"week\"],input[type=\"time\"],input[type=\"datetime\"],input[type=\"datetime-local\"],input[type=\"color\"],textarea,select,.woocommerce .select2-container .select2-selection--single,.woocommerce-page .select2-container .select2-selection--single","offcanvas_menu_color":".botiga-offcanvas-menu, .botiga-offcanvas-menu a:not(.button)","mobile_header_color":"#masthead-mobile,#masthead-mobile a:not(.button)","button_color":"button,.checkout-button.button,a.button,.wp-block-button__link,input[type=\"button\"],input[type=\"reset\"],input[type=\"submit\"]","single_product_sale_color":".wc-block-grid__product-onsale, span.onsale","single_product_title_color":".product-gallery-summary .product_title","single_product_price_color":".product-gallery-summary .price", "loop_post_text_color":".posts-archive .entry-content","loop_post_title_color":".posts-archive .entry-title a","loop_post_meta_color":".posts-archive .entry-meta a","single_post_meta_color":".single .entry-meta a", "single_post_title_color":".single .entry-header .entry-title","main_header_bottom_color":".bottom-header-row, .bottom-header-row .header-contact a,.bottom-header-row .main-navigation .menu > li > a","main_header_color":".site-header .site-title a,.site-header .main-navigation .menu > li > a, .site-header .header-contact a","scrolltop_color": ".back-to-top","topbar_color":".top-bar, .top-bar a","footer_credits_text_color":".site-info, .site-info a","footer_widgets_links_color":".widget-column .widget a","footer_widgets_text_color":".widget-column .widget", "footer_widgets_title_color":".widget-column .widget .widget-title"};

	$.each( $color_options, function( option, selector ) {
		wp.customize( option, function( value ) {
			value.bind( function( to ) {
				$( selector ).css( 'color', to );
			} );
		} );
	});	

	//Fill
	var $fill_options = { "offcanvas_menu_color":".botiga-offcanvas-menu svg","mobile_header_color":"#masthead-mobile svg","main_header_bottom_color":".bottom-header-row .header-item svg,.dropdown-symbol .ws-svg-icon svg","main_header_color":".site-header .header-item svg, .site-header .dropdown-symbol .ws-svg-icon svg", "topbar_color":".top-bar svg","footer_credits_text_color":".site-info .ws-svg-icon svg"};

	$.each( $fill_options, function( option, selector ) {
		wp.customize( option, function( value ) {
			value.bind( function( to ) {
				$( selector ).css( 'fill', to );
			} );
		} );
	});	
	
	//Stroke
	var $stroke_options = { "scrolltop_color": ".back-to-top svg"};

	$.each( $stroke_options, function( option, selector ) {
		wp.customize( option, function( value ) {
			value.bind( function( to ) {
				$( selector ).css( 'stroke', to );
			} );
		} );
	});			

	//Border color
	var $border_color_options = { "color_forms_borders":"input[type=\"text\"],input[type=\"email\"],input[type=\"url\"],input[type=\"password\"],input[type=\"search\"],input[type=\"number\"],input[type=\"tel\"],input[type=\"range\"],input[type=\"date\"],input[type=\"month\"],input[type=\"week\"],input[type=\"time\"],input[type=\"datetime\"],input[type=\"datetime-local\"],input[type=\"color\"],textarea,select,.woocommerce .select2-container .select2-selection--single,.woocommerce-page .select2-container .select2-selection--single","link_separator_color":".botiga-offcanvas-menu .main-navigation ul li","button_border_color":"button,a.button,.wp-block-button__link,input[type=\"button\"],input[type=\"reset\"],input[type=\"submit\"]","shop_product_card_border_color":"ul.wc-block-grid__products li.wc-block-grid__product, ul.wc-block-grid__products li.product, ul.products li.wc-block-grid__product, ul.products li.product","footer_credits_divider_color":".site-info,.site-footer","footer_widgets_divider_color":".footer-widgets,.footer-widgets-grid" };

	$.each( $border_color_options, function( option, selector ) {
		wp.customize( option, function( value ) {
			value.bind( function( to ) {
				$( selector ).css( 'border-color', to );
			} );
		} );
	});		

	//Color hover
	var $color_hover_options = { "color_link_hover":"a:not(.button):not(.wp-block-button__link):hover","button_color_hover":"button:hover,a.button:hover,.wp-block-button__link:hover,input[type=\"button\"]:hover,input[type=\"reset\"]:hover,input[type=\"submit\"]:hover","scrolltop_color_hover":".back-to-top:hover","footer_widgets_links_hover_color":".widget-column .widget a:hover", };

	$.each( $color_hover_options, function( option, selector ) {
		wp.customize( option, function( value ) {
			value.bind( function( to ) {
		
				$( 'head' ).find( '#botiga-customizer-styles-' + option ).remove();
	
				var output = selector + ' { color:' + to + '!important; }';
	
				$( 'head' ).append( '<style id="botiga-customizer-styles-' + option + '">' + output + '</style>' );
	
			} );
		} );
	});	

	//Stroke hover
	var $stroke_hover_options = { "scrolltop_color_hover":".back-to-top:hover svg", };

	$.each( $stroke_hover_options, function( option, selector ) {
		wp.customize( option, function( value ) {
			value.bind( function( to ) {
		
				$( 'head' ).find( '#botiga-customizer-styles-' + option ).remove();
	
				var output = selector + ' { stroke:' + to + '!important; }';
	
				$( 'head' ).append( '<style id="botiga-customizer-styles-' + option + '">' + output + '</style>' );
	
			} );
		} );
	});		

	//Background hover
	var $bg_hover_options = { "button_background_color_hover":"button:hover,a.button:hover,.wp-block-button__link:hover,input[type=\"button\"]:hover,input[type=\"reset\"]:hover,input[type=\"submit\"]:hover","scrolltop_bg_color_hover":".back-to-top:hover", };

	$.each( $bg_hover_options, function( option, selector ) {
		wp.customize( option, function( value ) {
			value.bind( function( to ) {
		
				$( 'head' ).find( '#botiga-customizer-styles-' + option ).remove();
	
				var output = selector + ' { background-color:' + to + '!important; }';
	
				$( 'head' ).append( '<style id="botiga-customizer-styles-' + option + '">' + output + '</style>' );
	
			} );
		} );
	});	
	
	//Border hover
	var $border_hover_options = { "button_border_color_hover":"button:hover,a.button:hover,.wp-block-button__link:hover,input[type=\"button\"]:hover,input[type=\"reset\"]:hover,input[type=\"submit\"]:hover", };

	$.each( $border_hover_options, function( option, selector ) {
		wp.customize( option, function( value ) {
			value.bind( function( to ) {
		
				$( 'head' ).find( '#botiga-customizer-styles-' + option ).remove();
	
				var output = selector + ' { border-color:' + to + '!important; }';
	
				$( 'head' ).append( '<style id="botiga-customizer-styles-' + option + '">' + output + '</style>' );
	
			} );
		} );
	});	

	//Header
	wp.customize( 'center_top_bar_contents', function( value ) {
		value.bind( function( to ) {
			if ( false === to ) {
				$( '.top-bar-inner > .row' ).css( 'display', 'flex' );
				$( '.top-bar-inner .col' ).css( 'justify-content', 'flex-start' );
				$( '.top-bar-inner .col:last-of-type' ).css( 'justify-content', 'flex-end' );
			} else {
				$( '.top-bar-inner > .row' ).css( 'display', 'block' );
				$( '.top-bar-inner .col' ).css( 'justify-content', 'center' );
			}
		} );
	} );

	wp.customize( 'topbar_padding', function( value ) {
		value.bind( function( to ) {
			$( '.top-bar-inner' ).css( {
				paddingTop:  to + 'px',
				paddingBottom:  to + 'px',
			} );
		} );
	} );
	wp.customize( 'topbar_divider_size', function( value ) {
		value.bind( function( to ) {
			$( '.top-bar,.top-bar-inner' ).css( 'border-width', to );
		} );
	} );
	wp.customize( 'topbar_divider_color', function( value ) {
		value.bind( function( to ) {
			$( '.top-bar,.top-bar-inner' ).css( 'border-color', to );
		} );
	} );	
	wp.customize( 'main_header_padding', function( value ) {
		value.bind( function( to ) {
			$( '.site-header-inner, .top-header-row' ).css( {
				paddingTop:  to + 'px',
				paddingBottom:  to + 'px',
			} );
		} );
	} );
	wp.customize( 'main_header_bottom_padding', function( value ) {
		value.bind( function( to ) {
			$( '.bottom-header-inner' ).css( {
				paddingTop:  to + 'px',
				paddingBottom:  to + 'px',
			} );
		} );
	} );	
	
	wp.customize( 'main_header_divider_color', function( value ) {
		value.bind( function( to ) {
			$( '.site-header, .bottom-header-row,.top-header-row,.site-header-inner, .bottom-header-inner' ).css( 'border-color', to );
		} );
	} );	

	wp.customize( 'mobile_menu_alignment', function( value ) {
		value.bind( function( to ) {
			$( '.botiga-offcanvas-menu .main-navigation ul li' ).css( 'text-align', to );
		} );
	} );	

	wp.customize( 'mobile_menu_link_spacing', function( value ) {
		value.bind( function( to ) {
			$( '.botiga-offcanvas-menu .main-navigation a' ).css( 'padding-top', to/2 );
			$( '.botiga-offcanvas-menu .main-navigation a' ).css( 'padding-bottom', to/2 );
		} );
	} );	

	wp.customize( 'mobile_header_padding', function( value ) {
		value.bind( function( to ) {
			$( '.mobile-header' ).css( {
				paddingTop:  to + 'px',
				paddingBottom:  to + 'px',
			} );
		} );
	} );	
	wp.customize( 'mobile_header_separator_width', function( value ) {
		value.bind( function( to ) {
			$( '.botiga-offcanvas-menu .main-navigation ul li' ).css( 'border-bottom-width', to + 'px' );
		} );
	} );	


	//Blog
	wp.customize( 'archive_featured_image_size_desktop', function( value ) {
		value.bind( function( to ) {
			$( '.posts-archive .list-image' ).css( 'width', to + '%' );
			$( '.posts-archive .list-content' ).css( 'width', 100 - to + '%' );
		} );
	} );
	wp.customize( 'archive_featured_image_size_desktop', function( value ) {
		value.bind( function( to ) {
			$( '.posts-archive .list-image' ).css( 'width', to + '%' );
			$( '.posts-archive .list-content' ).css( 'width', 100 - to + '%' );
		} );
	} );
	wp.customize( 'archive_meta_spacing', function( value ) {
		value.bind( function( to ) {
			$( '.posts-archive .entry-meta' ).css( 'margin', to + 'px 0' );
		} );
	} );
	wp.customize( 'archive_title_spacing', function( value ) {
		value.bind( function( to ) {
			$( '.posts-archive .entry-header' ).css( 'margin-bottom', to + 'px' );
		} );
	} );	
	wp.customize( 'single_post_header_spacing', function( value ) {
		value.bind( function( to ) {
			$( '.single .entry-header' ).css( 'margin-bottom', to + 'px' );
		} );
	} );	
	wp.customize( 'single_post_image_spacing', function( value ) {
		value.bind( function( to ) {
			$( '.single .post-thumbnail' ).css( 'margin-bottom', to + 'px' );
		} );
	} );
	wp.customize( 'single_post_meta_spacing', function( value ) {
		value.bind( function( to ) {
			$( '.entry-meta-above' ).css( 'margin-bottom', to + 'px' );
			$( '.entry-meta-below' ).css( 'margin-top', to + 'px' );
		} );
	} );


	//Footer
	wp.customize( 'footer_widgets_column_spacing_desktop', function( value ) {
		value.bind( function( to ) {
			$( '.footer-widgets-grid' ).css( 'gap', to + 'px' );
		} );
	} );
	wp.customize( 'footer_widgets_divider_size', function( value ) {
		value.bind( function( to ) {
			$( '.footer-widgets,.footer-widgets-grid' ).css( 'border-width', to );
		} );
	} );
	wp.customize( 'footer_credits_divider_size', function( value ) {
		value.bind( function( to ) {
			$( '.site-info,.site-footer' ).css( 'border-width', to );
		} );
	} );	
	wp.customize( 'footer_credits_padding_desktop', function( value ) {
		value.bind( function( to ) {
			$( '.site-info' ).css( 'padding-top', to + 'px' );
		} );
	} );
	wp.customize( 'footer_credits_padding_bottom_desktop', function( value ) {
		value.bind( function( to ) {
			$( '.site-info' ).css( 'padding-bottom', to + 'px' );
		} );
	} );

	wp.customize( 'color_heading_4', function( value ) {
		value.bind( function( to ) {
			var color = hexToRGB(to, 0.1);
			$( 'table, table th, table td, table tr, .woocommerce-tabs ul.tabs,.product-gallery-summary .product_meta' ).css( 'border-color', color );
			$( '.site-header-cart .product_list_widget li a.remove' ).css( 'background-color', to );
			$( '.woocommerce-tabs ul.tabs li.active a' ).css( 'border-color', to );
		} );
	} );
	
	//Back to top
	wp.customize( 'scrolltop_radius', function( value ) {
		value.bind( function( to ) {
			$( '.back-to-top.display' ).css( 'border-radius', to + 'px' );
		} );
	} );
	wp.customize( 'scrolltop_side_offset', function( value ) {
		value.bind( function( to ) {
			$( '.back-to-top.position-right' ).css( 'right', to + 'px' );
			$( '.back-to-top.position-left' ).css( 'left', to + 'px' );
		} );
	} );
	wp.customize( 'scrolltop_bottom_offset', function( value ) {
		value.bind( function( to ) {
			$( '.back-to-top' ).css( 'bottom', to + 'px' );
		} );
	} );
	wp.customize( 'scrolltop_icon_size', function( value ) {
		value.bind( function( to ) {
			$( '.back-to-top .ws-svg-icon' ).css( 'width', to + 'px' );
			$( '.back-to-top .ws-svg-icon' ).css( 'height', to + 'px' );
		} );
	} );
	wp.customize( 'scrolltop_padding', function( value ) {
		value.bind( function( to ) {
			$( '.back-to-top' ).css( 'padding', to + 'px' );
		} );
	} );

	//Woocommerce
	wp.customize( 'shop_product_element_spacing', function( value ) {
		value.bind( function( to ) {
			$( 'ul.wc-block-grid__products li.wc-block-grid__product .col-md-7>*, ul.wc-block-grid__products li.wc-block-grid__product .col-md-8>*, ul.wc-block-grid__products li.wc-block-grid__product>*, ul.wc-block-grid__products li.product .col-md-7>*, ul.wc-block-grid__products li.product .col-md-8>*, ul.wc-block-grid__products li.product>*, ul.products li.wc-block-grid__product .col-md-7>*, ul.products li.wc-block-grid__product .col-md-8>*, ul.products li.wc-block-grid__product>*, ul.products li.product .col-md-7>*, ul.products li.product .col-md-8>*, ul.products li.product>*' ).css( 'margin-bottom', to + 'px' );
		} );
	} );

	wp.customize( 'shop_sale_tag_radius', function( value ) {
		value.bind( function( to ) {
			$( '.wc-block-grid__product-onsale, span.onsale' ).css( 'border-radius', to + 'px' );
		} );
	} );

	wp.customize( 'shop_product_card_radius', function( value ) {
		value.bind( function( to ) {
			$( 'ul.wc-block-grid__products li.wc-block-grid__product, ul.wc-block-grid__products li.product, ul.products li.wc-block-grid__product, ul.products li.product' ).css( 'border-radius', to + 'px' );
		} );
	} );

	wp.customize( 'shop_product_card_thumb_radius', function( value ) {
		value.bind( function( to ) {
			$( 'ul.wc-block-grid__products li.wc-block-grid__product .loop-image-wrap, ul.wc-block-grid__products li.product .loop-image-wrap, ul.products li.wc-block-grid__product .loop-image-wrap, ul.products li.product .loop-image-wrap' ).css( 'border-radius', to + 'px' );
		} );
	} );

	wp.customize( 'shop_product_card_border_size', function( value ) {
		value.bind( function( to ) {
			$( 'ul.wc-block-grid__products li.wc-block-grid__product, ul.wc-block-grid__products li.product, ul.products li.wc-block-grid__product, ul.products li.product' ).css( 'border-width', to + 'px' );
		} );
	} );	


	//Responsive
	var $devices 	= { "desktop": "(min-width: 992px)", "tablet": "(min-width: 576px) and (max-width: 991px)", "mobile": "(max-width: 575px)" };

	var $topBottPad = { "footer_widgets_padding":".footer-widgets-grid", };
	$.each( $topBottPad, function( option, selector ) {
		$.each( $devices, function( device, mediaSize ) {
			wp.customize( option + '_' + device, function( value ) {
				value.bind( function( to ) {
				
					$( 'head' ).find( '#botiga-customizer-styles-' + option + '_' + device ).remove();
		
					var output = '@media ' + mediaSize + ' {' + selector + ' { padding-top:' + to + 'px;padding-bottom:' + to + 'px; } }';
		
					$( 'head' ).append( '<style id="botiga-customizer-styles-' + option + '_' + device + '">' + output + '</style>' );
				} );
			} );
		});
	});

	var $maxWidth = { "site_logo_size":".custom-logo-link img" };
	$.each( $maxWidth, function( option, selector ) {
		$.each( $devices, function( device, mediaSize ) {
			wp.customize( option + '_' + device, function( value ) {
				value.bind( function( to ) {
				
					$( 'head' ).find( '#botiga-customizer-styles-' + option + '_' + device ).remove();
		
					var output = '@media ' + mediaSize + ' {' + selector + ' { max-width:' + to + 'px; } }';
		
					$( 'head' ).append( '<style id="botiga-customizer-styles-' + option + '_' + device + '">' + output + '</style>' );
				} );
			} );
		});
	});


	var $fontSizes 	= {  "body_font_size":"body","h1_font_size":"h1:not(.site-title)","h2_font_size":"h2","h3_font_size":"h3","h4_font_size":"h4","h5_font_size":"h5","h6_font_size":"h6","single_product_title_size":".product-gallery-summary .entry-title","single_product_price_size":".product-gallery-summary .price","loop_post_text_size":".posts-archive .entry-content","loop_post_meta_size":".posts-archive .entry-meta","loop_post_title_size":".posts-archive .entry-title","single_post_title_size": ".single .entry-header .entry-title","single_post_meta_size": ".single .entry-meta","footer_widgets_title_size":".widget-column .widget .widget-title", };
	$.each( $fontSizes, function( option, selector ) {
		$.each( $devices, function( device, mediaSize ) {
			wp.customize( option + '_' + device, function( value ) {
				value.bind( function( to ) {
				
					$( 'head' ).find( '#botiga-customizer-styles-' + option + '_' + device ).remove();
		
					var output = '@media ' + mediaSize + ' {' + selector + ' { font-size:' + to + 'px; } }';
		
					$( 'head' ).append( '<style id="botiga-customizer-styles-' + option + '_' + device + '">' + output + '</style>' );
				} );
			} );
		});
	});	

	//Placeholders
	wp.customize( 'color_forms_placeholder', function( value ) {
		value.bind( function( to ) {
			$( 'head' ).find( '#botiga-customizer-styles-color_forms_placeholder' ).remove();
		
			var output = '::placeholder {color:' + to + ';opacity:1;} :-ms-input-placeholder {color:' + to + ';} ::-ms-input-placeholder {color:' + to + ';}';

			$( 'head' ).append( '<style id="botiga-customizer-styles-color_forms_placeholder">' + output + '</style>' )			
		} );
	} );	


	//Typography
	wp.customize( 'botiga_body_font', function( value ) {
		value.bind( function( to ) {

			$( 'head' ).find( '#botiga-preview-google-fonts-body-css' ).remove();

			$( 'head' ).append( '<link id="botiga-preview-google-fonts-body-css" href="" rel="stylesheet">' );

			$( '#botiga-preview-google-fonts-body-css' ).attr( 'href', 'https://fonts.googleapis.com/css?family=' + jQuery.parseJSON( to )['font'].replace(/ /g, '+') + ':' + jQuery.parseJSON( to )['regularweight'] + '&display=swap' );

			$( 'body' ).css( 'font-family', jQuery.parseJSON( to )['font'] );
			$( 'body' ).css( 'font-weight', jQuery.parseJSON( to )['regularweight'] );

		} );
	} );	

	wp.customize( 'botiga_headings_font', function( value ) {
		value.bind( function( to ) {

			$( 'head' ).find( '#botiga-preview-google-fonts-headings-css' ).remove();

			$( 'head' ).append( '<link id="botiga-preview-google-fonts-headings-css" href="" rel="stylesheet">' );

			$( '#botiga-preview-google-fonts-headings-css' ).attr( 'href', 'https://fonts.googleapis.com/css?family=' + jQuery.parseJSON( to )['font'].replace(/ /g, '+') + ':' + jQuery.parseJSON( to )['regularweight'] + '&display=swap' );

			$( 'h1,h2,h3,h4,h5,h6,.site-title' ).css( 'font-family', jQuery.parseJSON( to )['font'] );

			$( 'h1,h2,h3,h4,h5,h6,.site-title' ).css( 'font-weight', jQuery.parseJSON( to )['regularweight'] );

		} );
	} );	

	wp.customize( 'headings_font_style', function( value ) {
		value.bind( function( to ) {
			$( 'h1,h2,h3,h4,h5,h6,.site-title' ).css( 'font-style', to );
		} );
	} );

	wp.customize( 'headings_line_height', function( value ) {
		value.bind( function( to ) {
			$( 'h1,h2,h3,h4,h5,h6,.site-title' ).css( 'line-height', to );
		} );
	} );

	wp.customize( 'headings_letter_spacing', function( value ) {
		value.bind( function( to ) {
			$( 'h1,h2,h3,h4,h5,h6,.site-title' ).css( 'letter-spacing', to + 'px' );
		} );
	} );
	
	wp.customize( 'headings_text_transform', function( value ) {
		value.bind( function( to ) {
			$( 'h1,h2,h3,h4,h5,h6,.site-title' ).css( 'text-transform', to );
		} );
	} );	

	wp.customize( 'headings_text_decoration', function( value ) {
		value.bind( function( to ) {
			$( 'h1,h2,h3,h4,h5,h6,.site-title' ).css( 'text-decoration', to );
		} );
	} );	

	wp.customize( 'body_font_style', function( value ) {
		value.bind( function( to ) {
			$( 'body' ).css( 'font-style', to );
		} );
	} );

	wp.customize( 'body_line_height', function( value ) {
		value.bind( function( to ) {
			$( 'body' ).css( 'line-height', to );
		} );
	} );

	wp.customize( 'body_letter_spacing', function( value ) {
		value.bind( function( to ) {
			$( 'body' ).css( 'letter-spacing', to + 'px' );
		} );
	} );
	
	wp.customize( 'body_text_transform', function( value ) {
		value.bind( function( to ) {
			$( 'body' ).css( 'text-transform', to );
		} );
	} );	

	wp.customize( 'body_text_decoration', function( value ) {
		value.bind( function( to ) {
			$( 'body' ).css( 'text-decoration', to );
		} );
	} );	

}( jQuery ) );

function hexToRGB(hex, alpha) {
    var r = parseInt(hex.slice(1, 3), 16),
        g = parseInt(hex.slice(3, 5), 16),
        b = parseInt(hex.slice(5, 7), 16);

    if (alpha) {
        return "rgba(" + r + ", " + g + ", " + b + ", " + alpha + ")";
    } else {
        return "rgb(" + r + ", " + g + ", " + b + ")";
    }
}