<?php /**
 * Header Main Row Options
 *
 * @package Kadence
 */

namespace Kadence;

use Kadence\Theme_Customizer;
use function Kadence\kadence;

Theme_Customizer::add_settings(
	array(
		'mobile_button_tabs' => array(
			'control_type' =&gt; 'kadence_tab_control',
			'section'      =&gt; 'mobile_button',
			'settings'     =&gt; false,
			'priority'     =&gt; 1,
			'input_attrs'  =&gt; array(
				'general' =&gt; array(
					'label'  =&gt; __( 'General', 'kadence' ),
					'target' =&gt; 'mobile_button',
				),
				'design' =&gt; array(
					'label'  =&gt; __( 'Design', 'kadence' ),
					'target' =&gt; 'mobile_button_design',
				),
				'active' =&gt; 'general',
			),
		),
		'mobile_button_tabs_design' =&gt; array(
			'control_type' =&gt; 'kadence_tab_control',
			'section'      =&gt; 'mobile_button_design',
			'settings'     =&gt; false,
			'priority'     =&gt; 1,
			'input_attrs'  =&gt; array(
				'general' =&gt; array(
					'label'  =&gt; __( 'General', 'kadence' ),
					'target' =&gt; 'mobile_button',
				),
				'design' =&gt; array(
					'label'  =&gt; __( 'Design', 'kadence' ),
					'target' =&gt; 'mobile_button_design',
				),
				'active' =&gt; 'design',
			),
		),
		'mobile_button_style' =&gt; array(
			'control_type' =&gt; 'kadence_radio_icon_control',
			'section'      =&gt; 'mobile_button',
			'priority'     =&gt; 4,
			'default'      =&gt; kadence()-&gt;default( 'mobile_button_style' ),
			'label'        =&gt; esc_html__( 'Button Style', 'kadence' ),
			'live_method'     =&gt; array(
				array(
					'type'     =&gt; 'class',
					'selector' =&gt; '.mobile-header-button-wrap .mobile-header-button',
					'pattern'  =&gt; 'button-style-$',
					'key'      =&gt; '',
				),
			),
			'input_attrs'  =&gt; array(
				'layout' =&gt; array(
					'filled' =&gt; array(
						'name'    =&gt; __( 'Filled', 'kadence' ),
					),
					'outline' =&gt; array(
						'name'    =&gt; __( 'Outline', 'kadence' ),
						'icon'    =&gt; '',
					),
				),
				'responsive' =&gt; false,
			),
		),
		'mobile_button_size' =&gt; array(
			'control_type' =&gt; 'kadence_radio_icon_control',
			'section'      =&gt; 'mobile_button',
			'priority'     =&gt; 4,
			'default'      =&gt; kadence()-&gt;default( 'mobile_button_size' ),
			'label'        =&gt; esc_html__( 'Button Size', 'kadence' ),
			'live_method'     =&gt; array(
				array(
					'type'     =&gt; 'class',
					'selector' =&gt; '.mobile-header-button-wrap .mobile-header-button',
					'pattern'  =&gt; 'button-size-$',
					'key'      =&gt; '',
				),
			),
			'input_attrs'  =&gt; array(
				'layout' =&gt; array(
					'small' =&gt; array(
						'name'    =&gt; __( 'Small', 'kadence' ),
					),
					'medium' =&gt; array(
						'name'    =&gt; __( 'Medium', 'kadence' ),
						'icon'    =&gt; '',
					),
					'large' =&gt; array(
						'name'    =&gt; __( 'Large', 'kadence' ),
						'icon'    =&gt; '',
					),
				),
				'responsive' =&gt; false,
			),
		),
		'mobile_button_label' =&gt; array(
			'control_type' =&gt; 'kadence_text_control',
			'section'      =&gt; 'mobile_button',
			'priority'     =&gt; 4,
			'sanitize'     =&gt; 'sanitize_text_field',
			'label'        =&gt; esc_html__( 'Label', 'kadence' ),
			'default'      =&gt; kadence()-&gt;default( 'mobile_button_label' ),
			'live_method'     =&gt; array(
				array(
					'type'     =&gt; 'html',
					'selector' =&gt; '.mobile-header-button-wrap .mobile-header-button',
					'pattern'  =&gt; '$',
					'key'      =&gt; '',
				),
			),
		),
		'mobile_button_link' =&gt; array(
			'control_type' =&gt; 'kadence_text_control',
			'section'      =&gt; 'mobile_button',
			'sanitize'     =&gt; 'esc_url_raw',
			'label'        =&gt; esc_html__( 'URL', 'kadence' ),
			'priority'     =&gt; 4,
			'default'      =&gt; kadence()-&gt;default( 'mobile_button_link' ),
			'partial'      =&gt; array(
				'selector'            =&gt; '.mobile-header-button-wrap',
				'container_inclusive' =&gt; true,
				'render_callback'     =&gt; 'Kadence\mobile_button',
			),
		),
		'mobile_button_target' =&gt; array(
			'control_type' =&gt; 'kadence_switch_control',
			'sanitize'     =&gt; 'kadence_sanitize_toggle',
			'section'      =&gt; 'mobile_button',
			'priority'     =&gt; 6,
			'default'      =&gt; kadence()-&gt;default( 'mobile_button_target' ),
			'label'        =&gt; esc_html__( 'Open in New Tab?', 'kadence' ),
		),
		'mobile_button_nofollow' =&gt; array(
			'control_type' =&gt; 'kadence_switch_control',
			'sanitize'     =&gt; 'kadence_sanitize_toggle',
			'section'      =&gt; 'mobile_button',
			'priority'     =&gt; 6,
			'default'      =&gt; kadence()-&gt;default( 'mobile_button_nofollow' ),
			'label'        =&gt; esc_html__( 'Set link to nofollow?', 'kadence' ),
		),
		'mobile_button_sponsored' =&gt; array(
			'control_type' =&gt; 'kadence_switch_control',
			'sanitize'     =&gt; 'kadence_sanitize_toggle',
			'section'      =&gt; 'mobile_button',
			'priority'     =&gt; 6,
			'default'      =&gt; kadence()-&gt;default( 'mobile_button_sponsored' ),
			'label'        =&gt; esc_html__( 'Set link attribute Sponsored?', 'kadence' ),
		),
		'mobile_button_visibility' =&gt; array(
			'control_type' =&gt; 'kadence_radio_icon_control',
			'section'      =&gt; 'mobile_button',
			'priority'     =&gt; 4,
			'default'      =&gt; kadence()-&gt;default( 'mobile_button_visibility' ),
			'label'        =&gt; esc_html__( 'Button Visibility', 'kadence' ),
			'partial'      =&gt; array(
				'selector'            =&gt; '.mobile-header-button-wrap',
				'container_inclusive' =&gt; true,
				'render_callback'     =&gt; 'Kadence\mobile_button',
			),
			'input_attrs'  =&gt; array(
				'layout' =&gt; array(
					'all' =&gt; array(
						'name'    =&gt; __( 'Everyone', 'kadence' ),
					),
					'loggedout' =&gt; array(
						'name'    =&gt; __( 'Logged Out Only', 'kadence' ),
					),
					'loggedin' =&gt; array(
						'name'    =&gt; __( 'Logged In Only', 'kadence' ),
					),
				),
				'responsive' =&gt; false,
			),
		),
		'mobile_button_color' =&gt; array(
			'control_type' =&gt; 'kadence_color_control',
			'section'      =&gt; 'mobile_button_design',
			'label'        =&gt; esc_html__( 'Text Colors', 'kadence' ),
			'default'      =&gt; kadence()-&gt;default( 'mobile_button_color' ),
			'live_method'     =&gt; array(
				array(
					'type'     =&gt; 'css',
					'selector' =&gt; '.mobile-header-button-wrap .mobile-header-button-inner-wrap .mobile-header-button',
					'property' =&gt; 'color',
					'pattern'  =&gt; '$',
					'key'      =&gt; 'color',
				),
				array(
					'type'     =&gt; 'css',
					'selector' =&gt; '.mobile-header-button-wrap .mobile-header-button-inner-wrap .mobile-header-button:hover',
					'property' =&gt; 'color',
					'pattern'  =&gt; '$',
					'key'      =&gt; 'hover',
				),
			),
			'input_attrs'  =&gt; array(
				'colors' =&gt; array(
					'color' =&gt; array(
						'tooltip' =&gt; __( 'Initial Color', 'kadence' ),
						'palette' =&gt; true,
					),
					'hover' =&gt; array(
						'tooltip' =&gt; __( 'Hover Color', 'kadence' ),
						'palette' =&gt; true,
					),
				),
			),
		),
		'mobile_button_background' =&gt; array(
			'control_type' =&gt; 'kadence_color_control',
			'section'      =&gt; 'mobile_button_design',
			'label'        =&gt; esc_html__( 'Background Colors', 'kadence' ),
			'default'      =&gt; kadence()-&gt;default( 'mobile_button_background' ),
			'live_method'     =&gt; array(
				array(
					'type'     =&gt; 'css',
					'selector' =&gt; '.mobile-header-button-wrap .mobile-header-button-inner-wrap .mobile-header-button',
					'property' =&gt; 'background',
					'pattern'  =&gt; '$',
					'key'      =&gt; 'color',
				),
				array(
					'type'     =&gt; 'css',
					'selector' =&gt; '.mobile-header-button-wrap .mobile-header-button-inner-wrap .mobile-header-button:hover',
					'property' =&gt; 'background',
					'pattern'  =&gt; '$',
					'key'      =&gt; 'hover',
				),
			),
			'context'      =&gt; array(
				array(
					'setting'    =&gt; 'mobile_button_style',
					'operator'   =&gt; '=',
					'value'      =&gt; 'filled',
				),
			),
			'input_attrs'  =&gt; array(
				'colors' =&gt; array(
					'color' =&gt; array(
						'tooltip' =&gt; __( 'Initial Color', 'kadence' ),
						'palette' =&gt; true,
					),
					'hover' =&gt; array(
						'tooltip' =&gt; __( 'Hover Color', 'kadence' ),
						'palette' =&gt; true,
					),
				),
			),
		),
		'mobile_button_border_colors' =&gt; array(
			'control_type' =&gt; 'kadence_color_control',
			'section'      =&gt; 'mobile_button_design',
			'label'        =&gt; esc_html__( 'Border Colors', 'kadence' ),
			'default'      =&gt; kadence()-&gt;default( 'mobile_button_border' ),
			'live_method'     =&gt; array(
				array(
					'type'     =&gt; 'css',
					'selector' =&gt; '.mobile-header-button-wrap .mobile-header-button-inner-wrap .mobile-header-button',
					'property' =&gt; 'border-color',
					'pattern'  =&gt; '$',
					'key'      =&gt; 'color',
				),
				array(
					'type'     =&gt; 'css',
					'selector' =&gt; '.mobile-header-button-wrap .mobile-header-button-inner-wrap .mobile-header-button:hover',
					'property' =&gt; 'border-color',
					'pattern'  =&gt; '$',
					'key'      =&gt; 'hover',
				),
			),
			'input_attrs'  =&gt; array(
				'colors' =&gt; array(
					'color' =&gt; array(
						'tooltip' =&gt; __( 'Initial Color', 'kadence' ),
						'palette' =&gt; true,
					),
					'hover' =&gt; array(
						'tooltip' =&gt; __( 'Hover Color', 'kadence' ),
						'palette' =&gt; true,
					),
				),
			),
		),
		'mobile_button_border' =&gt; array(
			'control_type' =&gt; 'kadence_border_control',
			'section'      =&gt; 'mobile_button_design',
			'label'        =&gt; esc_html__( 'Border', 'kadence' ),
			'default'      =&gt; kadence()-&gt;default( 'mobile_button_border' ),
			'live_method'     =&gt; array(
				array(
					'type'     =&gt; 'css_border',
					'selector' =&gt; '.mobile-header-button-wrap .mobile-header-button-inner-wrap .mobile-header-button',
					'property' =&gt; 'border',
					'pattern'  =&gt; '$',
					'key'      =&gt; 'border',
				),
			),
			'input_attrs'  =&gt; array(
				'responsive' =&gt; false,
				'color'      =&gt; false,
			),
		),
		'mobile_button_radius' =&gt; array(
			'control_type' =&gt; 'kadence_measure_control',
			'section'      =&gt; 'mobile_button_design',
			'priority'     =&gt; 10,
			'default'      =&gt; kadence()-&gt;default( 'mobile_button_radius' ),
			'label'        =&gt; esc_html__( 'Border Radius', 'kadence' ),
			'live_method'     =&gt; array(
				array(
					'type'     =&gt; 'css',
					'selector' =&gt; '.mobile-header-button-wrap .mobile-header-button-inner-wrap .mobile-header-button',
					'property' =&gt; 'border-radius',
					'pattern'  =&gt; '$',
					'key'      =&gt; 'measure',
				),
			),
			'input_attrs'  =&gt; array(
				'responsive' =&gt; false,
			),
		),
		'mobile_button_typography' =&gt; array(
			'control_type' =&gt; 'kadence_typography_control',
			'section'      =&gt; 'mobile_button_design',
			'label'        =&gt; esc_html__( 'Font', 'kadence' ),
			'default'      =&gt; kadence()-&gt;default( 'mobile_button_typography' ),
			'live_method'     =&gt; array(
				array(
					'type'     =&gt; 'css_typography',
					'selector' =&gt; '.mobile-header-button-wrap .mobile-header-button-inner-wrap .mobile-header-button',
					'pattern'  =&gt; array(
						'desktop' =&gt; '$',
						'tablet'  =&gt; '$',
						'mobile'  =&gt; '$',
					),
					'property' =&gt; 'font',
					'key'      =&gt; 'typography',
				),
			),
			'input_attrs'  =&gt; array(
				'id' =&gt; 'mobile_button_typography',
				'options' =&gt; 'no-color',
			),
		),
		'mobile_button_shadow' =&gt; array(
			'control_type' =&gt; 'kadence_shadow_control',
			'section'      =&gt; 'mobile_button_design',
			'label'        =&gt; esc_html__( 'Button Shadow', 'kadence' ),
			'live_method'     =&gt; array(
				array(
					'type'     =&gt; 'css_boxshadow',
					'selector' =&gt; '.mobile-header-button-wrap .mobile-header-button-inner-wrap .mobile-header-button',
					'property' =&gt; 'box-shadow',
					'pattern'  =&gt; '$',
					'key'      =&gt; '',
				),
			),
			'default'      =&gt; kadence()-&gt;default( 'mobile_button_shadow' ),
		),
		'mobile_button_shadow_hover' =&gt; array(
			'control_type' =&gt; 'kadence_shadow_control',
			'section'      =&gt; 'mobile_button_design',
			'label'        =&gt; esc_html__( 'Button Hover State Shadow', 'kadence' ),
			'live_method'     =&gt; array(
				array(
					'type'     =&gt; 'css_boxshadow',
					'selector' =&gt; '.mobile-header-button-wrap .mobile-header-button-inner-wrap .mobile-header-button',
					'property' =&gt; 'box-shadow',
					'pattern'  =&gt; '$',
					'key'      =&gt; '',
				),
			),
			'default'      =&gt; kadence()-&gt;default( 'mobile_button_shadow_hover' ),
		),
		'mobile_button_margin' =&gt; array(
			'control_type' =&gt; 'kadence_measure_control',
			'section'      =&gt; 'mobile_button_design',
			'priority'     =&gt; 10,
			'default'      =&gt; kadence()-&gt;default( 'mobile_button_margin' ),
			'label'        =&gt; esc_html__( 'Margin', 'kadence' ),
			'live_method'     =&gt; array(
				array(
					'type'     =&gt; 'css',
					'selector' =&gt; '.mobile-header-button-wrap .mobile-header-button',
					'property' =&gt; 'margin',
					'pattern'  =&gt; '$',
					'key'      =&gt; 'measure',
				),
			),
			'input_attrs'  =&gt; array(
				'responsive' =&gt; false,
			),
		),
	)
);