<?php

/**
 * Sample implementation of the Custom Header feature
 *
 * You can add an optional custom header image to header.php like so ...
 *
 * <?php the_header_image_tag(); ?>
 *
 * @link https://developer.wordpress.org/themes/functionality/custom-headers/
 *
 * @package MoreNews
 */

/**
 * Set up the WordPress core custom header feature.
 *
 * @uses morenews_header_style()
 */
function morenews_custom_header_setup()
{
  add_theme_support('custom-header', apply_filters('morenews_custom_header_args', array(
    'default-image' => '',
    'default-text-color' => '1f1f1f',
    'width' => 1500,
    'height' => 400,
    'flex-height' => true,
    'wp-head-callback' => 'morenews_header_style',
  )));
}

add_action('after_setup_theme', 'morenews_custom_header_setup');

if (!function_exists('morenews_header_style')) :
  /**
   * Styles the header image and text displayed on the blog.
   *
   * @see morenews_custom_header_setup().
   */
  function morenews_header_style()
  {
    $morenews_header_image_tint_overlay = morenews_get_option('disable_header_image_tint_overlay');
    $morenews_site_title_font_size = morenews_get_option('site_title_font_size');
    $morenews_header_text_color = get_header_textcolor();



    // If we get this far, we have custom styles. Let's do this.
?>
    <style type="text/css">
      <?php

      if ($morenews_header_image_tint_overlay):
      ?>body .af-header-image.data-bg:before {
        opacity: 0;
      }

      <?php
      endif;
      // Has the text been hidden?
      if (! display_header_text()) :
      ?>.site-title,
      .site-description {
        position: absolute;
        clip: rect(1px, 1px, 1px, 1px);
        display: none;
      }

      <?php
      // If the user has set a custom color for the text use that.
      else :
      ?>
      .site-title a,
      .site-header .site-branding .site-title a:visited,
      .site-header .site-branding .site-title a:hover,
      .site-description {
        color: #<?php echo esc_attr($morenews_header_text_color); ?>
      }

      body.aft-dark-mode .site-title a,
      body.aft-dark-mode .site-header .site-branding .site-title a:visited,
      body.aft-dark-mode .site-header .site-branding .site-title a:hover,
      body.aft-dark-mode .site-description {
        color: #ffffff;
      }

      .header-layout-3 .site-header .site-branding .site-title,
      .site-branding .site-title {
        font-size: <?php echo esc_attr($morenews_site_title_font_size); ?>px;
      }

      @media only screen and (max-width: 640px) {
        .site-branding .site-title {
          font-size: 2.75rem;

        }
      }

      /* @media only screen and (max-width: 375px) {
                    .site-branding .site-title {
                        font-size: 32px;

                    }
                } */

      <?php endif; ?>
    </style>
<?php
  }
endif;
