<?php

//////////////===================HEADER
// Add Section HEADER.
Kirki::add_section( 'chained_header', array(
    'panel'    => 'chained_theme_settings',
    'title'    => __( 'Header', 'chained' ),
    'priority' => 30,
) );
Kirki::add_field( 'theme_settings', [
    'type'     => 'custom',
    'settings' => 'custom_title_header_section_free',
    'section'  => 'chained_header',
    'default'  => '<div style="padding: 12px;background-color: #f04e39; color: #fff;">' . esc_html__( 'Settings for Header. In the PRO version of Chained you can customize: Header Total Width, Header Spacing (desktop and mobile), Header Background Color or Image, Choose bewteen different 3 Header Syles, Logo Size, Site Title & Description Typography, Navigation Typography, Social Icons (Size, color, etc), Disable Sticky Header, Hide Offcanvas Menu Opener For Desktop, Hide Search in Social Menu. ', 'chained' ) . '</div>',
    'priority' => 10,
] );
Kirki::add_field( 'theme_settings', [
    'type'     => 'radio',
    'settings' => 'chained_select_header_style',
    'label'    => esc_html__( 'Header Style', 'chained' ),
    'section'  => 'chained_header',
    'default'  => 'style-1',
    'priority' => 10,
    'choices'  => [
    'style-1' => esc_html__( 'Header Style 1', 'chained' ),
],
] );
// Logo max height
Kirki::add_field( 'theme_settings', [
    'type'        => 'slider',
    'settings'    => 'chained_logo_height',
    'label'       => esc_html__( 'Logo Height', 'chained' ),
    'description' => esc_html__( 'Adjust the logo height. Keep in mind that adjusting the height, the width will also be adjusted. Default:37px ', 'chained' ),
    'section'     => 'chained_header',
    'default'     => 37,
    'choices'     => [
    'min'  => 30,
    'max'  => 200,
    'step' => 1,
],
    'output'      => array( array(
    'element'  => '.site-header .site-branding .custom-logo-link .custom-logo',
    'property' => 'max-height',
    'units'    => 'px',
) ),
] );