<?php
/**
 * Custom header implementation
 *
 * @link https://codex.wordpress.org/Custom_Headers
 *
 * @package Interior Design Studio
 * @subpackage interior_design_studio
 */

function interior_design_studio_custom_header_setup() {
    register_default_headers( array(
        'default-image' => array(
            'url'           => get_template_directory_uri() . '/assets/images/header_img.png',
            'thumbnail_url' => get_template_directory_uri() . '/assets/images/header_img.png',
            'description'   => __( 'Default Header Image', 'interior-design-studio' ),
        ),
    ) );
}
add_action( 'after_setup_theme', 'interior_design_studio_custom_header_setup' );

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

    $interior_design_studio_height     = get_theme_mod( 'interior_design_studio_header_image_height', 350 );
    $interior_design_studio_position   = get_theme_mod( 'interior_design_studio_header_background_position', 'center' );
    $interior_design_studio_attachment = get_theme_mod( 'interior_design_studio_header_background_attachment', 1 ) ? 'fixed' : 'scroll';

    $interior_design_studio_custom_css = "
        .header-img, .single-page-img, .external-div .box-image-page img, .external-div {
            background-image: url('" . esc_url( $interior_design_studio_header_image ) . "');
            background-size: cover;
            height: " . esc_attr( $interior_design_studio_height ) . "px;
            background-position: " . esc_attr( $interior_design_studio_position ) . ";
            background-attachment: " . esc_attr( $interior_design_studio_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( 'interior-design-studio-style', $interior_design_studio_custom_css );
}
add_action( 'wp_enqueue_scripts', 'interior_design_studio_header_style' );

/**
 * Enqueue the main theme stylesheet.
 */
function interior_design_studio_enqueue_styles() {
    wp_enqueue_style( 'interior-design-studio-style', get_stylesheet_uri() );
}
add_action( 'wp_enqueue_scripts', 'interior_design_studio_enqueue_styles' );