<?php
/**
 * Header options
 *
 * @copyright 2019-present Creative Themes
 * @license   http://www.gnu.org/copyleft/gpl.html GNU General Public License
 * @package   Blocksy
 */

$options = [

	'header_section_options' => [
		'type' => 'ct-options',
		'setting' => [ 'transport' => 'postMessage' ],
		'inner-options' => [

			'has_top_bar' => [
				'label' => __( 'Top Bar', 'blocksy' ),
				'type' => 'ct-panel',
				'switch' => true,
				'value' => 'yes',
				'wrapperAttr' => [ 'data-label' => 'heading-label' ],
				'setting' => [ 'transport' => 'postMessage' ],
				'inner-options' => [

					blocksy_rand_md5() => [
						'title' => __( 'General', 'blocksy' ),
						'type' => 'tab',
						'options' => [

							blocksy_get_options('general/header-top-bar-area', [
								'number' => '1',
								'default_section' => 'header_menu',
							]),

							[
								blocksy_rand_md5() => [
									'type' => 'ct-divider',
									'attr' => [ 'data-type' => 'small' ],
								],
							],

							blocksy_get_options('general/header-top-bar-area', [
								'number' => '2',
								'default_section' => 'disabled',
							]),

							[
								blocksy_rand_md5() => [
									'type' => 'ct-divider',
									'attr' => [ 'data-type' => 'small' ],
								],

								'top_bar_container' => [
									'label' => __( 'Container Width', 'blocksy' ),
									'type' => 'ct-radio',
									'value' => 'fixed',
									'view' => 'text',
									'design' => 'block',
									'setting' => [ 'transport' => 'postMessage' ],
									'choices' => [
										'fixed' => __( 'Fixed', 'blocksy' ),
										'fluid' => __( 'Fluid', 'blocksy' ),
									],
								],

								'top_bar_stacking' => [
									'label' => __( 'Stack Sections on', 'blocksy' ),
									'type' => 'ct-visibility',
									'design' => 'block',
									'setting' => [ 'transport' => 'postMessage' ],
									'allow_empty' => true,
									'value' => [
										'tablet' => false,
										'mobile' => true,
									],

									'choices' => blocksy_ordered_keys([
										'tablet' => __( 'Tablet', 'blocksy' ),
										'mobile' => __( 'Mobile', 'blocksy' ),
									]),
								],

								'top_bar_visibility' => [
									'label' => __( 'Visibility', 'blocksy' ),
									'type' => 'ct-visibility',
									'design' => 'block',
									'setting' => [ 'transport' => 'postMessage' ],
									'value' => [
										'desktop' => true,
										'tablet' => true,
										'mobile' => false,
									],

									'choices' => blocksy_ordered_keys([
										'desktop' => __( 'Desktop', 'blocksy' ),
										'tablet' => __( 'Tablet', 'blocksy' ),
										'mobile' => __( 'Mobile', 'blocksy' ),
									]),
								],
							],
						],
					],

					blocksy_rand_md5() => [
						'title' => __( 'Design', 'blocksy' ),
						'type' => 'tab',
						'options' => [

							'topBarFontColor' => [
								'label' => __( 'Font Color', 'blocksy' ),
								'type'  => 'ct-color-picker',
								'design' => 'inline',
								'setting' => [ 'transport' => 'postMessage' ],
								'value' => [
									'default' => [
										'color' => 'rgba(255, 255, 255, 0.8)',
									],
								],

								'pickers' => [
									[
										'title' => __( 'Initial', 'blocksy' ),
										'id' => 'default',
									],
								],
							],

							'topBarLinkColor' => [
								'label' => __( 'Link Color', 'blocksy' ),
								'type'  => 'ct-color-picker',
								'design' => 'inline',
								'setting' => [ 'transport' => 'postMessage' ],
								'value' => [
									'default' => [
										'color' => 'rgba(255, 255, 255, 0.8)',
									],

									'hover' => [
										'color' => 'var(--paletteColor1)',
									],
								],

								'pickers' => [
									[
										'title' => __( 'Initial', 'blocksy' ),
										'id' => 'default',
									],

									[
										'title' => __( 'Hover', 'blocksy' ),
										'id' => 'hover',
									],
								],
							],

							'topBarBackground' => [
								'label' => __( 'Background Color', 'blocksy' ),
								'type'  => 'ct-color-picker',
								'design' => 'inline',
								'setting' => [ 'transport' => 'postMessage' ],
								'value' => [
									'default' => [
										'color' => '#29333d',
									],
								],

								'pickers' => [
									[
										'title' => __( 'Initial', 'blocksy' ),
										'id' => 'default',
									],
								],
							],

							blocksy_rand_md5() => [
								'type' => 'ct-condition',
								'condition' => [
									'any' => [
										'header_top_bar_section_1' => 'header_menu',
										'header_top_bar_section_2' => 'header_menu',
									],
								],
								'options' => [

									'topBarMenuItemsSpacing' => [
										'label' => __( 'Menu Items Spacing', 'blocksy' ),
										'type' => 'ct-slider',
										'min' => 5,
										'max' => 80,
										'responsive' => true,
										'value' => [
											'mobile' => 20,
											'tablet' => 20,
											'desktop' => 20,
										],
										'setting' => [ 'transport' => 'postMessage' ],
									],

								],
							],

							'topBarSpacing' => [
								'label' => __( 'Container Inner Spacing', 'blocksy' ),
								'type' => 'ct-slider',
								'value' => '13px',
								'units' => blocksy_units_config([
									[
										'unit' => 'px',
										'min' => 0,
										'max' => 50,
									],
								]),
								'responsive' => true,
								'setting' => [ 'transport' => 'postMessage' ],
							],

						],
					],

				],
			],

			blocksy_rand_md5() => [
				'type' => 'ct-title',
				'label' => __( 'General Options', 'blocksy' ),
			],

			blocksy_rand_md5() => [
				'title' => __( 'General', 'blocksy' ),
				'type' => 'tab',
				'options' => [

					'header_type' => [
						'label' => false,
						'type' => 'ct-image-picker',
						'value' => 'type-1',
						'attr' => [ 'data-type' => 'background' ],
						'setting' => [ 'transport' => 'postMessage' ],
						'switchDeviceOnChange' => 'desktop',
						'choices' => [

							'type-1' => [
								'src'   => blocksy_image_picker_url( 'header-type-1.svg' ),
								'title' => __( 'Type 1', 'blocksy' ),
							],

							'type-2' => [
								'src'   => blocksy_image_picker_url( 'header-type-2.svg' ),
								'title' => __( 'Type 2', 'blocksy' ),
							],

						],
					],

					blocksy_rand_md5() => [
						'type' => 'ct-condition',
						'condition' => [ 'header_type' => 'type-1' ],
						'options' => [

							'header_container' => [
								'label' => __( 'Container Width', 'blocksy' ),
								'type' => 'ct-radio',
								'value' => 'fixed',
								'view' => 'text',
								'design' => 'block',
								'setting' => [ 'transport' => 'postMessage' ],
								'choices' => [
									'fixed' => __( 'Fixed', 'blocksy' ),
									'fluid' => __( 'Fluid', 'blocksy' ),
								],
							],

						],
					],

				],
			],

			blocksy_rand_md5() => [
				'title' => __( 'Design', 'blocksy' ),
				'type' => 'tab',
				'options' => [

					'headerBackground' => [
						'label' => __( 'Background Color', 'blocksy' ),
						'type'  => 'ct-color-picker',
						'design' => 'inline',
						'setting' => [ 'transport' => 'postMessage' ],
						'value' => [
							'default' => [
								'color' => '#ffffff',
							],
						],

						'pickers' => [
							[
								'title' => __( 'Initial', 'blocksy' ),
								'id' => 'default',
							],
						],
					],

					'headerShadow' => [
						'label' => __( 'Shadow Color', 'blocksy' ),
						'type'  => 'ct-color-picker',
						'design' => 'inline',
						'setting' => [ 'transport' => 'postMessage' ],
						'value' => [
							'default' => [
								'color' => 'rgba(210, 213, 218, 0.15)',
							],
						],

						'pickers' => [
							[
								'title' => __( 'Initial', 'blocksy' ),
								'id' => 'default',
							],
						],
					],

					blocksy_rand_md5() => [
						'type' => 'ct-condition',
						'condition' => [ 'header_type' => 'type-1' ],
						'options' => [

							'headerSpacing' => [
								'label' => __( 'Container Inner Spacing', 'blocksy' ),
								'type' => 'ct-slider',
								'value' => [
									'desktop' => '45px',
									'tablet' => '35px',
									'mobile' => '35px',
								],
								'responsive' => [
									'desktop' => true,
									'tablet' => false,
									'mobile' => false,
								],
								'units' => blocksy_units_config([
									[
										'unit' => 'px',
										'min' => 0,
										'max' => 100,
									],
								]),
								'setting' => [ 'transport' => 'postMessage' ],
							],

						],
					],

				],
			],

			blocksy_rand_md5() => [
				'type' => 'ct-title',
				'label' => __( 'Header Elements', 'blocksy' ),
			],

			// logo
			'header_logo_panel' => [
				'label' => __( 'Logo', 'blocksy' ),
				'type' => 'ct-panel',
				'switch' => false,
				'setting' => [ 'transport' => 'postMessage' ],
				'inner-options' => [

					'header_logo' => [
						'label' => false,
						'type' => 'ct-image-uploader',
						'value' => [
							'attachment_id' => null,
						],
						'logo' => [
							'height'      => 250,
							'width'       => 250,
							'flex-width'  => true,
							'flex-height' => true,
						],
						'attr' => [ 'data-height' => 'small' ],
						'setting' => [ 'transport' => 'postMessage' ],
						'selective_refresh' => [
							'selector' => '.site-branding',
							'render_callback' => 'blocksy_output_site_branding',
						],
					],

					blocksy_rand_md5() => [
						'type' => 'ct-divider',
						'attr' => [ 'data-type' => 'small' ],
					],

					'has_retina_logo' => [
						'label' => __( 'Retina Logo', 'blocksy' ),
						'type' => 'ct-switch',
						'value' => 'no',
						'desc' => __( 'Set up a different logo for retina devices.', 'blocksy' ),
						'setting' => [ 'transport' => 'postMessage' ],
						'selective_refresh' => [
							'selector' => '.site-branding',
							'render_callback' => 'blocksy_output_site_branding',
						],
					],

					blocksy_rand_md5() => [
						'type' => 'ct-condition',
						'condition' => [ 'has_retina_logo' => 'yes' ],
						'options' => [

							'retina_header_logo' => [
								'label' => false,
								'type' => 'ct-image-uploader',
								'value' => [
									'attachment_id' => null,
								],
								'logo' => [
									'height'      => 250,
									'width'       => 250,
									'flex-width'  => true,
									'flex-height' => true,
								],
								'attr' => [ 'data-height' => 'small' ],
								'setting' => [ 'transport' => 'postMessage' ],
								'selective_refresh' => [
									'selector' => '.site-branding',
									'render_callback' => 'blocksy_output_site_branding',
								],
							],

						],
					],

					blocksy_rand_md5() => [
						'type' => 'ct-divider',
						'attr' => [ 'data-type' => 'small' ],
					],

					'has_mobile_logo' => [
						'label' => __( 'Mobile Logo', 'blocksy' ),
						'type' => 'ct-switch',
						'value' => 'no',
						'switchDeviceOnChange' => 'tablet',
						'desc' => __( 'Set up a different logo for mobile devices.', 'blocksy' ),
						'setting' => [ 'transport' => 'postMessage' ],
						'selective_refresh' => [
							'selector' => '.header-mobile .site-branding',
							'render_callback' => 'blocksy_output_site_branding_mobile',
						],
					],

					blocksy_rand_md5() => [
						'type' => 'ct-condition',
						'condition' => [ 'has_mobile_logo' => 'yes' ],
						'options' => [

							'mobile_header_logo' => [
								'label' => false,
								'type' => 'ct-image-uploader',
								'value' => [
									'attachment_id' => null,
								],
								'logo' => [
									'height'      => 250,
									'width'       => 250,
									'flex-width'  => true,
									'flex-height' => true,
								],
								'switchDeviceOnChange' => 'tablet',
								'attr' => [ 'data-height' => 'small' ],
								'setting' => [ 'transport' => 'postMessage' ],
								'selective_refresh' => [
									'selector' => '.header-mobile .site-branding',
									'render_callback' => 'blocksy_output_site_branding_mobile',
								],
							],

						],
					],

					blocksy_rand_md5() => [
						'type' => 'ct-divider',
						'attr' => [ 'data-type' => 'small' ],
					],

					'logoMaxHeight' => [
						'label' => __( 'Maximum Height', 'blocksy' ),
						'type' => 'ct-slider',
						'min' => 0,
						'max' => 300,
						'value' => [
							'mobile' => 50,
							'tablet' => 50,
							'desktop' => 50,
						],
						'responsive' => true,
						'setting' => [ 'transport' => 'postMessage' ],
					],

					blocksy_rand_md5() => [
						'type' => 'ct-condition',
						'condition' => [ 'header_type' => 'type-2' ],
						'options' => [

							blocksy_rand_md5() => [
								'type' => 'ct-divider',
								'attr' => [ 'data-type' => 'small' ],
							],

							'headerLogoSpacing' => [
								'label' => __( 'Container Inner Spacing', 'blocksy' ),
								'type' => 'ct-slider',
								'value' => [
									'desktop' => '35px',
									'tablet' => '35px',
									'mobile' => '35px',
								],
								'responsive' => [
									'desktop' => true,
									'tablet' => false,
									'mobile' => false,
								],
								'units' => blocksy_units_config([
									[
										'unit' => 'px',
										'min' => 0,
										'max' => 100,
									],
								]),
								'setting' => [ 'transport' => 'postMessage' ],
							],

						],
					],
				],
			],

			'main_menu_panel' => [
				'label' => __( 'Menu', 'blocksy' ),
				'type' => 'ct-panel',
				'switch' => false,
				'setting' => [ 'transport' => 'postMessage' ],
				'inner-options' => [

					blocksy_rand_md5() => [
						'title' => __( 'General', 'blocksy' ),
						'type' => 'tab',
						'options' => [

							blocksy_rand_md5() => [
								'type' => 'ct-condition',
								'condition' => [ 'header_type' => 'type-1' ],
								'options' => [

									'menu_alignment' => [
										'type' => 'ct-radio',
										'value' => 'right',
										'setting' => [ 'transport' => 'postMessage' ],
										'view' => 'text',
										'attr' => [ 'data-type' => 'alignment' ],
										'choices' => [
											'left' => '',
											'center' => '',
											'right' => '',
										],
									],

								],
							],

							'headerMenuItemsSpacing' => [
								'label' => __( 'Items Spacing', 'blocksy' ),
								'type' => 'ct-slider',
								'value' => 25,
								'min' => 5,
								'max' => 80,
								'setting' => [ 'transport' => 'postMessage' ],
							],

							'dropdownMenuWidth' => [
								'label' => __( 'Dropdown Box Width', 'blocksy' ),
								'type' => 'ct-slider',
								'value' => 200,
								'min' => 100,
								'max' => 250,
								'setting' => [ 'transport' => 'postMessage' ],
							],

							blocksy_rand_md5() => [
								'type' => 'ct-condition',
								'condition' => [ 'header_type' => 'type-2' ],
								'options' => [

									blocksy_rand_md5() => [
										'type' => 'ct-divider',
										'attr' => [ 'data-type' => 'small' ],
									],

									'navSectionSpacing' => [
										'label' => __( 'Container Inner Spacing', 'blocksy' ),
										'type' => 'ct-slider',
										'value' => '15px',
										'responsive' => [
											'desktop' => true,
											'tablet' => false,
											'mobile' => false,
										],
										'units' => blocksy_units_config([
											[
												'unit' => 'px',
												'min' => 0,
												'max' => 50,
											],
										]),
										'setting' => [ 'transport' => 'postMessage' ],
									],
								],
							],

						],
					],

					blocksy_rand_md5() => [
						'title' => __( 'Design', 'blocksy' ),
						'type' => 'tab',
						'options' => [

							blocksy_rand_md5() => [
								'type' => 'ct-title',
								'label' => __( 'Top Level Styles', 'blocksy' ),
							],

							'menuFontColor' => [
								'label' => __( 'Link Color', 'blocksy' ),
								'type'  => 'ct-color-picker',
								'design' => 'inline',
								'setting' => [ 'transport' => 'postMessage' ],

								'value' => [
									'default' => [
										'color' => 'var(--paletteColor3)',
									],

									'hover' => [
										'color' => 'var(--paletteColor1)',
									],
								],

								'pickers' => [
									[
										'title' => __( 'Initial', 'blocksy' ),
										'id' => 'default',
									],

									[
										'title' => __( 'Hover', 'blocksy' ),
										'id' => 'hover',
									],
								],
							],

							blocksy_rand_md5() => [
								'type' => 'ct-title',
								'label' => __( 'Dropdowns Styles', 'blocksy' ),
								'attr' => [ 'data-type' => 'small' ],
							],

							'dropdownFontColor' => [
								'label' => __( 'Link Color', 'blocksy' ),
								'type'  => 'ct-color-picker',
								'design' => 'inline',
								'setting' => [ 'transport' => 'postMessage' ],

								'value' => [
									'default' => [
										'color' => '#ffffff',
									],

									'hover' => [
										'color' => 'var(--paletteColor1)',
									],
								],

								'pickers' => [
									[
										'title' => __( 'Initial', 'blocksy' ),
										'id' => 'default',
									],

									[
										'title' => __( 'Hover', 'blocksy' ),
										'id' => 'hover',
									],
								],
							],

							'dropDownBackground' => [
								'label' => __( 'Background Color', 'blocksy' ),
								'type'  => 'ct-color-picker',
								'design' => 'inline',
								'setting' => [ 'transport' => 'postMessage' ],

								'value' => [
									'default' => [
										'color' => '#29333C',
									],
								],

								'pickers' => [
									[
										'title' => __( 'Initial', 'blocksy' ),
										'id' => 'default',
									],
								],
							],

							blocksy_rand_md5() => [
								'type' => 'ct-condition',
								'condition' => [ 'header_type' => 'type-2' ],
								'options' => [

									blocksy_rand_md5() => [
										'type' => 'ct-title',
										'label' => __( 'Container Styles', 'blocksy' ),
										'attr' => [ 'data-type' => 'small' ],
									],

									'navSectionBorder' => [
										'label' => __( 'Border Color', 'blocksy' ),
										'type'  => 'ct-color-picker',
										'design' => 'inline',
										'setting' => [ 'transport' => 'postMessage' ],

										'value' => [
											'default' => [
												'color' => '#f4f5f6',
											],
										],

										'pickers' => [
											[
												'title' => __( 'Initial', 'blocksy' ),
												'id' => 'default',
											],
										],
									],

									'navSectionBackground' => [
										'label' => __( 'Background Color', 'blocksy' ),
										'type'  => 'ct-color-picker',
										'design' => 'inline',
										'setting' => [ 'transport' => 'postMessage' ],

										'value' => [
											'default' => [
												'color' => 'rgba(255,255,255, 0)',
											],
										],

										'pickers' => [
											[
												'title' => __( 'Initial', 'blocksy' ),
												'id' => 'default',
											],
										],
									],

								],
							],

						],
					],
				],
			],

			'search_icon_panel' => [
				'label' => __( 'Search', 'blocksy' ),
				'type' => 'ct-panel',
				'switch' => false,
				'value' => 'yes',
				'setting' => [ 'transport' => 'postMessage' ],
				'inner-options' => [

					'searchHeaderIconColor' => [
						'label' => __( 'Icon Color', 'blocksy' ),
						'type'  => 'ct-color-picker',
						'design' => 'inline',
						'setting' => [ 'transport' => 'postMessage' ],

						'value' => [
							'default' => [
								'color' => 'var(--paletteColor3)',
							],

							'hover' => [
								'color' => 'var(--paletteColor1)',
							],
						],

						'pickers' => [
							[
								'title' => __( 'Initial', 'blocksy' ),
								'id' => 'default',
							],

							[
								'title' => __( 'Hover', 'blocksy' ),
								'id' => 'hover',
							],
						],
					],

					blocksy_rand_md5() => [
						'type' => 'ct-title',
						'label' => __( 'Search Results', 'blocksy' ),
						'variation' => 'small',
					],

					'searchHeaderLinkColor' => [
						'label' => __( 'Link Color', 'blocksy' ),
						'type'  => 'ct-color-picker',
						'design' => 'inline',
						'setting' => [ 'transport' => 'postMessage' ],

						'value' => [
							'default' => [
								'color' => 'var(--paletteColor5)',
							],

							'hover' => [
								'color' => 'var(--paletteColor1)',
							],
						],

						'pickers' => [
							[
								'title' => __( 'Initial', 'blocksy' ),
								'id' => 'default',
							],

							[
								'title' => __( 'Hover', 'blocksy' ),
								'id' => 'hover',
							],
						],
					],

					'searchHeaderBackground' => [
						'label' => __( 'Background Color', 'blocksy' ),
						'type'  => 'ct-color-picker',
						'design' => 'inline',
						'setting' => [ 'transport' => 'postMessage' ],

						'value' => [
							'default' => [
								'color' => 'rgba(18, 21, 25, 0.98)',
							],
						],

						'pickers' => [
							[
								'title' => __( 'Initial', 'blocksy' ),
								'id' => 'default',
							],
						],
					],

					blocksy_rand_md5() => [
						'type' => 'ct-divider',
						'attr' => [ 'data-type' => 'small' ],
					],

					'search_enable_live_results' => [
						'label' => __( 'Enable live results', 'blocksy' ),
						'type' => 'ct-switch',
						'value' => 'yes',
					],

					blocksy_rand_md5() => [
						'type' => 'ct-divider',
						'attr' => [ 'data-type' => 'small' ],
					],

					'header_search_visibility' => [
						'label' => __( 'Visibility', 'blocksy' ),
						'type' => 'ct-visibility',
						'design' => 'block',
						'setting' => [ 'transport' => 'postMessage' ],
						'allow_empty' => true,
						'value' => [
							'desktop' => true,
							'tablet' => true,
							'mobile' => false,
						],

						'choices' => blocksy_ordered_keys([
							'desktop' => __( 'Desktop', 'blocksy' ),
							'tablet' => __( 'Tablet', 'blocksy' ),
							'mobile' => __( 'Mobile', 'blocksy' ),
						]),
					],

				],
			],

			'cart_icon_panel' => [
				'label' => __( 'Cart', 'blocksy' ),
				'type' => class_exists( 'WooCommerce' ) ? 'ct-panel' : 'hidden',
				'value' => 'no',
				'setting' => [ 'transport' => 'postMessage' ],
				'inner-options' => [

					blocksy_rand_md5() => [
						'title' => __( 'General', 'blocksy' ),
						'type' => 'tab',
						'options' => [

							'mini_cart_type' => [
								'label' => false,
								'type' => 'ct-image-picker',
								'value' => 'type-1',
								'attr' => [
									'data-type' => 'background',
									'data-columns' => '3',
								],
								'setting' => [ 'transport' => 'postMessage' ],
								'choices' => [

									'type-1' => [
										'src'   => blocksy_image_picker_file( 'cart-1' ),
										'title' => __( 'Type 1', 'blocksy' ),
									],

									'type-2' => [
										'src'   => blocksy_image_picker_file( 'cart-2' ),
										'title' => __( 'Type 2', 'blocksy' ),
									],

									'type-3' => [
										'src'   => blocksy_image_picker_file( 'cart-3' ),
										'title' => __( 'Type 3', 'blocksy' ),
									],
								],
							],

							'has_cart_badge' => [
								'label' => __( 'Cart Badge', 'blocksy' ),
								'type' => 'ct-switch',
								'value' => 'yes',
								'setting' => [ 'transport' => 'postMessage' ],
							],

							'header_cart_visibility' => [
								'label' => __( 'Visibility', 'blocksy' ),
								'type' => 'ct-visibility',
								'design' => 'block',
								'setting' => [ 'transport' => 'postMessage' ],
								'allow_empty' => true,
								'value' => [
									'desktop' => true,
									'tablet' => true,
									'mobile' => false,
								],

								'choices' => blocksy_ordered_keys([
									'desktop' => __( 'Desktop', 'blocksy' ),
									'tablet' => __( 'Tablet', 'blocksy' ),
									'mobile' => __( 'Mobile', 'blocksy' ),
								]),
							],

						],
					],

					blocksy_rand_md5() => [
						'title' => __( 'Design', 'blocksy' ),
						'type' => 'tab',
						'options' => [

							'cartHeaderIconColor' => [
								'label' => __( 'Icon Color', 'blocksy' ),
								'type'  => 'ct-color-picker',
								'design' => 'inline',
								'setting' => [ 'transport' => 'postMessage' ],

								'value' => [
									'default' => [
										'color' => 'var(--paletteColor3)',
									],

									'hover' => [
										'color' => 'var(--paletteColor1)',
									],
								],

								'pickers' => [
									[
										'title' => __( 'Initial', 'blocksy' ),
										'id' => 'default',
									],

									[
										'title' => __( 'Hover', 'blocksy' ),
										'id' => 'hover',
									],
								],
							],

							'cartBadgeColor' => [
								'label' => __( 'Badge Color', 'blocksy' ),
								'type'  => 'ct-color-picker',
								'design' => 'inline',
								'setting' => [ 'transport' => 'postMessage' ],
								'value' => [
									'background' => [
										'color' => 'var(--paletteColor1)',
									],

									'text' => [
										'color' => '#ffffff',
									],
								],

								'pickers' => [
									[
										'title' => __( 'Background', 'blocksy' ),
										'id' => 'background',
									],

									[
										'title' => __( 'Text', 'blocksy' ),
										'id' => 'text',
									],
								],
							],

							blocksy_rand_md5() => [
								'type' => 'ct-title',
								'label' => __( 'Dropdowns Styles', 'blocksy' ),
								'attr' => [ 'data-type' => 'small' ],
							],

							'cartFontColor' => [
								'label' => __( 'Font Color', 'blocksy' ),
								'type'  => 'ct-color-picker',
								'design' => 'inline',
								'setting' => [ 'transport' => 'postMessage' ],
								'value' => [
									'default' => [
										'color' => '#ffffff',
									],

									'hover' => [
										'color' => 'var(--paletteColor1)',
									],
								],

								'pickers' => [
									[
										'title' => __( 'Initial', 'blocksy' ),
										'id' => 'default',
									],

									[
										'title' => __( 'Hover', 'blocksy' ),
										'id' => 'hover',
									],
								],
							],

							'cartDropDownBackground' => [
								'label' => __( 'Background Color', 'blocksy' ),
								'type'  => 'ct-color-picker',
								'design' => 'inline',
								'setting' => [ 'transport' => 'postMessage' ],

								'value' => [
									'default' => [
										'color' => '#29333C',
									],
								],

								'pickers' => [
									[
										'title' => __( 'Initial', 'blocksy' ),
										'id' => 'default',
									],
								],
							],

						],
					],

				],
			],

			blocksy_rand_md5() => [
				'type' => 'ct-title',
				'label' => __( 'Mobile Devices Options', 'blocksy' ),
			],

			blocksy_rand_md5() => [
				'title' => __( 'General', 'blocksy' ),
				'type' => 'tab',
				'options' => [

					'mobile_header_type' => [
						'label' => false,
						'type' => 'ct-image-picker',
						'value' => 'type-1',
						'attr' => [ 'data-type' => 'background' ],
						'setting' => [ 'transport' => 'postMessage' ],
						'switchDeviceOnChange' => 'tablet',
						'choices' => [

							'type-1' => [
								'src'   => blocksy_image_picker_url( 'header-mobile-type-1.svg' ),
								'title' => __( 'Type 1', 'blocksy' ),
							],

							'type-2' => [
								'src'   => blocksy_image_picker_url( 'header-mobile-type-2.svg' ),
								'title' => __( 'Type 2', 'blocksy' ),
							],

						],
					],

				],
			],

			blocksy_rand_md5() => [
				'title' => __( 'Design', 'blocksy' ),
				'type' => 'tab',
				'options' => [

					'mobileHeaderBackground' => [
						'label' => __( 'Background Color', 'blocksy' ),
						'type'  => 'ct-color-picker',
						'design' => 'inline',
						'setting' => [ 'transport' => 'postMessage' ],
						'value' => [
							'default' => [
								'color' => 'var(--paletteColor5)',
							],
						],

						'pickers' => [
							[
								'title' => __( 'Initial', 'blocksy' ),
								'id' => 'default',
							],
						],
					],

					'mobileHeaderSpacing' => [
						'label' => __( 'Container Inner Spacing', 'blocksy' ),
						'type' => 'ct-slider',
						'value' => [
							'desktop' => '20px',
							'tablet' => '20px',
							'mobile' => '20px',
						],
						'responsive' => [
							'desktop' => false,
							'tablet' => true,
							'mobile' => true,
						],
						'units' => blocksy_units_config([
							[
								'unit' => 'px',
								'min' => 0,
								'max' => 50,
							],
						]),
						'setting' => [ 'transport' => 'postMessage' ],
					],

					blocksy_rand_md5() => [
						'type' => 'ct-title',
						'label' => __( 'Mobile Menu Styles', 'blocksy' ),
						'variation' => 'small',
					],

					'mobileMenuIconColor' => [
						'label' => __( 'Icon Color', 'blocksy' ),
						'type'  => 'ct-color-picker',
						'design' => 'inline',
						'setting' => [ 'transport' => 'postMessage' ],
						'value' => [
							'default' => [
								'color' => 'var(--paletteColor3)',
							],

							'hover' => [
								'color' => 'var(--paletteColor1)',
							],
						],

						'pickers' => [
							[
								'title' => __( 'Initial', 'blocksy' ),
								'id' => 'default',
							],

							[
								'title' => __( 'Hover', 'blocksy' ),
								'id' => 'hover',
							],
						],
					],

					'mobileMenuLinkColor' => [
						'label' => __( 'Link Color', 'blocksy' ),
						'type'  => 'ct-color-picker',
						'design' => 'inline',
						'setting' => [ 'transport' => 'postMessage' ],
						'value' => [
							'default' => [
								'color' => '#ffffff',
							],

							'hover' => [
								'color' => 'var(--paletteColor1)',
							],
						],

						'pickers' => [
							[
								'title' => __( 'Initial', 'blocksy' ),
								'id' => 'default',
							],

							[
								'title' => __( 'Hover', 'blocksy' ),
								'id' => 'hover',
							],
						],
					],

					'mobileMenuBackground' => [
						'label' => __( 'Background Color', 'blocksy' ),
						'type'  => 'ct-color-picker',
						'design' => 'inline',
						'setting' => [ 'transport' => 'postMessage' ],
						'value' => [
							'default' => [
								'color' => 'rgba(18, 21, 25, 0.98)',
							],
						],

						'pickers' => [
							[
								'title' => __( 'Initial', 'blocksy' ),
								'id' => 'default',
							],
						],
					],
				],
			],
		],
	],
];