<?php
/**
 * Dynamic css
 * @since Beauty Studio 1.0.0
 *
 * @param null
 * @return void
 *
 */
if ( ! function_exists( 'beauty_studio_dynamic_css' ) ) :

    function beauty_studio_dynamic_css() {

        global $beauty_studio_customizer_all_values;
        /*Color options */
        $beauty_studio_header_height            = esc_attr( $beauty_studio_customizer_all_values['beauty-studio-header-height'] );

	    $beauty_studio_site_title_color         = esc_attr( $beauty_studio_customizer_all_values['beauty-studio-site-title-color'] );
	    $beauty_studio_site_title_hover_color   = esc_attr( $beauty_studio_customizer_all_values['beauty-studio-site-title-hover-color'] );
	    $beauty_studio_site_tagline_color       = esc_attr( $beauty_studio_customizer_all_values['beauty-studio-site-tagline-color'] );
	    $beauty_studio_body_text_color          = esc_attr( $beauty_studio_customizer_all_values['beauty-studio-body-text-color'] );
	    $beauty_studio_heading_color            = esc_attr( $beauty_studio_customizer_all_values['beauty-studio-heading-color'] );
        $beauty_studio_primary_color            = esc_attr( $beauty_studio_customizer_all_values['beauty-studio-primary-color'] );
	    $beauty_studio_link_color               = esc_attr( $beauty_studio_customizer_all_values['beauty-studio-link-color'] );
	    $beauty_studio_link_hover_color         = esc_attr( $beauty_studio_customizer_all_values['beauty-studio-link-hover-color'] );
	    
        $beauty_studio_header_top_bg_color      = esc_attr( $beauty_studio_customizer_all_values['beauty-studio-header-top-bg-color'] );
        $beauty_studio_footer_bg_color          = esc_attr( $beauty_studio_customizer_all_values['beauty-studio-footer-bg-color'] );
        $beauty_studio_footer_bottom_bg_color   = esc_attr( $beauty_studio_customizer_all_values['beauty-studio-footer-bottom-bg-color'] );

	    /*Advanced Colors*/
	    $beauty_studio_menu_active_color        = esc_attr( $beauty_studio_customizer_all_values['beauty-studio-menu-active-color'] );
	    $beauty_studio_menu_hover_color         = esc_attr( $beauty_studio_customizer_all_values['beauty-studio-menu-hover-color'] );
	    $beauty_studio_sidebar_bg_color         = esc_attr( $beauty_studio_customizer_all_values['beauty-studio-sidebar-bg-color'] );
	    $beauty_studio_footer_heading_color     = esc_attr( $beauty_studio_customizer_all_values['beauty-studio-footer-heading-color'] );
	    $beauty_studio_footer_text_color        = esc_attr( $beauty_studio_customizer_all_values['beauty-studio-footer-text-color'] );
	    $beauty_studio_footer_link_color        = esc_attr( $beauty_studio_customizer_all_values['beauty-studio-footer-link-color'] );
	    $beauty_studio_footer_link_hover_color  = esc_attr( $beauty_studio_customizer_all_values['beauty-studio-footer-link-hover-color'] );
	    
        $beauty_studio_sidebar_widget_link_color        = esc_attr( $beauty_studio_customizer_all_values['beauty-studio-sidebar-widget-link-color'] );
        $beauty_studio_sidebar_widget_link_hover_color  = esc_attr( $beauty_studio_customizer_all_values['beauty-studio-sidebar-widget-link-hover-color'] );

        /*animation*/
        $beauty_studio_enable_animation = $beauty_studio_customizer_all_values['beauty-studio-enable-animation'];

	    /*button design option*/
	    $beauty_studio_button_design    = esc_attr( $beauty_studio_customizer_all_values['beauty-studio-button-design'] );

	    $custom_css = '';

	    /*typography*/
	    $beauty_studio_enable_typography = $beauty_studio_customizer_all_values['beauty-studio-enable-typography'];
	    if( 1 == $beauty_studio_enable_typography ){
		    $beauty_studio_site_title_font_family       = esc_attr( $beauty_studio_customizer_all_values['beauty-studio-site-title-font-family'] );
		    $beauty_studio_site_title_font_name         = esc_attr( $beauty_studio_customizer_all_values['beauty-studio-site-title-font-name'] );
		    $beauty_studio_site_title_font_size         = esc_attr( $beauty_studio_customizer_all_values['beauty-studio-site-title-font-size'] );
		    $beauty_studio_site_tagline_font_family     = esc_attr( $beauty_studio_customizer_all_values['beauty-studio-site-tagline-font-family'] );
		    $beauty_studio_site_tagline_font_name       = esc_attr( $beauty_studio_customizer_all_values['beauty-studio-site-tagline-font-name'] );
		    $beauty_studio_site_tagline_font_size       = esc_attr( $beauty_studio_customizer_all_values['beauty-studio-site-tagline-font-size'] );
		    $beauty_studio_primary_menu_font_family     = esc_attr( $beauty_studio_customizer_all_values['beauty-studio-primary-menu-font-family'] );
		    $beauty_studio_primary_menu_font_name       = esc_attr( $beauty_studio_customizer_all_values['beauty-studio-primary-menu-font-name'] );
		    $beauty_studio_primary_menu_font_size       = esc_attr( $beauty_studio_customizer_all_values['beauty-studio-primary-menu-font-size'] );
		    $beauty_studio_body_font_family             = esc_attr( $beauty_studio_customizer_all_values['beauty-studio-body-font-family'] );
		    $beauty_studio_body_font_name               = esc_attr( $beauty_studio_customizer_all_values['beauty-studio-body-font-name'] );
		    $beauty_studio_body_font_size               = esc_attr( $beauty_studio_customizer_all_values['beauty-studio-body-font-size'] );
		    $beauty_studio_headings_font_family         = esc_attr( $beauty_studio_customizer_all_values['beauty-studio-headings-font-family'] );
		    $beauty_studio_headings_font_name           = esc_attr( $beauty_studio_customizer_all_values['beauty-studio-headings-font-name'] );
		    $beauty_studio_h1_font_size                 = esc_attr( $beauty_studio_customizer_all_values['beauty-studio-h1-font-size'] );
		    $beauty_studio_h2_font_size                 = esc_attr( $beauty_studio_customizer_all_values['beauty-studio-h2-font-size'] );
		    $beauty_studio_h3_font_size                 = esc_attr( $beauty_studio_customizer_all_values['beauty-studio-h3-font-size'] );
		    $beauty_studio_h4_font_size                 = esc_attr( $beauty_studio_customizer_all_values['beauty-studio-h4-font-size'] );
		    $beauty_studio_h5_font_size                 = esc_attr( $beauty_studio_customizer_all_values['beauty-studio-h5-font-size'] );
		    $beauty_studio_h6_font_size                 = esc_attr( $beauty_studio_customizer_all_values['beauty-studio-h6-font-size'] );

		    /*font family wp_enqueue_style*/
		    $beauty_studio_customizer_all_values_enqueue = array(
			    $beauty_studio_site_title_font_family,$beauty_studio_site_tagline_font_family,$beauty_studio_primary_menu_font_family,$beauty_studio_headings_font_family,$beauty_studio_body_font_family
		    );
		    $beauty_studio_customizer_all_values_enqueue_uniques = (array_unique($beauty_studio_customizer_all_values_enqueue));
		    foreach( $beauty_studio_customizer_all_values_enqueue_uniques as $beauty_studio_customizer_all_values_enqueue_unique ){
			    wp_enqueue_style( $beauty_studio_customizer_all_values_enqueue_unique, '//fonts.googleapis.com/css?family='.$beauty_studio_customizer_all_values_enqueue_unique.'', array(), '' );
		    }

		    /*font css*/
		    $custom_css .= "
            .site-title,
            .site-title a{
               font-size: {$beauty_studio_site_title_font_size}px;
               font-family: {$beauty_studio_site_title_font_name};
            }";
		    $custom_css .= "
            .site-description,
            .site-description a{
               font-size: {$beauty_studio_site_tagline_font_size}px;
               font-family: {$beauty_studio_site_tagline_font_name};
            }";
		    $custom_css .= "
            .main-navigation a{
               font-size: {$beauty_studio_primary_menu_font_size}px;
               font-family: {$beauty_studio_primary_menu_font_name};
            }";
		    $custom_css .= "
            .body{
               font-size: {$beauty_studio_body_font_size}px;
               font-family: {$beauty_studio_body_font_name};
            }";
		    $custom_css .= "
            h1,h2,h3,h4,h5{
               font-family: {$beauty_studio_headings_font_name};
            }";
		    $custom_css .= "
            h1{
               font-size: {$beauty_studio_h1_font_size}px;
            }
             h2{
               font-size: {$beauty_studio_h2_font_size}px;
            }
             h3{
               font-size: {$beauty_studio_h3_font_size}px;
            }
             h4{
               font-size: {$beauty_studio_h4_font_size}px;
            }
             h5{
               font-size: {$beauty_studio_h5_font_size}px;
            }
             h6{
               font-size: {$beauty_studio_h6_font_size}px;
            }
            ";
	    }
	    
        /*animation*/
        if( 1 == $beauty_studio_enable_animation ){
            $custom_css .= "
             .init-animate {
                visibility: visible !important;
             }
             ";
        }
        /*background*/
	    $beauty_studio_header_image_display = esc_attr( $beauty_studio_customizer_all_values['beauty-studio-header-image-display'] );
	    if( 'bg-image' == $beauty_studio_header_image_display || 'hide' == $beauty_studio_header_image_display ){
		    $bg_image_url ='';
		    if( get_header_image() && 'bg-image' == $beauty_studio_header_image_display ){
			    $bg_image_url = esc_url( get_header_image() );
		    }
		    $custom_css .= "
              .inner-main-title {
                background-image:url('{$bg_image_url}');
                background-repeat:no-repeat;
                background-size:cover;
                background-attachment:fixed;
                background-position: center; 
                height: {$beauty_studio_header_height}px;
            }";
	    }

        /*color*/
        $custom_css .= "
            .top-header{
                background-color: {$beauty_studio_header_top_bg_color};
            }";
        $custom_css .= "
            .site-footer{
                background-color: {$beauty_studio_footer_bg_color};
            }";
        $custom_css .= "
            .copy-right{
                background-color: {$beauty_studio_footer_bottom_bg_color};
            }";
        $custom_css .= "
            .news-notice-content .news-content a:hover,
			 .at-social .socials li a,
			 .primary-color,
			 article.post .entry-header .cat-links a,
			 #beauty-studio-breadcrumbs a:hover,
			 .woocommerce .star-rating, 
            .woocommerce ul.products li.product .star-rating,
            .woocommerce p.stars a,
            .woocommerce ul.products li.product .price,
            .woocommerce ul.products li.product .price ins .amount,
            .woocommerce a.button.add_to_cart_button:hover,
            .woocommerce a.added_to_cart:hover,
            .woocommerce a.button.product_type_grouped:hover,
            .woocommerce a.button.product_type_external:hover,
            .woocommerce .cart .button:hover,
            .woocommerce .cart input.button:hover,
            .woocommerce #respond input#submit.alt:hover,
			.woocommerce a.button.alt:hover,
			.woocommerce button.button.alt:hover,
			.woocommerce input.button.alt:hover,
			.woocommerce .woocommerce-info .button:hover,
			.woocommerce .widget_shopping_cart_content .buttons a.button:hover,
			.woocommerce div.product .woocommerce-tabs ul.tabs li a,
			.woocommerce-message::before,
			i.slick-arrow:hover,
			.acme-contact .contact-page-content ul li strong{
                color: {$beauty_studio_primary_color};
            }";

        /*background color*/
        $custom_css .= "
            .navbar .navbar-toggle:hover,
            .main-navigation .current_page_ancestor > a:before,
            .comment-form .form-submit input,
            .btn-primary,
            .wpcf7-form input.wpcf7-submit,
            .wpcf7-form input.wpcf7-submit:hover,
            .sm-up-container,
            .btn-primary.btn-reverse:before,
            #at-shortcode-bootstrap-modal .modal-header,
            .primary-bg,
            .schedule-title-wrapper .schedule-title.active a,
			.schedule-title-wrapper .schedule-title.active a i,
			.schedule-title-wrapper .schedule-title:hover a,
			.navigation.pagination .nav-links .page-numbers.current,
			.navigation.pagination .nav-links a.page-numbers:hover,
			.woocommerce .product .onsale,
			.woocommerce a.button.add_to_cart_button,
			.woocommerce a.added_to_cart,
			.woocommerce a.button.product_type_grouped,
			.woocommerce a.button.product_type_external,
			.woocommerce .single-product #respond input#submit.alt,
			.woocommerce .single-product a.button.alt,
			.woocommerce .single-product button.button.alt,
			.woocommerce .single-product input.button.alt,
			.woocommerce #respond input#submit.alt,
			.woocommerce a.button.alt,
			.woocommerce button.button.alt,
			.woocommerce input.button.alt,
			.woocommerce .widget_shopping_cart_content .buttons a.button,
			.woocommerce div.product .woocommerce-tabs ul.tabs li:hover,
			.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
			.woocommerce .cart .button,
			.woocommerce .cart input.button,
			.woocommerce input.button:disabled, 
			.woocommerce input.button:disabled[disabled],
			.woocommerce input.button:disabled:hover, 
			.woocommerce input.button:disabled[disabled]:hover,
			 .woocommerce nav.woocommerce-pagination ul li a:focus, 
			 .woocommerce nav.woocommerce-pagination ul li a:hover, 
			 .woocommerce nav.woocommerce-pagination ul li span.current,
			 .woocommerce a.button.wc-forward,
			 .woocommerce .widget_price_filter .ui-slider .ui-slider-range,
			 .woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
			 .navbar .cart-wrap .acme-cart-views a span,
			 .acme-gallery .read-more{
                background-color: {$beauty_studio_primary_color};
                color:#fff;
                border:1px solid {$beauty_studio_primary_color};
            }";

        /*borders*/
	    $custom_css .= "
            .woocommerce .cart .button, 
            .woocommerce .cart input.button,
            .woocommerce a.button.add_to_cart_button,
            .woocommerce a.added_to_cart,
            .woocommerce a.button.product_type_grouped,
            .woocommerce a.button.product_type_external,
            .woocommerce .cart .button,
            .woocommerce .cart input.button
            .woocommerce .single-product #respond input#submit.alt,
			.woocommerce .single-product a.button.alt,
			.woocommerce .single-product button.button.alt,
			.woocommerce .single-product input.button.alt,
			.woocommerce #respond input#submit.alt,
			.woocommerce a.button.alt,
			.woocommerce button.button.alt,
			.woocommerce input.button.alt,
			.woocommerce .widget_shopping_cart_content .buttons a.button,
			.woocommerce div.product .woocommerce-tabs ul.tabs:before{
                border: 1px solid {$beauty_studio_primary_color};
            }";
        $custom_css .= "
            .blog article.sticky{
                border-bottom: 2px solid {$beauty_studio_primary_color};
            }";

	    if( 'rectangle' == $beauty_studio_button_design ){
		    $custom_css .= "
            .btn,
            .read-more,
            .acme-gallery .read-more,
            .wpcf7-form-control.wpcf7-submit,
            .sm-up-container,
            .btn.btn-primary,
            .btn-primary::before,
            .woocommerce #content #primary  ul.products li.product .button,
            .woocommerce #content #primary  ul.products li.product .button:hover,
            .mfp-iframe-holder .mfp-close:hover,
            .mfp-image-holder .mfp-close:hover,
            .mfp-iframe-holder .mfp-close,
            .mfp-image-holder .mfp-close{
                border-radius: 0;
            }
            ";
	    }
	    /*Colors options*/
	    $custom_css .= "
        article .entry-content,
         .entry-content p,body{
            color: {$beauty_studio_body_text_color};
        }";
	    $custom_css .= "
        h1, h1 a,
        h2, h2 a,
        h3, h3 a,
        h4, h4 a,
        h5, h5 a,
        h6, h6 a,
        article.post .entry-header .entry-title a, 
        article.page .entry-header .entry-title a{
            color: {$beauty_studio_heading_color};
        }";
	    $custom_css .= "
        .site-title,
        .site-title a{
            color: {$beauty_studio_site_title_color};
        }";
	    $custom_css .= "
        .site-title:hover,
        .site-title a:hover{
            color: {$beauty_studio_site_title_hover_color};
        }";
	    $custom_css .= "
        .site-description,
        .site-description a{
            color: {$beauty_studio_site_tagline_color};
        }";

	    /*sidebar color*/
	    $custom_css .= "
       .secondary-sidebar .widget-area.sidebar{
            background: {$beauty_studio_sidebar_bg_color};
        }";
	    $custom_css .= "
        a,
        .posted-on a,
        .single-item .fa,
        .author.vcard a,
        .cat-links a,
        .comments-link a,
        .edit-link a,
        .tags-links a,
        .byline a,
        .nav-links a,
        .widget li a,
        .entry-meta i.fa, 
        .entry-footer i.fa,
        .authorbox .socials li a
         {
            color: {$beauty_studio_link_color};
        }";
	    $custom_css .= "
        a:hover,
        a:active,
        a:focus,
        .posted-on a:hover,
        .single-item .fa:hover,
        .author.vcard a:hover,
        .cat-links a:hover,
        .comments-link a:hover,
        .edit-link a:hover,
        .tags-links a:hover,
        .byline a:hover,
        .nav-links a:hover,
        .widget li a:hover,
        .authorbox .socials li a:hover{
            color: {$beauty_studio_link_hover_color};
        }";

         /*sidebar widget link color*/
        $custom_css .= "
        .secondary-sidebar a,
        .secondary-sidebar .widget li a
        {
            color:{$beauty_studio_sidebar_widget_link_color};
        }";

        /*sidebar widget link hover color*/
        $custom_css .= "
        .secondary-sidebar a:hover,
        .secondary-sidebar .widget li a:hover
        {
            color:{$beauty_studio_sidebar_widget_link_hover_color};
        }";

	    /*Menu Color*/
	    $custom_css .= "
        .header-transparent .at-sticky .main-navigation ul li.current_page_item a,
        .main-navigation .acme-normal-page .current_page_item a,
        .main-navigation .acme-normal-page .current-menu-item a,
        .main-navigation .active a
        {
            color:{$beauty_studio_menu_active_color};
        }";

	    $custom_css .= "
        .header-transparent .at-sticky .main-navigation ul li a:hover,
        .main-navigation .navbar-nav >li a:hover,
        .main-navigation li li a:hover{
            color:{$beauty_studio_menu_hover_color};
        }";
	    /*footer colors*/
	    $custom_css .= "
       .site-footer h1,
       .site-footer h1 a,
       .site-footer h2,
       .site-footer h2 a,
       .site-footer h3,
       .site-footer h3 a,
       .site-footer h4,
       .site-footer h4 a,
       .site-footer h5,
       .site-footer h5 a,
       .site-footer h6,
       .site-footer h6 a,
       .site-footer .main-title,
       .site-footer li a,
       .site-footer .widget li a{
           color: {$beauty_studio_footer_heading_color};
       }";
	    $custom_css .= "
       .site-footer,
       .site-footer li,
       .site-footer p{
           color: {$beauty_studio_footer_text_color};
       }";
	    $custom_css .= "
       .site-footer a,
       .site-footer .socials a,
       .site-footer .socials a:hover,
       .site-footer li a,
       .site-footer .widget li a{
           color: {$beauty_studio_footer_link_color};
       }";
	    $custom_css .= "
       .site-footer a:hover,
       .site-footer li a:hover,
       .site-footer .widget li a:hover{
           color: {$beauty_studio_footer_link_hover_color};
       }";

       /*custom added*/
        /*button reverse*/
        $custom_css .= "
       .btn-reverse{
            color: {$beauty_studio_primary_color};
        }";

        $custom_css .= "
       .btn-reverse:hover,
       .image-slider-wrapper .slider-content .btn-reverse:hover,
       .at-widgets.at-parallax .btn-reverse:hover{
            background: {$beauty_studio_primary_color};
            color:#fff;
            border-color:{$beauty_studio_primary_color};
        }";
        
        $custom_css .= "        
       .woocommerce #respond input#submit, 
       .woocommerce a.button, 
       .woocommerce button.button, 
       .woocommerce input.button{
            background: {$beauty_studio_primary_color};
            color:#fff;
        }";

        /*secondary color*/
	    $custom_css .= "
       .team-img-box:before{
            -webkit-box-shadow: 0 -106px 92px -35px {$beauty_studio_header_top_bg_color} inset;
			box-shadow: 0 -106px 92px -35px {$beauty_studio_header_top_bg_color} inset;
        }";
	    $custom_css .= "
       .acme-contact .contact-page-content{
            	border: 10px solid {$beauty_studio_header_top_bg_color};
        }";
	    $custom_css .= "
       .at-pricing-img-box::before{
            -webkit-box-shadow: 0 -130px 92px -35px {$beauty_studio_header_top_bg_color} inset;
            box-shadow: 0 -130px 92px -35px {$beauty_studio_header_top_bg_color} inset;
        }";
	    $custom_css .= "
       .at-pricing-box:hover .at-pricing-header h2{
            background: {$beauty_studio_header_top_bg_color};
			border-color: {$beauty_studio_header_top_bg_color};
        }";

        wp_add_inline_style( 'beauty-studio-style', $custom_css );
    }
endif;
add_action( 'wp_enqueue_scripts', 'beauty_studio_dynamic_css', 99 );