<?php
Kirki::add_section( 'book_blogger_theme_header_settings', array(
    'title'          => esc_html__( 'Header Settings', 'book-blogger' ),
    'panel'          => 'book_blogger_global_panel',
) );

Kirki::add_field( 'book_blogger_theme_header_settings', [
    'type'        => 'toggle',
    'settings'    => 'show_header_search_form',
    'label'       => esc_html__( 'Show Search Box', 'book-blogger' ),
    'section'     => 'book_blogger_theme_header_settings',
    'default'     => '1',
] );


Kirki::add_field( 'book_blogger_config', [
    'type'        => 'background',
    'settings'    => 'banner_bg_settings',
    'label'       => esc_html__( 'Banner Background', 'book-blogger' ),
    'section'     => 'book_blogger_theme_header_settings',
    'default'     => [
        'background-color'      => '#b1c0c8',
        'background-image'      => '',
        'background-repeat'     => 'repeat',
        'background-position'   => 'center center',
        'background-size'       => 'cover',
        'background-attachment' => 'scroll',
    ],
    'transport'   => 'auto',
    'output'      => [
        [
            'element' => 'section.banner-section',
        ],
    ],
] );

Kirki::add_field( 'book_blogger_config', [
    'type'        => 'color',
    'settings'    => 'banner_bg_overlay_settings',
    'label'       => esc_html__( 'Banner Overlay Color', 'book-blogger' ),
    'section'     => 'book_blogger_theme_header_settings',
    'choices'     => [
        'alpha'    => true,
    ],
    'transport' => 'auto',
    'output'      => [
        [
            'element' => 'section.banner-section:before',
            'property' => 'background-color',
        ],
    ],
] );

Kirki::add_field( 'book_blogger_config', [
    'type'        => 'typography',
    'settings'    => 'site_title_typography',
    'label'       => esc_html__( 'Title Typography', 'book-blogger' ),
    'section'     => 'book_blogger_theme_header_settings',
    'transport'   => 'auto',
    'default'     => [
        'font-family'    => 'Oswald',
        'variant'        => 'bold',
        'font-size'      => '110px',
        'line-height'    => '100px',
        'letter-spacing' => '0px',
        'text-transform' => 'none',
        'text-align'     => 'center',
    ],
    'output'      => [
        [
            'element' => 'h1.banner-title.site-title',
        ],
    ],
] );

Kirki::add_field( 'book_blogger_config', [
    'type'        => 'color',
    'settings'    => 'site_title_color',
    'label'       => __( 'Color', 'book-blogger' ),
    'section'     => 'book_blogger_theme_header_settings',
    'default'     => '#ffffff',
    'transport'   => 'auto',
    'output' => array(
        array(
            'element'  => '.banner-title.site-title a',
            'property' => 'color',
        ),
    ),
] );

Kirki::add_field( 'book_blogger_config', [
    'type'        => 'typography',
    'settings'    => 'site_description_typography',
    'label'       => esc_html__( 'Description Typography', 'book-blogger' ),
    'section'     => 'book_blogger_theme_header_settings',
    'default'     => [
        'font-family'    => 'Roboto',
        'variant'        => '400',
        'font-size'      => '35px',
        'line-height'    => 'normal',
        'letter-spacing' => '0px',
        'color'          => '#ffffff',
        'text-transform' => 'none',
        'text-align'     => 'center',
    ],
    'transport'   => 'auto',
    'output'      => [
        [
            'element' => '.banner-description',
        ],
    ],
] );

Kirki::add_field( 'book_blogger_config', [
    'type'        => 'color',
    'settings'    => 'header_bgc_color',
    'label'       => __( 'Menu Background Color', 'book-blogger' ),
    'section'     => 'book_blogger_theme_header_settings',
    'default'     => '#ffffff',
    'transport'   => 'auto',
    'output' => array(
        array(
            'element'  => 'header.site-header.header-one',
            'property' => 'background-color',
        ),
    ),
] );

Kirki::add_field( 'book_blogger_config', [
    'type'        => 'typography',
    'settings'    => 'header_menu_typography',
    'label'       => esc_html__( 'Menu Typography', 'book-blogger' ),
    'section'     => 'book_blogger_theme_header_settings',
    'default'     => [
        'font-family'    => 'Montserrat',
        'variant'        => '500',
        'font-size'      => '11px',
        'line-height'    => '1.81em',
        'letter-spacing' => '.2em',
        'color'          => '#555555',
        'text-transform' => 'uppercase',
    ],
    'transport'   => 'auto',
    'output'      => [
        [
            'element' => '#cssmenu>ul>li>a, #cssmenu ul ul li a',
        ],
    ],
] );