<?php
/**
 * Custom header implementation
 *
 * @link https://codex.wordpress.org/Custom_Headers
 *
 * @package Hair Spa Salon
 * @subpackage hair_spa_salon
 */

function hair_spa_salon_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', 'hair-spa-salon' ),
        ),
    ) );
}
add_action( 'after_setup_theme', 'hair_spa_salon_custom_header_setup' );

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

    $hair_spa_salon_height     = get_theme_mod( 'hair_spa_salon_header_image_height', 350 );
    $hair_spa_salon_position   = get_theme_mod( 'hair_spa_salon_header_background_position', 'center' );
    $hair_spa_salon_attachment = get_theme_mod( 'hair_spa_salon_header_background_attachment', 1 ) ? 'fixed' : 'scroll';

    $hair_spa_salon_custom_css = "
        .header-img, .single-page-img, .external-div .box-image img, .external-div {
            background-image: url('" . esc_url( $hair_spa_salon_header_image ) . "');
            background-size: cover;
            height: " . esc_attr( $hair_spa_salon_height ) . "px;
            background-position: " . esc_attr( $hair_spa_salon_position ) . ";
            background-attachment: " . esc_attr( $hair_spa_salon_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( 'hair-spa-salon-style', $hair_spa_salon_custom_css );
}
add_action( 'wp_enqueue_scripts', 'hair_spa_salon_header_style' );

/**
 * Enqueue the main theme stylesheet.
 */
function hair_spa_salon_enqueue_styles() {
    wp_enqueue_style( 'hair-spa-salon-style', get_stylesheet_uri() );
}
add_action( 'wp_enqueue_scripts', 'hair_spa_salon_enqueue_styles' );