<!DOCTYPE html>
<html lang="<?php echo get_locale(); ?>" dir="<?php echo is_rtl() ? 'rtl':'ltr'; ?>">
<head>
    <?php
    $mainColor = get_option(TEXT_DOMAIN . '_color1');
    $customCss = get_option(TEXT_DOMAIN . '_custom_css');
    ?>

    <meta charset="<?php bloginfo('charset'); ?>">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

    <?php if($mainColor):?>
        <meta name="theme-color" content="<?php echo $mainColor;?>"/>
    <?php endif;?>

    <?php $favicon = get_option(TEXT_DOMAIN . '_favicon');
    if ($favicon) { ?>
        <link rel="icon" type="image/x-icon" href="<?php echo $favicon; ?>">
    <?php } ?>

    <!-- CSS -->
    <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/css/bootstrap.rtl.min.css">
    <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/css/swiper-bundle.min.css">
    <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/css/otp-style.css">
    <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/css/main.css">


    <style>
        /* theme font */
        <?php getThemeColorsCss();?>
        
        /* theme font */
        <?php getThemeFontCss();?>

        /* theme custom css */
        <?php echo $customCss; ?>
    </style>

    <?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<?php wp_body_open(); ?>


<?php
// Elementor `Header` location
if ((!function_exists( 'elementor_theme_do_location' ) || !elementor_theme_do_location( 'header' ))){
    include(TEMPLATEPATH."/inc/theme_parts/default-header.php");
}
?>

