<?php
// ultimate_hotel_booking Customizer Options
function ultimate_hotel_booking_customizer_style()
{
$prefix = 'travelfic_customizer_settings_';
$stiky_bg_color = get_theme_mod($prefix.'stiky_header_bg_color', '#fff');
$stiky_bg_blur = get_theme_mod($prefix.'stiky_header_blur', '24');
$stiky_menu_color = get_theme_mod($prefix.'stiky_header_menu_text_color', '#000');
$primary_color = get_theme_mod($prefix.'primary_color', '#F15D30');

$footer_bg = get_theme_mod($prefix.'footer_bg_color', '#f7f5f5');
$footer_text_color = get_theme_mod($prefix.'footer_text_color', '#222');
// Fonts Family
$ultimate_hotel_booking_heading_font_family = !empty(get_theme_mod($prefix.'heading_font_family', '')) ? str_replace('_', ' ', get_theme_mod($prefix.'heading_font_family', '')) : '';
$ultimate_hotel_booking_body_font_family = !empty(get_theme_mod($prefix.'body_font_family', '')) ? str_replace('_', ' ', get_theme_mod($prefix.'body_font_family', '')) : '';
?>

<style>

    /* Default Background Color  */
    .ultimate-hotel-booking-theme-bg,
    .ultimate-hotel-booking-footer-social-link ul li a,
    .single-form-inner .ultimate-hotel-booking-form-title,
    .tf-sidebar .wp-block-search__button,
    .ultimate-hotel-booking-pagination .page-numbers.current, 
    .ultimate-hotel-booking-fields-subscriptions .wpcf7-submit,
    .ultimate-hotel-booking-sidebar .wp-block-search__button,
    .wpcf7-form .wpcf7-submit {
        background: <?php echo !empty($primary_color) ? esc_attr( $primary_color ): '#F15D30'; ?> !important;
    }

    /* Default Font Color  */
    .ultimate-hotel-booking-footer-contact ul li i,
    .ultimate-hotel-booking-search-box .ultimate-hotel-booking-tour-serach-fields-wrap .tf_input-inner *,
    .ultimate-hotel-booking-tour-serach-fields-wrap .tf_input-inner,
    .ultimate-hotel-booking-hero-slider-selector .slider__counter,
    .ultimate-hotel-booking-meta-info i,
    .ultimate-hotel-booking-single-tour-info .important-single-info i,
    article i,
    .ultimate-hotel-booking-pagination .nav-links>a ,
    .tft-site-navigation ul li a:hover,
    .ultimate-hotel-booking-header-search a:hover,
    .widget_nav_menu ul li a:hover,
    .ultimate-hotel-booking-destination-wrapper .ultimate-hotel-booking-destination-details ul li a:hover{
        color: <?php echo !empty($primary_color) ? esc_attr( $primary_color ) : '#F15D30';
        ?> !important;
    }

    .navbar-shrink {
        background-color: <?php echo !empty($stiky_bg_color) ? esc_attr( $stiky_bg_color ) : '#ffff'; ?>;
        backdrop-filter: blur(<?php echo !empty($stiky_bg_blur.'px') ? esc_attr( $stiky_bg_blur ).'px' : '24px'; ?>);
    }

    .navbar-shrink .tft-site-navigation ul li a, .navbar-shrink a i {
        color: <?php echo !empty($stiky_menu_color) ? esc_attr( $stiky_menu_color ) : '#000'; ?>;
    }

    .ultimate-hotel-booking-site-footer,
    .tft-design-2 .tft-footer-sections {
        background-color: <?php echo !empty($footer_bg) ? esc_attr( $footer_bg ) : '#f7f5f5'; ?>;
    }
    .ultimate-hotel-booking-site-footer,
    .tft-design-2 .tft-footer-sections,
    .ultimate-hotel-booking-site-footer p,
    .tft-design-2 .tft-footer-sections p,
    .tft-design-2 .tft-footer-sections .tft-grid h2,
    .tft-design-2 .tft-footer-sections .tft-grid ul li,
    .tft-design-2 .tft-footer-sections .tft-grid ul li a,
    .tft-design-2 .tft-footer-sections .tft-grid table caption,
    .tft-design-2 .tft-footer-sections .tft-grid table tr th,
    .tft-design-2 .tft-footer-sections .tft-grid table tr td,
    .ultimate-hotel-booking-site-footer h2,
    .ultimate-hotel-booking-site-footer ul li,
    .ultimate-hotel-booking-site-footer ul li a,
    .ultimate-hotel-booking-site-footer table caption,
    .ultimate-hotel-booking-site-footer table tr th,
    .ultimate-hotel-booking-site-footer table tr td{
        color: <?php echo !empty($footer_text_color) ? esc_attr( $footer_text_color. ' !important' ) : '#222'; ?>;
    }
    .tft-design-2 .tft-footer-sections .tft-grid table,
    .tft-design-2 .tft-footer-sections .tft-grid table tr th,
    .tft-design-2 .tft-footer-sections .tft-grid table tr td,
    .ultimate-hotel-booking-site-footer table,
    .ultimate-hotel-booking-site-footer table tr th,
    .ultimate-hotel-booking-site-footer table tr td{
        border-color: <?php echo !empty($footer_text_color) ? esc_attr( $footer_text_color. ' !important' ) : ''; ?>;
    }
    .ultimate-hotel-booking-full-width {
        width: 100% !important;
    }
    #ultimate-hotel-booking-site-main-body{
        <?php if(!empty($ultimate_hotel_booking_body_font_family)){  ?>
		font-family: "<?php echo $ultimate_hotel_booking_body_font_family; ?>", sans-serif !important;
        <?php } ?>
    }
    #ultimate-hotel-booking-site-main-body h1,
    #ultimate-hotel-booking-site-main-body h2,
    #ultimate-hotel-booking-site-main-body h3,
    #ultimate-hotel-booking-site-main-body h4,
    #ultimate-hotel-booking-site-main-body h5,
    #ultimate-hotel-booking-site-main-body h6,
    .tft-design-2 .tft-menus-section .tft-flex .ultimate-hotel-booking-logo a{
        <?php if(!empty($ultimate_hotel_booking_heading_font_family)){  ?>
		font-family: "<?php echo $ultimate_hotel_booking_heading_font_family; ?>", sans-serif !important;
        <?php } ?>
    }
</style>

<?php
}
add_action('wp_head', 'ultimate_hotel_booking_customizer_style');
