<?php
/**
 * CSS related hooks.
 *
 * This file contains hook functions which are related to CSS.
 *
 * @package Blogmarks
 */

if (!function_exists('blogmarks_generate_font_family')) :
    /**
     * Returns css apporpriate font family
     *
     * @return string font-family
     * @since 1.0.0
     *
     */
    function blogmarks_generate_font_family($font_base)
    {
        if (!empty($font_base)) {
            $font_base = str_replace('"', '', $font_base);
            $font_base_explode = explode(', ', $font_base);
            $font_name = isset($font_base_explode[0]) ? $font_base_explode[0] : '';
            $font_serif = isset($font_base_explode[2]) ? $font_base_explode[2] : '';
            $space_end = ', ';
            if (empty($font_serif)) :
                $space_end = '';
            endif;
            return "'" . $font_name . "'" . $space_end . $font_serif;
        }
    }
endif;

if (!function_exists('blogmarks_refactor_css')) :
    /**
     * Refactor CSS.
     *
     * @since 1.0.0
     */
    function blogmarks_refactor_css($css)
    {
        $refactored_css = str_replace(array("\r\n", "\r", "\n", "\t", '  ', '    ', '    '), '', $css);
        return $refactored_css;
    }
endif;

if (!function_exists('blogmarks_get_inline_css')) :
    /**
     * Outputs theme custom CSS.
     *
     * @since 1.0.0
     */
    function blogmarks_get_inline_css()
    {

        $css = '';

        $css .= blogmarks_get_general_color_css();
        $css .= blogmarks_get_global_elements_css();
        $css .= blogmarks_get_general_widgetarea_css();
        $css .= blogmarks_get_home_sections_css();
        $css .= blogmarks_get_header_css();
        $css .= blogmarks_get_footer_css();
        $css .= blogmarks_get_typography_css();

        return blogmarks_refactor_css(apply_filters('blogmarks_global_inline_css', $css));
    }
endif;

if (!function_exists('blogmarks_get_general_color_css')) :
    function blogmarks_get_general_color_css()
    {

        $defaults = array(
            'primary_color' => '#666666',
            'accent_color' => '#4769d8',
            'link_color' => '#4769d8',
            'link_color_hover' => '#000000',
            'h1_color' => '#191a1f',
            'h2_color' => '#191a1f',
            'h3_color' => '#191a1f',
            'h4_color' => '#191a1f',
            'h5_color' => '#191a1f',
            'h6_color' => '#191a1f',
        );

        $primary_color = blogmarks_get_option('primary_color', $defaults['primary_color']);
        $accent_color = blogmarks_get_option('accent_color', $defaults['accent_color']);
        $link_color = blogmarks_get_option('link_color', $defaults['link_color']);
        $link_color_hover = blogmarks_get_option('link_color_hover', $defaults['link_color_hover']);
        $h1_color = blogmarks_get_option('h1_color', $defaults['h1_color']);
        $h2_color = blogmarks_get_option('h2_color', $defaults['h2_color']);
        $h3_color = blogmarks_get_option('h3_color', $defaults['h3_color']);
        $h4_color = blogmarks_get_option('h4_color', $defaults['h4_color']);
        $h5_color = blogmarks_get_option('h5_color', $defaults['h5_color']);
        $h6_color = blogmarks_get_option('h6_color', $defaults['h6_color']);

        $css = '';

        if ($primary_color !== $defaults['primary_color']) :
            $css .= '
			:root {
                --site--base-text-color:' . esc_attr($primary_color) . ';
            }';
        endif;
        if ($accent_color !== $defaults['accent_color']) :
            $css .= '
			:root {
                --global--color-accent:' . esc_attr($accent_color) . ';
            }';
        endif;
        if ($link_color !== $defaults['link_color']) :
            $css .= '
			:root {
                --site--link-color:' . esc_attr($link_color) . ';
            }';
        endif;
        if ($link_color_hover !== $defaults['link_color_hover']) :
            $css .= '
			:root {
                --site--link-color-hover:' . esc_attr($link_color_hover) . ';
            }';
        endif;
        if ($h1_color !== $defaults['h1_color']) :
            $css .= '
			:root {
                --site--entry-title-x-large-color:' . esc_attr($h1_color) . ';
            }';
            $css .= '
			h1 a {
                color:' . esc_attr($h1_color) . ';
            }';
        endif;
        if ($h2_color !== $defaults['h2_color']) :
            $css .= '
			:root {
                --site--entry-title-large-color:' . esc_attr($h2_color) . ';
            }';
            $css .= '
			h2 a {
                color:' . esc_attr($h2_color) . ';
            }';
        endif;
        if ($h3_color !== $defaults['h3_color']) :
            $css .= '
			:root {
                --site--entry-title-big-color:' . esc_attr($h3_color) . ';
            }';
            $css .= '
			h3 a {
                color:' . esc_attr($h3_color) . ';
            }';
        endif;
        if ($h4_color !== $defaults['h4_color']) :
            $css .= '
			:root {
                --site--entry-title-medium-color:' . esc_attr($h4_color) . ';
            }';
            $css .= '
			h4 a {
                color:' . esc_attr($h4_color) . ';
            }';
        endif;
        if ($h5_color !== $defaults['h5_color']) :
            $css .= '
			:root {
                --site--entry-title-small-color:' . esc_attr($h5_color) . ';
            }';
            $css .= '
			h5 a {
                color:' . esc_attr($h5_color) . ';
            }';
        endif;
        if ($h6_color !== $defaults['h6_color']) :
            $css .= '
			:root {
                --site--entry-title-tiny-color:' . esc_attr($h6_color) . ';
            }';
            $css .= '
			h6 a {
                color:' . esc_attr($h6_color) . ';
            }';
        endif;

        return apply_filters('blogmarks_general_color_css', $css);
    }
endif;

if (!function_exists('blogmarks_get_global_elements_css')) :
    function blogmarks_get_global_elements_css()
    {

        $defaults = array(
            'global_buttons_text_color' => '#000000',
            'global_buttons_text_hover_color' => '#ffffff',
            'global_buttons_bg_color' => '#ffffff',
            'global_buttons_bg_hover_color' => '#000000',
            'preloader_bg_color' => '#ffffff',
            'preloader_color' => '#4769d8',
            'progressbar_color' => '#4769d8',
            'breadcrumb_link_color' => '#4769d8',
            'global_post_meta_icons_color' => '#a0a0a0'
        );

        $global_buttons_text_color = blogmarks_get_option('global_buttons_text_color', $defaults['global_buttons_text_color']);
        $global_buttons_text_hover_color = blogmarks_get_option('global_buttons_text_hover_color', $defaults['global_buttons_text_hover_color']);
        $global_buttons_bg_color = blogmarks_get_option('global_buttons_bg_color', $defaults['global_buttons_bg_color']);
        $global_buttons_bg_hover_color = blogmarks_get_option('global_buttons_bg_hover_color', $defaults['global_buttons_bg_hover_color']);
        $global_post_meta_icons_color = blogmarks_get_option('global_post_meta_icons_color', $defaults['global_post_meta_icons_color']);

        $css = '';

        if ($global_buttons_text_color !== $defaults['global_buttons_text_color']) :
            $css .= '
			:root {
				--global--color-btn:' . esc_attr($global_buttons_text_color) . ';
			}';
        endif;
        if ($global_buttons_text_hover_color !== $defaults['global_buttons_text_hover_color']) :
            $css .= '
			:root {
				--global--color-btn-hover:' . esc_attr($global_buttons_text_hover_color) . ';
			}';
        endif;
        if ($global_buttons_bg_color !== $defaults['global_buttons_bg_color']) :
            $css .= '
			:root {
				--global--color-btn-bg:' . esc_attr($global_buttons_bg_color) . ';
			}';
        endif;
        if ($global_buttons_bg_hover_color !== $defaults['global_buttons_bg_hover_color']) :
            $css .= '
			:root {
				--global--color-btn-hover-bg:' . esc_attr($global_buttons_bg_hover_color) . ';
			}';
        endif;

        if (blogmarks_get_option('show_preloader')) :

            $preloader_bg_color = blogmarks_get_option('preloader_bg_color', $defaults['preloader_bg_color']);
            $preloader_color = blogmarks_get_option('preloader_color', $defaults['preloader_color']);

            if ($preloader_bg_color !== $defaults['preloader_bg_color']) :
                $css .= '
				:root {
					--global--color-preloader-bg:' . esc_attr($preloader_bg_color) . ';
				}';
            endif;
            if ($preloader_color !== $defaults['preloader_color']) :
                $css .= '
				:root {
					--global--color-preloader:' . esc_attr($preloader_color) . ';
				}';
            endif;
        endif;

        if (blogmarks_get_option('show_progressbar')) :
            $progressbar_color = blogmarks_get_option('progressbar_color', $defaults['progressbar_color']);
            if ($progressbar_color !== $defaults['progressbar_color']) :
                $css .= '
				:root {
					--global--color-progressbar:' . esc_attr($progressbar_color) . ';
				}';
            endif;
        endif;

        if (blogmarks_get_option('enable_breadcrumb', true)) :
            $breadcrumb_link_color = blogmarks_get_option('breadcrumb_link_color', $defaults['breadcrumb_link_color']);
            if ($breadcrumb_link_color !== $defaults['breadcrumb_link_color']) :
                $css .= '
				:root {
					--global--color-breadcrumb:' . esc_attr($breadcrumb_link_color) . ';
				}';
            endif;
        endif;

        if ($global_post_meta_icons_color !== $defaults['global_post_meta_icons_color']) :
            $css .= '
			:root {
				--global--color-post-meta-icons:' . esc_attr($global_post_meta_icons_color) . ';
			}';
        endif;

        return apply_filters('blogmarks_global_elements_css', $css);
    }
endif;

if (!function_exists('blogmarks_get_general_widgetarea_css')) :
    function blogmarks_get_general_widgetarea_css()
    {

        $defaults = array(
            'offcanvas_bg_color' => '#ffffff',
            'dark_offcanvas_bg_color' => '#10100f',
            'below_header_widgetarea_bg_color' => '#ffffff',
            'below_header_widgetarea_text_color' => '#666666',
            'below_header_widgetarea_link_color' => '#000000',
            'before-columns-widgetarea_bg_color' => '#ffffff',
            'before-columns-widgetarea_text_color' => '#666666',
            'before-columns-widgetarea_link_color' => '#000',
            'home_columns_widgetarea_bg_color' => '#ffffff',
            'home_columns_widgetarea_text_color' => '#666666',
            'home_columns_widgetarea_link_color' => '#000',
            'above_home_widgetarea_bg_color' => '#ffffff',
            'above_home_widgetarea_text_color' => '#666666',
            'above_home_widgetarea_link_color' => '#000',
            'below_home_widgetarea_bg_color' => '#ffffff',
            'below_home_widgetarea_text_color' => '#666666',
            'below_home_widgetarea_link_color' => '#000',
            'above_footer_widgetarea_bg_color' => '#ffffff',
            'above_footer_widgetarea_text_color' => '#666666',
            'above_footer_widgetarea_link_color' => '#000',
            'below_footer_widgetarea_bg_color' => '#ffffff',
            'below_footer_widgetarea_text_color' => '#666666',
            'below_footer_widgetarea_link_color' => '#000',
        );

        $offcanvas_bg_color = blogmarks_get_option('offcanvas_bg_color', $defaults['offcanvas_bg_color']);
        $dark_offcanvas_bg_color = blogmarks_get_option('dark_offcanvas_bg_color', $defaults['dark_offcanvas_bg_color']);
        $below_header_area_bg = blogmarks_get_option('below_header_widgetarea_bg_color', $defaults['below_header_widgetarea_bg_color']);
        $below_header_area_text = blogmarks_get_option('below_header_widgetarea_text_color', $defaults['below_header_widgetarea_text_color']);
        $below_header_area_link = blogmarks_get_option('below_header_widgetarea_link_color', $defaults['below_header_widgetarea_link_color']);
        $home_before_columns_bg_color = blogmarks_get_option('before-columns-widgetarea_bg_color', $defaults['before-columns-widgetarea_bg_color']);
        $home_before_columns_text_color = blogmarks_get_option('before-columns-widgetarea_text_color', $defaults['before-columns-widgetarea_text_color']);
        $home_before_columns_link_color = blogmarks_get_option('before-columns-widgetarea_link_color', $defaults['before-columns-widgetarea_link_color']);
        $home_columns_bg_color = blogmarks_get_option('home_columns_widgetarea_bg_color', $defaults['home_columns_widgetarea_bg_color']);
        $home_columns_text_color = blogmarks_get_option('home_columns_widgetarea_text_color', $defaults['home_columns_widgetarea_text_color']);
        $home_columns_link_color = blogmarks_get_option('home_columns_widgetarea_link_color', $defaults['home_columns_widgetarea_link_color']);
        $above_home_area_bg = blogmarks_get_option('above_home_widgetarea_bg_color', $defaults['above_home_widgetarea_bg_color']);
        $above_home_area_text = blogmarks_get_option('above_home_widgetarea_text_color', $defaults['above_home_widgetarea_text_color']);
        $above_home_area_link = blogmarks_get_option('above_home_widgetarea_link_color', $defaults['above_home_widgetarea_link_color']);
        $below_home_area_bg = blogmarks_get_option('below_home_widgetarea_bg_color', $defaults['below_home_widgetarea_bg_color']);
        $below_home_area_text = blogmarks_get_option('below_home_widgetarea_text_color', $defaults['below_home_widgetarea_text_color']);
        $below_home_area_link = blogmarks_get_option('below_home_widgetarea_link_color', $defaults['below_home_widgetarea_link_color']);
        $above_footer_area_bg = blogmarks_get_option('above_footer_widgetarea_bg_color', $defaults['above_footer_widgetarea_bg_color']);
        $above_footer_area_text = blogmarks_get_option('above_footer_widgetarea_text_color', $defaults['above_footer_widgetarea_text_color']);
        $above_footer_area_link = blogmarks_get_option('above_footer_widgetarea_link_color', $defaults['above_footer_widgetarea_link_color']);
        $below_footer_area_bg = blogmarks_get_option('below_footer_widgetarea_bg_color', $defaults['below_footer_widgetarea_bg_color']);
        $below_footer_area_text = blogmarks_get_option('below_footer_widgetarea_text_color', $defaults['below_footer_widgetarea_text_color']);
        $below_footer_area_link = blogmarks_get_option('below_footer_widgetarea_link_color', $defaults['below_footer_widgetarea_link_color']);

        $css = '';

        if ($offcanvas_bg_color !== $defaults['offcanvas_bg_color']) :
            $css .= '
			.site-offcanvas-model {
                background-color:' . esc_attr($offcanvas_bg_color) . ';
            }';
        endif;
        if ($dark_offcanvas_bg_color !== $defaults['dark_offcanvas_bg_color']) :
            $css .= '
			.site-offcanvas-model.inverted-offcanvas {
                background-color:' . esc_attr($dark_offcanvas_bg_color) . ';
            }';
        endif;

        if ($below_header_area_bg !== $defaults['below_header_widgetarea_bg_color']) :
            $css .= '
			:root {
                --site--below-header-background:' . esc_attr($below_header_area_bg) . ';
            }';
        endif;
        if ($below_header_area_text !== $defaults['below_header_widgetarea_text_color']) :
            $css .= '
			:root {
                --site--below-header-color:' . esc_attr($below_header_area_text) . ';
            }';
        endif;
        if ($below_header_area_link !== $defaults['below_header_widgetarea_link_color']) :
            $css .= '
			:root {
                --site--below-header-link-color:' . esc_attr($below_header_area_link) . ';
            }';
        endif;
        if ($home_before_columns_bg_color !== $defaults['before-columns-widgetarea_bg_color']) :
            $css .= '
			:root {
                --site--before-columns-background:' . esc_attr($home_before_columns_bg_color) . ';
            }';
        endif;
        if ($home_before_columns_text_color !== $defaults['before-columns-widgetarea_text_color']) :
            $css .= '
			:root {
                --site--before-columns-color:' . esc_attr($home_before_columns_text_color) . ';
            }';
        endif;
        if ($home_before_columns_link_color !== $defaults['before-columns-widgetarea_link_color']) :
            $css .= '
			:root {
                --site--before-columns-link-color:' . esc_attr($home_before_columns_link_color) . ';
            }';
        endif;
        if ($home_columns_bg_color !== $defaults['home_columns_widgetarea_bg_color']) :
            $css .= '
			:root {
                --site--two-column-background:' . esc_attr($home_columns_bg_color) . ';
            }';
        endif;
        if ($home_columns_text_color !== $defaults['home_columns_widgetarea_text_color']) :
            $css .= '
			:root {
                --site--two-column-color:' . esc_attr($home_columns_text_color) . ';
            }';
        endif;
        if ($home_columns_link_color !== $defaults['home_columns_widgetarea_link_color']) :
            $css .= '
			:root {
                --site--two-column-link-color:' . esc_attr($home_columns_link_color) . ';
            }';
        endif;
        if ($above_home_area_bg !== $defaults['above_home_widgetarea_bg_color']) :
            $css .= '
			:root {
                --site--before-home-background:' . esc_attr($above_home_area_bg) . ';
            }';
        endif;
        if ($above_home_area_text !== $defaults['above_home_widgetarea_text_color']) :
            $css .= '
			:root {
                --site--before-home-color:' . esc_attr($above_home_area_text) . ';
            }';
        endif;
        if ($above_home_area_link !== $defaults['above_home_widgetarea_link_color']) :
            $css .= '
			:root {
                --site--before-home-link-color:' . esc_attr($above_home_area_link) . ';
            }';
        endif;
        if ($below_home_area_bg !== $defaults['below_home_widgetarea_bg_color']) :
            $css .= '
			:root {
                --site--after-home-background:' . esc_attr($below_home_area_bg) . ';
            }';
        endif;
        if ($below_home_area_text !== $defaults['below_home_widgetarea_text_color']) :
            $css .= '
			:root {
                --site--after-home-color:' . esc_attr($below_home_area_text) . ';
            }';
        endif;
        if ($below_home_area_link !== $defaults['below_home_widgetarea_link_color']) :
            $css .= '
			:root {
                --site--after-home-link-color:' . esc_attr($below_home_area_link) . ';
            }';
        endif;
        if ($above_footer_area_bg !== $defaults['above_footer_widgetarea_bg_color']) :
            $css .= '
			:root {
                --site--before-footer-background:' . esc_attr($above_footer_area_bg) . ';
            }';
        endif;
        if ($above_footer_area_text !== $defaults['above_footer_widgetarea_text_color']) :
            $css .= '
			:root {
                --site--before-footer-color:' . esc_attr($above_footer_area_text) . ';
            }';
        endif;
        if ($above_footer_area_link !== $defaults['above_footer_widgetarea_link_color']) :
            $css .= '
			:root {
                --site--before-footer-link-color:' . esc_attr($above_footer_area_link) . ';
            }';
        endif;
        if ($below_footer_area_bg !== $defaults['below_footer_widgetarea_bg_color']) :
            $css .= '
			:root {
                --site--after-footer-background:' . esc_attr($below_footer_area_bg) . ';
            }';
        endif;
        if ($below_footer_area_text !== $defaults['below_footer_widgetarea_text_color']) :
            $css .= '
			:root {
                --site--after-footer-color:' . esc_attr($below_footer_area_text) . ';
            }';
        endif;
        if ($below_footer_area_link !== $defaults['below_footer_widgetarea_link_color']) :
            $css .= '
			:root {
                --site--after-footer-link-color:' . esc_attr($below_footer_area_link) . ';
            }';
        endif;

        return apply_filters('blogmarks_general_widgetarea_css', $css);
    }
endif;

if (!function_exists('blogmarks_get_home_sections_css')) :
    function blogmarks_get_home_sections_css()
    {

        $defaults = array(

            'tags_section_bg_color' => '#f6f6f6',
            'tags_label_color' => '#d72924',
            'tags_section_padding_top' => 20,
            'tags_section_padding_bottom' => 20,

            'ticker_section_bg_color' => '#ffffff',
            'ticker_label_color' => '#ffffff',
            'ticker_label_bg_color' => '#444444',
            'ticker_loader_icon_color' => '#ffffff',
            'ticker_section_padding_top' => 20,
            'ticker_section_padding_bottom' => 20,
            'trending_section_bg_color' => '#ffffff',
            'trending_section_text_color' => '#666666',
            'trending_section_link_color' => '#191a1f',

            'banner_arrows_bg_color' => '#ffffff',
            'banner_section_bg_color' => '#ffffff',
        );

        $css = '';


        if (blogmarks_get_option('enable_tags')) :
            $tags_section_bg_color = blogmarks_get_option('tags_section_bg_color', $defaults['tags_section_bg_color']);
            $tags_label_color = blogmarks_get_option('tags_label_color', $defaults['tags_label_color']);
            $tags_section_padding_top = blogmarks_get_option('tags_section_padding_top', $defaults['tags_section_padding_top']);
            $tags_section_padding_bottom = blogmarks_get_option('tags_section_padding_bottom', $defaults['tags_section_padding_bottom']);
            if ($tags_section_bg_color !== $defaults['tags_section_bg_color']) :
                $css .= '
				.site-section-block.site-section-tags{
					--site--tags-background:' . esc_attr($tags_section_bg_color) . ';
				}';
            endif;

            if ($tags_label_color !== $defaults['tags_label_color']) :
                $css .= '
				:root {
					--site--tags-label-color:' . esc_attr($tags_label_color) . ';
				}';
            endif;

            if ($tags_section_padding_top !== $defaults['tags_section_padding_top']) :
                $css .= '
				.site-section-block.site-section-tags {
					padding-top:' . esc_attr($tags_section_padding_top) . 'px;
				}';
            endif;
            if ($tags_section_padding_bottom !== $defaults['tags_section_padding_bottom']) :
                $css .= '
				.site-section-block.site-section-tags {
					padding-bottom:' . esc_attr($tags_section_padding_bottom) . 'px;
				}';
            endif;
        endif;


        if (blogmarks_get_option('enable_ticker_posts')) :
            $ticker_section_bg_color = blogmarks_get_option('ticker_section_bg_color', $defaults['ticker_section_bg_color']);
            $ticker_label_color = blogmarks_get_option('ticker_label_color', $defaults['ticker_label_color']);
            $ticker_label_bg_color = blogmarks_get_option('ticker_label_bg_color', $defaults['ticker_label_bg_color']);
            $ticker_loader_icon_color = blogmarks_get_option('ticker_loader_icon_color', $defaults['ticker_loader_icon_color']);
            $ticker_section_padding_top = blogmarks_get_option('ticker_section_padding_top', $defaults['ticker_section_padding_top']);
            $ticker_section_padding_bottom = blogmarks_get_option('ticker_section_padding_bottom', $defaults['ticker_section_padding_bottom']);
            if ($ticker_section_bg_color !== $defaults['ticker_section_bg_color']) :
                $css .= '
				.site-section-block.site-section-ticker{
					--site--ticker-background:' . esc_attr($ticker_section_bg_color) . ';
				}';
            endif;
            if ($ticker_label_color !== $defaults['ticker_label_color']) :
                $css .= '
				:root {
					--site--ticker-label-color:' . esc_attr($ticker_label_color) . ';
				}';
            endif;
            if ($ticker_label_bg_color !== $defaults['ticker_label_bg_color']) :
                $css .= '
				:root {
					--site--ticker-label-background:' . esc_attr($ticker_label_bg_color) . ';
				}';
            endif;
            if ($ticker_loader_icon_color !== $defaults['ticker_loader_icon_color']) :
                $css .= '
				:root {
					--site--ticker-loader-color:' . esc_attr($ticker_loader_icon_color) . ';
				}';
            endif;
            if ($ticker_section_padding_top !== $defaults['ticker_section_padding_top']) :
                $css .= '
				.site-section-block.site-section-ticker {
					padding-top:' . esc_attr($ticker_section_padding_top) . 'px;
				}';
            endif;
            if ($ticker_section_padding_bottom !== $defaults['ticker_section_padding_bottom']) :
                $css .= '
				.site-section-block.site-section-ticker {
					padding-bottom:' . esc_attr($ticker_section_padding_bottom) . 'px;
				}';
            endif;
        endif;

        if (blogmarks_get_option('enable_trending_posts')) :
            $trending_section_bg_color = blogmarks_get_option('trending_section_bg_color', $defaults['trending_section_bg_color']);
            $trending_section_text_color = blogmarks_get_option('trending_section_text_color', $defaults['trending_section_text_color']);
            $trending_section_link_color = blogmarks_get_option('trending_section_link_color', $defaults['trending_section_link_color']);

            if ($trending_section_bg_color !== $defaults['trending_section_bg_color']) :
                $css .= '
				:root {
					--site--trending-background:' . esc_attr($trending_section_bg_color) . ';
				}';
            endif;

            if ($trending_section_text_color !== $defaults['trending_section_text_color']) :
                $css .= '
				:root {
					--site--trending-color:' . esc_attr($trending_section_text_color) . ';
				}';
            endif;

            if ($trending_section_link_color !== $defaults['trending_section_link_color']) :
                $css .= '
				:root {
					--site--trending-link-color:' . esc_attr($trending_section_link_color) . ';
				}';
            endif;

        endif;

        if (blogmarks_get_option('enable_banner')) :
            $banner_section_bg_color = blogmarks_get_option('banner_section_bg_color', $defaults['banner_section_bg_color']);
            if ($banner_section_bg_color !== $defaults['banner_section_bg_color']) :
                $css .= '
				:root {
					--site--banner-background:' . esc_attr($banner_section_bg_color) . ';
				}';
            endif;

            if (blogmarks_get_option('enable_banner_arrows', true)) :
                $banner_arrows_bg_color = blogmarks_get_option('banner_arrows_bg_color', $defaults['banner_arrows_bg_color']);
                if ($banner_arrows_bg_color !== $defaults['banner_arrows_bg_color']) :
                    $banner_arrows_bg_color = blogmarks_hex2rbga($banner_arrows_bg_color, 0.8);

                    $css .= '
					.site-banner-init { 
						--swiper-pagination-bg-color:' . esc_attr($banner_arrows_bg_color) . ';
					}';
                endif;
            endif;
        endif;

        return apply_filters('blogmarks_home_sections_css', $css);
    }
endif;

if (!function_exists('blogmarks_get_header_css')) :
    function blogmarks_get_header_css()
    {

        $defaults = array(


            'top_bar_bg_color' => '#000000',
            'top_bar_text_color' => '#ffffff',
            'top_bar_text_hover_color' => '#4769d8',
            'top_bar_sub_menu_color' => '#000000',
            'top_bar_sub_menu_hover_color' => '#000000',
            'top_bar_sub_menu_bg_color' => '#ffffff',

            'header_bg_color' => '#ffffff',

            'primary_menu_bg_color' => '#ffffff',
            'offcanvas_icon_color' => '#000000',
            'primary_menu_text_color' => '#000000',
            'primary_menu_text_hover_color' => '#000000',
            'primary_menu_text_hover_border' => '#4769d8',
            'primary_menu_active_item_color' => '#000000',
            'primary_menu_active_item_border' => '#4769d8',
            'primary_menu_desc_color' => '#4769d8',
            'sub_menu_bg_color' => '#ffffff',
            'sub_menu_text_color' => '#000000',
            'sub_menu_text_hover_color' => '#4769d8',
            'sub_menu_desc_color' => '#999999',
        );


        $header_bg_color = blogmarks_get_option('header_bg_color', $defaults['header_bg_color']);
        $header_padding_top = blogmarks_get_option('header_padding_desktop_top');
        $header_padding_bottom = blogmarks_get_option('header_padding_desktop_bottom');

        $primary_menu_bg_color = blogmarks_get_option('primary_menu_bg_color', $defaults['primary_menu_bg_color']);
        $offcanvas_icon_color = blogmarks_get_option('offcanvas_icon_color', $defaults['offcanvas_icon_color']);
        $primary_menu_text_color = blogmarks_get_option('primary_menu_text_color', $defaults['primary_menu_text_color']);
        $primary_menu_text_hover_color = blogmarks_get_option('primary_menu_text_hover_color', $defaults['primary_menu_text_hover_color']);
        $primary_menu_text_hover_border = blogmarks_get_option('primary_menu_text_hover_border', $defaults['primary_menu_text_hover_border']);
        $primary_menu_active_item_color = blogmarks_get_option('primary_menu_active_item_color', $defaults['primary_menu_active_item_color']);
        $primary_menu_active_item_border = blogmarks_get_option('primary_menu_active_item_border', $defaults['primary_menu_active_item_border']);
        $primary_menu_desc_color = blogmarks_get_option('primary_menu_desc_color', $defaults['primary_menu_desc_color']);
        $sub_menu_bg_color = blogmarks_get_option('sub_menu_bg_color', $defaults['sub_menu_bg_color']);
        $sub_menu_text_color = blogmarks_get_option('sub_menu_text_color', $defaults['sub_menu_text_color']);
        $sub_menu_text_hover_color = blogmarks_get_option('sub_menu_text_hover_color', $defaults['sub_menu_text_hover_color']);
        $sub_menu_desc_color = blogmarks_get_option('sub_menu_desc_color', $defaults['sub_menu_desc_color']);

        $css = '';

        if (blogmarks_get_option('enable_top_bar', true)) :

            $top_bar_bg_color = blogmarks_get_option('top_bar_bg_color', $defaults['top_bar_bg_color']);
            $top_bar_text_color = blogmarks_get_option('top_bar_text_color', $defaults['top_bar_text_color']);
            $top_bar_text_hover_color = blogmarks_get_option('top_bar_text_hover_color', $defaults['top_bar_text_hover_color']);

            if ($top_bar_bg_color !== $defaults['top_bar_bg_color']) :
                $css .= '
				:root {
					--site--topbar-background:' . esc_attr($top_bar_bg_color) . ';
				}';
            endif;

            if ($top_bar_text_color !== $defaults['top_bar_text_color']) :
                $css .= '
				:root {
					--site--topbar-color:' . esc_attr($top_bar_text_color) . ';
				}';
            endif;

            if ($top_bar_text_hover_color !== $defaults['top_bar_text_hover_color']) :
                $css .= '
					:root {
						--site--topbar-color-hover:' . esc_attr($top_bar_text_hover_color) . ';
					}';
            endif;

            if (blogmarks_get_option('enable_top_nav')) :
                $top_bar_sub_menu_bg_color = blogmarks_get_option('top_bar_sub_menu_bg_color', $defaults['top_bar_sub_menu_bg_color']);

                if ($top_bar_sub_menu_bg_color !== $defaults['top_bar_sub_menu_bg_color']) :
                    $css .= '
					:root {
						--global--color-topbar-submenu-bg:' . esc_attr($top_bar_sub_menu_bg_color) . ';
					}';
                endif;
            endif;
        endif;

        if ($header_bg_color !== $defaults['header_bg_color']) :
            $css .= '
			:root {
                --site--header-masthead-background:' . esc_attr($header_bg_color) . ';
            }';
        endif;

        if (is_numeric($header_padding_top)) :
            $css .= '
			.site-header-masthead, .site-header-masthead.has-header-image {
                padding-top:' . esc_attr(absint($header_padding_top)) . 'px;
            }';
        endif;

        if (is_numeric($header_padding_bottom)) :
            $css .= '
			.site-header-masthead, .site-header-masthead.has-header-image {
                padding-bottom:' . esc_attr(absint($header_padding_bottom)) . 'px;
            }';
        endif;

        if ($primary_menu_bg_color !== $defaults['primary_menu_bg_color']) :
            $css .= '
			:root {
                --site--header-navbar-background:' . esc_attr($primary_menu_bg_color) . ';
            }';
        endif;
        if ($offcanvas_icon_color !== $defaults['offcanvas_icon_color']) :
            $css .= '
			:root {
                --site--offcanvas-icon-color:' . esc_attr($offcanvas_icon_color) . ';
            }';
        endif;
        if ($primary_menu_text_color !== $defaults['primary_menu_text_color']) :
            $css .= '
			:root {
                --site--base-text-color-menu:' . esc_attr($primary_menu_text_color) . ';
            }';
        endif;
        if ($primary_menu_text_hover_color !== $defaults['primary_menu_text_hover_color']) :
            $css .= '
			:root {
                --site--base-text-color-menu-hover:' . esc_attr($primary_menu_text_hover_color) . ';
            }';
        endif;
        if ($primary_menu_text_hover_border !== $defaults['primary_menu_text_hover_border']) :
            $css .= '
			:root {
                --site--base-text-color-menu-hover-border:' . esc_attr($primary_menu_text_hover_border) . ';
            }';
        endif;
        if ($primary_menu_active_item_color !== $defaults['primary_menu_active_item_color']) :
            $css .= '
			:root {
                --site--base-text-color-menu-active:' . esc_attr($primary_menu_active_item_color) . ';
            }';
        endif;
        if ($primary_menu_active_item_border !== $defaults['primary_menu_active_item_border']) :
            $css .= '
			:root {
                --site--base-text-color-menu-active-border:' . esc_attr($primary_menu_active_item_border) . ';
            }';
        endif;
        if ($primary_menu_desc_color !== $defaults['primary_menu_desc_color']) :
            $css .= '
			:root {
                --site--base-text-color-menu-desc:' . esc_attr($primary_menu_desc_color) . ';
            }';
        endif;
        if ($sub_menu_bg_color !== $defaults['sub_menu_bg_color']) :
            $css .= '
			:root {
                --global--color-sub-menu-bg:' . esc_attr($sub_menu_bg_color) . ';
            }';
        endif;
        if ($sub_menu_text_color !== $defaults['sub_menu_text_color']) :
            $css .= '
			:root {
                --global--color-sub-menu:' . esc_attr($sub_menu_text_color) . ';
            }';
        endif;
        if ($sub_menu_text_hover_color !== $defaults['sub_menu_text_hover_color']) :
            $css .= '
			:root {
                --global--color-sub-menu-hover:' . esc_attr($sub_menu_text_hover_color) . ';
            }';
        endif;
        if ($sub_menu_desc_color !== $defaults['sub_menu_desc_color']) :
            $css .= '
			:root {
                --global--color-sub-menu-desc:' . esc_attr($sub_menu_desc_color) . ';
            }';
        endif;

        return apply_filters('blogmarks_header_css', $css);
    }
endif;

if (!function_exists('blogmarks_get_footer_css')) :
    function blogmarks_get_footer_css()
    {

        $defaults = array(
            'footer_theme' => 'light',
            'footer_bg_color' => '#ffffff',
            'dark_footer_bg_color' => '#000000',

            'sub_footer_theme' => 'light',
            'sub_footer_bg_color' => '#ffffff',
            'dark_sub_footer_bg_color' => '#000000',

            'scroll_to_top_color' => '#ffffff',
            'scroll_to_top_hover_color' => '#ffffff',
            'scroll_to_top_bg_color' => '#4769d8',
            'scroll_to_top_hover_bg_color' => '#000000',
        );

        $footer_theme = blogmarks_get_option('footer_theme', $defaults['footer_theme']);
        $sub_footer_theme = blogmarks_get_option('sub_footer_theme', $defaults['sub_footer_theme']);

        $css = '';

        if ('light' == $footer_theme) :
            $footer_bg_color = blogmarks_get_option('footer_bg_color', $defaults['footer_bg_color']);
            if ($footer_bg_color !== $defaults['footer_bg_color']) :
                $css .= '
				:root {
					--site--footer-background-color:' . esc_attr($footer_bg_color) . ';
				}';
            endif;
        endif;
        if ('dark' == $footer_theme) :
            $dark_footer_bg_color = blogmarks_get_option('dark_footer_bg_color', $defaults['dark_footer_bg_color']);
            if ($dark_footer_bg_color !== $defaults['dark_footer_bg_color']) :
                $css .= '
				.site-footer.inverted-footer-background {
					--site--footer-background-color:' . esc_attr($dark_footer_bg_color) . ';
				}';
            endif;
        endif;

        if ('light' == $sub_footer_theme) :
            $sub_footer_bg_color = blogmarks_get_option('sub_footer_bg_color', $defaults['sub_footer_bg_color']);
            if ($sub_footer_bg_color !== $defaults['sub_footer_bg_color']) :
                $css .= '
				:root {
					--site--footer-credit-background:' . esc_attr($sub_footer_bg_color) . ';
				}';
            endif;
        endif;
        if ('dark' == $sub_footer_theme) :
            $dark_sub_footer_bg_color = blogmarks_get_option('dark_sub_footer_bg_color', $defaults['dark_sub_footer_bg_color']);
            if ($dark_sub_footer_bg_color !== $defaults['dark_sub_footer_bg_color']) :
                $css .= '
				.site-credit-area.inverted-credit-background {
					--site--footer-credit-background:' . esc_attr($dark_sub_footer_bg_color) . ';
				}';
            endif;
        endif;

        if (blogmarks_get_option('enable_scroll_to_top', true)) :

            $scroll_to_top_color = blogmarks_get_option('scroll_to_top_color', $defaults['scroll_to_top_color']);
            $scroll_to_top_hover_color = blogmarks_get_option('scroll_to_top_hover_color', $defaults['scroll_to_top_hover_color']);
            $scroll_to_top_bg_color = blogmarks_get_option('scroll_to_top_bg_color', $defaults['scroll_to_top_bg_color']);
            $scroll_to_top_hover_bg_color = blogmarks_get_option('scroll_to_top_hover_bg_color', $defaults['scroll_to_top_hover_bg_color']);

            if ($scroll_to_top_color !== $defaults['scroll_to_top_color']) :
                $css .= '
				:root {
					--site--scroll-top-color:' . esc_attr($scroll_to_top_color) . ';
				}';
            endif;
            if ($scroll_to_top_hover_color !== $defaults['scroll_to_top_hover_color']) :
                $css .= '
				:root {
					--site--scroll-top-color-hover:' . esc_attr($scroll_to_top_hover_color) . ';
				}';
            endif;
            if ($scroll_to_top_bg_color !== $defaults['scroll_to_top_bg_color']) :
                $css .= '
				:root {
					--site--scroll-top-background:' . esc_attr($scroll_to_top_bg_color) . ';
				}';
            endif;
            if ($scroll_to_top_hover_bg_color !== $defaults['scroll_to_top_hover_bg_color']) :
                $css .= '
				:root {
					--site--scroll-top-background-hover:' . esc_attr($scroll_to_top_hover_bg_color) . ';
				}';
            endif;
        endif;

        return apply_filters('blogmarks_footer_css', $css);
    }
endif;

if (!function_exists('blogmarks_get_typography_css')) :
    function blogmarks_get_typography_css()
    {

        $defaults = array(
            'site_title_font_size_desktop' => 62,
            'site_tagline_font_size_desktop' => 16,
            'entry_meta_font' => '"JetBrains Mono", "JetBrains+Mono:ital,wght@0,100..800;1,100..800", monospace',
            'entry_meta_font_weight' => 400,
            'headings_font' => '"Lora", "Lora:ital,wght@0,400..700;1,400..700", serif',
            'headings_font_weight' => 500,
            'base_font' => '"Inter", "Inter:wght@100..900", sans-serif',
            'base_font_weight' => 400,
        );

        $site_title_font_size = blogmarks_get_option('site_title_font_size_desktop', $defaults['site_title_font_size_desktop']);
        $site_tagline_font_size = blogmarks_get_option('site_tagline_font_size_desktop', $defaults['site_tagline_font_size_desktop']);

        $entry_meta_font = blogmarks_get_option('entry_meta_font', $defaults['entry_meta_font']);
        $entry_meta_font_weight = blogmarks_get_option('entry_meta_font_weight', $defaults['entry_meta_font_weight']);
        $headings_font = blogmarks_get_option('headings_font', $defaults['headings_font']);
        $headings_font_weight = blogmarks_get_option('headings_font_weight', $defaults['headings_font_weight']);
        $base_font = blogmarks_get_option('base_font', $defaults['base_font']);
        $base_font_weight = blogmarks_get_option('base_font_weight', $defaults['base_font_weight']);

        $css = '';

        if ($site_title_font_size != $defaults['site_title_font_size_desktop']) :
            $css .= '
            @media (min-width: 1000px){
                .site-title {
                    font-size:' . esc_attr($site_title_font_size) . 'px;
                }
            }';
        endif;
        if ($site_tagline_font_size != $defaults['site_tagline_font_size_desktop']) :
            $css .= '
             @media (min-width: 1000px){
                .site-description {
                    font-size:' . esc_attr($site_tagline_font_size) . 'px;
                }
            }';
        endif;

        if ($entry_meta_font != $defaults['entry_meta_font']) :
            $css .= '
            :root {
                --font-meta:' . sanitize_text_field(blogmarks_generate_font_family($entry_meta_font)) . ';
            }';
        endif;
        if ($entry_meta_font_weight != $defaults['entry_meta_font_weight']) :
            $css .= '
            :root {
                --primary--menu-font-weight:' . esc_attr($entry_meta_font_weight) . ';
            }';
        endif;

        if ($headings_font != $defaults['headings_font']) :
            $css .= '
            :root {
                --font-headings:' . sanitize_text_field(blogmarks_generate_font_family($headings_font)) . ';
            }';
        endif;
        if ($headings_font_weight != $defaults['headings_font_weight']) :
            $css .= '
            :root {
                --heading--font-weight:' . esc_attr($headings_font_weight) . ';
            }';
        endif;

        if ($base_font != $defaults['base_font']) :
            $css .= '
            :root {
                --font-base:' . sanitize_text_field(blogmarks_generate_font_family($base_font)) . ';
            }';
        endif;
        if ($base_font_weight != $defaults['base_font_weight']) :
            $css .= '
            body {
                font-weight:' . esc_attr($base_font_weight) . ';
            }';
        endif;

        return apply_filters('blogmarks_typography_css', $css);
    }
endif;

if (!function_exists('blogmarks_get_woo_inline_css')) :
    /**
     * Outputs woocommerce custom CSS.
     *
     * @since 1.0.0
     */
    function blogmarks_get_woo_inline_css()
    {

        $defaults = array(
            'accent_color' => '#4769d8',
        );

        $accent_color = blogmarks_get_option('accent_color', $defaults['accent_color']);

        $css = '';

        if ($accent_color !== $defaults['accent_color']) :
            $css .= '
			:root {
				--global--color-woo-accent:' . esc_attr($accent_color) . ';
			}';
        endif;

        return blogmarks_refactor_css($css);
    }

endif;