<?php
/**
 * Custom header implementation
 *
 * @link https://codex.wordpress.org/Custom_Headers
 *
 * @package Web Graphic Designer
 * @subpackage web_graphic_designer
 */

function web_graphic_designer_custom_header_setup() {
    register_default_headers( array(
        'default-image' => array(
            'url'           => get_template_directory_uri() . '/assets/images/sliderimage.png',
            'thumbnail_url' => get_template_directory_uri() . '/assets/images/sliderimage.png',
            'description'   => __( 'Default Header Image', 'web-graphic-designer' ),
        ),
    ) );
}
add_action( 'after_setup_theme', 'web_graphic_designer_custom_header_setup' );

/**
 * Styles the header image based on Customizer settings.
 */
function web_graphic_designer_header_style() {
    $web_graphic_designer_header_image = get_header_image() ? get_header_image() : get_template_directory_uri() . '/assets/images/sliderimage.png';

    $web_graphic_designer_height     = get_theme_mod( 'web_graphic_designer_header_image_height', 350 );
    $web_graphic_designer_position   = get_theme_mod( 'web_graphic_designer_header_background_position', 'center' );
    $web_graphic_designer_attachment = get_theme_mod( 'web_graphic_designer_header_background_attachment', 1 ) ? 'fixed' : 'scroll';

    $web_graphic_designer_custom_css = "
        .header-img, .single-page-img, .external-div .box-image-page img, .external-div {
            background-image: url('" . esc_url( $web_graphic_designer_header_image ) . "');
            background-size: cover;
            height: " . esc_attr( $web_graphic_designer_height ) . "px;
            background-position: " . esc_attr( $web_graphic_designer_position ) . ";
            background-attachment: " . esc_attr( $web_graphic_designer_attachment ) . ";
        }

        @media (max-width: 1000px) {
            .header-img, .single-page-img, .external-div .box-image-page img,.external-div,.featured-image{
                height: 250px !important;
            }
            .box-text h2{
                font-size: 27px;
            }
        }
    ";

    wp_add_inline_style( 'web-graphic-designer-style', $web_graphic_designer_custom_css );
}
add_action( 'wp_enqueue_scripts', 'web_graphic_designer_header_style' );

/**
 * Enqueue the main theme stylesheet.
 */
function web_graphic_designer_enqueue_styles() {
    wp_enqueue_style( 'web-graphic-designer-style', get_stylesheet_uri() );
}
add_action( 'wp_enqueue_scripts', 'web_graphic_designer_enqueue_styles' );