<?php
/**
 * OceanWP Customizer Settings: Top Bar
 *
 * @package OceanWP WordPress theme
 */

if ( ! defined( 'ABSPATH' ) ) {
	exit;
}

$options = [

	'ocean_top_bar' => [
		'type'              => 'ocean-switch',
		'label'             => esc_html__( 'Enable Top Bar', 'oceanwp' ),
		'section'           => 'ocean_topbar',
		'default'           => true,
		'transport'         => 'refresh',
		'priority'          => 10,
		'hideLabel'         => false,
		'sanitize_callback' => 'oceanwp_sanitize_checkbox',
	],

	'ocean_top_bar_full_width' => [
		'type'              => 'ocean-switch',
		'label'             => esc_html__( 'Enable Top Bar Full Width', 'oceanwp' ),
		'section'           => 'ocean_topbar',
		'default'           => false,
		'transport'         => 'postMessage',
		'priority'          => 10,
		'hideLabel'         => false,
		'active_callback'   => 'oceanwp_cac_has_topbar',
		'sanitize_callback' => 'oceanwp_sanitize_checkbox',
	],

	'ocean_divider_after_top_bar_full_width_setting' => [
		'type'            => 'ocean-divider',
		'section'         => 'ocean_topbar',
		'transport'       => 'postMessage',
		'top'             => 1,
		'bottom'          => 10,
		'priority'        => 10,
		'active_callback' => 'oceanwp_cac_has_topbar',
	],

	'ocean_top_bar_visibility' => [
		'type'              => 'ocean-select',
		'label'             => esc_html__( 'Visibility', 'oceanwp' ),
		'section'           => 'ocean_topbar',
		'transport'         => 'postMessage',
		'default'           => 'all-devices',
		'priority'          => 10,
		'hideLabel'         => false,
		'multiple'          => false,
		'active_callback'   => 'oceanwp_cac_has_topbar',
		'sanitize_callback' => 'sanitize_key',
		'choices'           => [
			'all-devices'        => esc_html__( 'Show on All Devices', 'oceanwp' ),
			'hide-tablet'        => esc_html__( 'Hide on Tablet', 'oceanwp' ),
			'hide-mobile'        => esc_html__( 'Hide on Mobile', 'oceanwp' ),
			'hide-tablet-mobile' => esc_html__( 'Hide on Tablet and Mobile', 'oceanwp' ),
		]
	],

	'ocean_title_for_topbar_options' => [
		'type'            => 'ocean-title',
		'label'           => esc_html__( 'Top Bar Options', 'oceanwp' ),
		'section'         => 'ocean_topbar',
		'transport'       => 'postMessage',
		'priority'        => 10,
		'top'             => 10,
		'active_callback' => 'oceanwp_cac_has_topbar',
	],

	'ocean_top_bar_general_section' => [
		'type'     => 'section',
		'title'    => esc_html__( 'General', 'oceanwp' ),
		'section'  => 'ocean_topbar',
		'after'    => 'ocean_title_for_topbar_options',
		'class'    => 'section-site-layout',
		'priority' => 10,
		'options'  => [
			'ocean_top_bar_style' => [
				'type'              => 'ocean-select',
				'label'             => esc_html__( 'Elements Positioning', 'oceanwp' ),
				'section'           => 'ocean_top_bar_general_section',
				'transport'         => 'refresh',
				'default'           => 'one',
				'priority'          => 10,
				'hideLabel'         => false,
				'multiple'          => false,
				'active_callback'   => 'oceanwp_cac_has_topbar',
				'sanitize_callback' => 'sanitize_key',
				'choices'           => [
					'one'   => esc_html__( 'Left Content and Right Social', 'oceanwp' ),
					'two'   => esc_html__( 'Left Social and Right Content', 'oceanwp' ),
					'three' => esc_html__( 'Centered Content and Social', 'oceanwp' ),
				]
			],

			'ocean_divider_after_top_bar_style_setting' => [
				'type'            => 'ocean-divider',
				'section'         => 'ocean_top_bar_general_section',
				'transport'       => 'postMessage',
				'priority'        => 10,
				'active_callback' => 'oceanwp_cac_has_topbar',
			],

			'ocean_top_bar_padding' => [
				'id'              => 'ocean_top_bar_padding',
				'label'           => esc_html__( 'Padding (px)', 'oceanwp' ),
				'type'            => 'ocean-spacing',
				'section'         => 'ocean_top_bar_general_section',
				'transport'       => 'postMessage',
				'priority'        => 10,
				'hideLabel'       => false,
				'isType'          => 'padding',
				'active_callback' => 'oceanwp_cac_has_topbar',
				'setting_args'    => [
					'spacingTop' => [
						'id'    => 'ocean_top_bar_top_padding',
						'label' => esc_html__( 'Top', 'oceanwp' ),
						'attr'  => [
							'transport' => 'postMessage',
							'default'   => 8,
						],
					],
					'spacingRight' => [
						'id'    => 'ocean_top_bar_right_padding',
						'label' => esc_html__( 'Right', 'oceanwp' ),
						'attr'  => [
							'transport' => 'postMessage',
							'default'   => 0,
						],
					],
					'spacingBottom' => [
						'id'    => 'ocean_top_bar_bottom_padding',
						'label' => esc_html__( 'Bottom', 'oceanwp' ),
						'attr'  => [
							'transport' => 'postMessage',
							'default'   => 8,
						],
					],
					'spacingLeft' => [
						'id'    => 'ocean_top_bar_left_padding',
						'label' => esc_html__( 'Left', 'oceanwp' ),
						'attr'  => [
							'transport' => 'postMessage',
							'default'   => 0,
						],
					],
					'spacingTopTablet' => [
						'id'    => 'ocean_top_bar_tablet_top_padding',
						'label' => esc_html__( 'Top', 'oceanwp' ),
						'attr'  => [
							'transport' => 'postMessage',
						],
					],
					'spacingRightTablet' => [
						'id'    => 'ocean_top_bar_tablet_right_padding',
						'label' => esc_html__( 'Right', 'oceanwp' ),
						'attr'  => [
							'transport' => 'postMessage',
						],
					],
					'spacingBottomTablet' => [
						'id'    => 'ocean_top_bar_tablet_bottom_padding',
						'label' => esc_html__( 'Bottom', 'oceanwp' ),
						'attr'  => [
							'transport' => 'postMessage',
						],
					],
					'spacingLeftTablet' => [
						'id'    => 'ocean_top_bar_tablet_left_padding',
						'label' => esc_html__( 'Left', 'oceanwp' ),
						'attr'  => [
							'transport' => 'postMessage',
						],
					],
					'spacingTopMobile' => [
						'id'    => 'ocean_top_bar_mobile_top_padding',
						'label' => esc_html__( 'Top', 'oceanwp' ),
						'attr'  => [
							'transport' => 'postMessage',
						],
					],
					'spacingRightMobile' => [
						'id'    => 'ocean_top_bar_mobile_right_padding',
						'label' => esc_html__( 'Right', 'oceanwp' ),
						'attr'  => [
							'transport' => 'postMessage',
						],
					],
					'spacingBottomMobile' => [
						'id'    => 'ocean_top_bar_mobile_bottom_padding',
						'label' => esc_html__( 'Bottom', 'oceanwp' ),
						'attr'  => [
							'transport' => 'postMessage',
						],
					],
					'spacingLeftMobile' => [
						'id'    => 'ocean_top_bar_mobile_left_padding',
						'label' => esc_html__( 'Left', 'oceanwp' ),
						'attr'  => [
							'transport' => 'postMessage',
						],
					],
				],
				'preview' => 'queryWithType',
				'css'     => [
					'selector' => '#top-bar',
					'property' => 'padding'
				],
			],

			'ocean_topbar_general_need_help' => [
				'type'            => 'ocean-content',
				'isContent'       => sprintf( esc_html__( '%1$s Need Help? %2$s', 'oceanwp' ), '<a href="https://docs.oceanwp.org/article/900-customizer-top-bar#General-6PHyM/" target="_blank">', '</a>' ),
				'class'           => 'need-help',
				'section'         => 'ocean_top_bar_general_section',
				'transport'       => 'postMessage',
				'priority'        => 10,
				'active_callback' => 'oceanwp_cac_has_topbar',
			]
		]
	],

	'ocean_spacer_for_top_bar_content_section' => [
		'type'            => 'ocean-spacer',
		'section'         => 'ocean_topbar',
		'transport'       => 'postMessage',
		'priority'        => 10,
		'active_callback' => 'oceanwp_cac_has_topbar',
	],

	'ocean_top_bar_content_section' => [
		'type'     => 'section',
		'title'    => esc_html__( 'Content', 'oceanwp' ),
		'section'  => 'ocean_topbar',
		'after'    => 'ocean_spacer_for_top_bar_content_section',
		'class'    => 'section-site-layout',
		'priority' => 10,
		'options'  => [
			'ocean_desc_for_custom_topbar_template_settings' => [
				'type'            => 'ocean-content',
				'isContent'       => esc_html__( 'You can display regular text, HTML and shortcodes; or, you can replace the content with a custom template.', 'oceanwp' ),
				'section'         => 'ocean_top_bar_content_section',
				'class'           => 'description',
				'transport'       => 'refresh',
				'priority'        => 10,
				'active_callback' => 'oceanwp_cac_has_topbar',
			],

			'ocean_top_bar_content' => [
				'type'              => 'ocean-textarea',
				'label'             => esc_html__( 'Content', 'oceanwp' ),
				'section'           => 'ocean_top_bar_content_section',
				'transport'         => 'postMessage',
				'default'           => esc_html__( 'Add your content here', 'oceanwp' ),
				'priority'          => 10,
				'hideLabel'         => false,
				'active_callback'   => 'oceanwp_cac_has_topbar',
				'sanitize_callback' => 'wp_kses_post',
			],

			'ocean_title_for_topbar_custom_content' => [
				'type'            => 'ocean-title',
				'label'           => esc_html__( 'Custom Content', 'oceanwp' ),
				'section'         => 'ocean_top_bar_content_section',
				'transport'       => 'refresh',
				'priority'        => 10,
				'top'             => 20,
				'active_callback' => 'oceanwp_cac_has_topbar',
			],

			'ocean_top_bar_template' => [
				'type'              => 'ocean-select',
				'label'             => esc_html__( 'Select Template', 'oceanwp' ),
				'desc'              => esc_html__( 'Select a custom template you created in OceanWP > My Library.', 'oceanwp' ),
				'section'           => 'ocean_top_bar_content_section',
				'transport'         => 'refresh',
				'default'           => '0',
				'priority'          => 10,
				'hideLabel'         => false,
				'multiple'          => false,
				'active_callback'   => 'oceanwp_cac_has_topbar',
				'sanitize_callback' => 'sanitize_key',
				'choices_callback'  => 'oceanwp_library_template_choices',
			],

			'ocean_topbar_content_need_help' => [
				'type'            => 'ocean-content',
				'isContent'       => sprintf( esc_html__( '%1$s Need Help? %2$s', 'oceanwp' ), '<a href="https://docs.oceanwp.org/article/900-customizer-top-bar#Content-V_xxW/" target="_blank">', '</a>' ),
				'class'           => 'need-help',
				'section'         => 'ocean_top_bar_content_section',
				'transport'       => 'postMessage',
				'priority'        => 10,
				'active_callback' => 'oceanwp_cac_has_topbar',
			]
		]
	],

	'ocean_spacer_for_top_bar_social_section' => [
		'type'            => 'ocean-spacer',
		'section'         => 'ocean_topbar',
		'transport'       => 'postMessage',
		'priority'        => 10,
		'active_callback' => 'oceanwp_cac_has_topbar',
	],

	'ocean_top_bar_social_menu_section' => [
		'type'     => 'section',
		'title'    => esc_html__( 'Social Menu', 'oceanwp' ),
		'section'  => 'ocean_topbar',
		'after'    => 'ocean_spacer_for_top_bar_social_section',
		'class'    => 'section-site-layout',
		'priority' => 10,
		'options'  => [
			'ocean_top_bar_social' => [
				'type'              => 'ocean-switch',
				'label'             => esc_html__( 'Enable Social Menu', 'oceanwp' ),
				'section'           => 'ocean_top_bar_social_menu_section',
				'default'           => true,
				'transport'         => 'refresh',
				'priority'          => 10,
				'hideLabel'         => false,
				'active_callback'   => 'oceanwp_cac_has_topbar',
				'sanitize_callback' => 'oceanwp_sanitize_checkbox',
			],

			'ocean_divider_after_top_bar_social_setting' => [
				'type'            => 'ocean-divider',
				'section'         => 'ocean_top_bar_social_menu_section',
				'transport'       => 'postMessage',
				'priority'        => 10,
				'top'             => 1,
				'bottom'          => 20,
				'active_callback' => 'oceanwp_cac_has_topbar_social',
			],

			'ocean_topbar_social_menu_default_section' => [
				'type'     => 'section',
				'title'    => esc_html__( 'Social Menu Options', 'oceanwp' ),
				'section'  => 'ocean_top_bar_social_menu_section',
				'after'    => 'ocean_divider_after_top_bar_social_setting',
				'class'    => 'section-site-layout',
				'priority' => 10,
				'options'  => [
					'ocean_top_bar_social_target' => [
						'type'              => 'ocean-buttons',
						'label'             => esc_html__( 'Links Target', 'oceanwp' ),
						'section'           => 'ocean_topbar_social_menu_default_section',
						'default'           => 'blank',
						'transport'         => 'postMessage',
						'priority'          => 10,
						'hideLabel'         => false,
						'wrap'              => false,
						'active_callback'   => 'oceanwp_cac_has_topbar_social',
						'sanitize_callback' => 'sanitize_key',
						'choices'           => [
							'blank' => [
								'id'      => 'blank',
								'label'   => esc_html__( 'New Tab', 'oceanwp' ),
								'content' => esc_html__( 'New Tab', 'oceanwp' ),
							],
							'self'  => [
								'id'      => 'self',
								'label'   => esc_html__( 'Same Tab', 'oceanwp' ),
								'content' => esc_html__( 'Same Tab', 'oceanwp' ),
							]
						]
					],

					'ocean_divider_after_top_bar_social_target_setting' => [
						'type'            => 'ocean-divider',
						'section'         => 'ocean_topbar_social_menu_default_section',
						'transport'       => 'postMessage',
						'priority'        => 10,
						'top'             => 1,
						'bottom'          => 20,
						'active_callback' => 'oceanwp_cac_has_topbar_social',
					],

					'ocean_top_bar_social_padding' => [
						'id'              => 'ocean_top_bar_social_padding',
						'label'           => esc_html__( 'Padding (px)', 'oceanwp' ),
						'type'            => 'ocean-spacing',
						'section'         => 'ocean_topbar_social_menu_default_section',
						'transport'       => 'postMessage',
						'priority'        => 10,
						'hideLabel'       => false,
						'isType'          => 'padding',
						'isTop'           => false,
						'isBottom'        => false,
						'active_callback' => 'oceanwp_cac_has_topbar_social',
						'setting_args'    => [
							'spacingRight' => [
								'id'    => 'ocean_top_bar_social_right_padding',
								'label' => esc_html__( 'Right', 'oceanwp' ),
								'attr'  => [
									'transport' => 'postMessage',
									'default' => 6,
								],
							],
							'spacingLeft' => [
								'id'    => 'ocean_top_bar_social_left_padding',
								'label' => esc_html__( 'Left', 'oceanwp' ),
								'attr'  => [
									'transport' => 'postMessage',
									'default' => 6,
								],
							],
							'spacingRightTablet' => [
								'id'    => 'ocean_top_bar_social_tablet_right_padding',
								'label' => esc_html__( 'Right', 'oceanwp' ),
								'attr'  => [
									'transport' => 'postMessage',
								],
							],
							'spacingLeftTablet' => [
								'id'    => 'ocean_top_bar_social_tablet_left_padding',
								'label' => esc_html__( 'Left', 'oceanwp' ),
								'attr'  => [
									'transport' => 'postMessage',
								],
							],
							'spacingRightMobile' => [
								'id'    => 'ocean_top_bar_social_mobile_right_padding',
								'label' => esc_html__( 'Right', 'oceanwp' ),
								'attr'  => [
									'transport' => 'postMessage',
								],
							],
							'spacingLeftMobile' => [
								'id'    => 'ocean_top_bar_social_mobile_left_padding',
								'label' => esc_html__( 'Left', 'oceanwp' ),
								'attr'  => [
									'transport' => 'postMessage',
								],
							],
						],
						'preview' => 'queryWithType',
						'css'     => [
							'selector' => '#top-bar-social li a',
							'property' => 'padding',
						],
					],

					'ocean_title_for_topbar_social_menu_typo_and_color_settings' => [
						'type'            => 'ocean-title',
						'label'           => esc_html__( 'Typography and Colors', 'oceanwp' ),
						'section'         => 'ocean_topbar_social_menu_default_section',
						'transport'       => 'postMessage',
						'priority'        => 10,
						'top'             => 20,
						'bottom'          => 20,
						'active_callback' => 'oceanwp_cac_has_topbar_social',
					],

					'ocean_top_bar_social_font_size' => [
						'id'                => 'ocean_top_bar_social_font_size',
						'label'             => esc_html__( 'Icon Size', 'oceanwp' ),
						'type'              => 'ocean-range-slider',
						'section'           => 'ocean_topbar_social_menu_default_section',
						'transport'         => 'postMessage',
						'priority'          => 10,
						'hideLabel'         => false,
						'isUnit'            => true,
						'isResponsive'      => true,
						'min'               => 1,
						'max'               => 100,
						'step'              => 1,
						'active_callback'   => 'oceanwp_cac_has_topbar_social',
						'sanitize_callback' => 'oceanwp_sanitize_number_blank',
						'setting_args'      => [
							'desktop' => [
								'id'    => 'ocean_top_bar_social_font_size',
								'label' => esc_html__( 'Desktop', 'oceanwp' ),
								'attr'  => [
									'transport' => 'postMessage',
									'default'   => 14,
								],
							],
							'tablet' => [
								'id'    => 'ocean_top_bar_social_tablet_font_size',
								'label' => esc_html__( 'Tablet', 'oceanwp' ),
								'attr'  => [
									'transport' => 'postMessage',
								],
							],
							'mobile' => [
								'id'    => 'ocean_top_bar_social_mobile_font_size',
								'label' => esc_html__( 'Mobile', 'oceanwp' ),
								'attr'  => [
									'transport' => 'postMessage',
								],
							],
							'unit' => [
								'id'    => 'ocean_top_bar_social_font_size_unit',
								'label' => esc_html__( 'Unit', 'oceanwp' ),
								'attr'  => [
									'transport' => 'postMessage',
									'default' => 'px',
								],
							],
						],
						'preview' => 'queryWithType',
						'css'     => [
							'#top-bar-social li a' => ['font-size']
						]
					],

					'ocean_divider_after_top_bar_social_font_size_setting' => [
						'type'            => 'ocean-divider',
						'section'         => 'ocean_topbar_social_menu_default_section',
						'transport'       => 'postMessage',
						'priority'        => 10,
						'top'             => 10,
						'active_callback' => 'oceanwp_cac_has_topbar_social',
					],

					'ocean_top_bar_social_links_color' => [
						'type'              => 'ocean-color',
						'label'             => esc_html__( 'Social Links', 'oceanwp' ),
						'section'           => 'ocean_topbar_social_menu_default_section',
						'transport'         => 'postMessage',
						'priority'          => 10,
						'hideLabel'         => false,
						'showAlpha'         => true,
						'showPalette'       => true,
						'active_callback'   => 'oceanwp_cac_has_topbar_social',
						'sanitize_callback' => 'wp_kses_post',
						'setting_args'      => [
							'normal' => [
								'id'       => 'ocean_top_bar_social_links_color',
								'key'      => 'normal',
								'label'    => esc_html__( 'Normal', 'oceanwp' ),
								'selector' => [
									'#top-bar-social li a' => 'color',
									'#top-bar-social li a .owp-icon use' => 'stroke'
								],
								'attr'     => [
									'transport' => 'postMessage',
									'default'   => '#bbbbbb',
								],
							],
							'hover' => [
								'id'       => 'ocean_top_bar_social_hover_links_color',
								'key'      => 'hover',
								'label'    => esc_html__( 'Hover', 'oceanwp' ),
								'selector' => [
									'#top-bar-social li a:hover' => 'color',
									'#top-bar-social li a:hover .owp-icon use' => 'stroke'
								],
								'attr'     => [
									'transport' => 'postMessage',
								],
							],
						]
					],

					'ocean_topbar_social_menu_default_need_help' => [
						'type'            => 'ocean-content',
						'isContent'       => sprintf( esc_html__( '%1$s Need Help? %2$s', 'oceanwp' ), '', '' ),
						'class'           => 'need-help',
						'section'         => 'ocean_topbar_social_menu_default_section',
						'transport'       => 'postMessage',
						'priority'        => 10,
						'active_callback' => 'oceanwp_cac_has_topbar',
					]
				]
			],

			'ocean_spacer_for_top_bar_social_link_section' => [
				'type'            => 'ocean-spacer',
				'section'         => 'ocean_top_bar_social_menu_section',
				'transport'       => 'postMessage',
				'priority'        => 10,
				'top'             => 10,
				'bottom'          => 10,
				'active_callback' => 'oceanwp_cac_has_topbar_social',
			],

			'ocean_topbar_social_menu_links_section' => [
				'type'            => 'section',
				'title'           => esc_html__( 'Social Links', 'oceanwp' ),
				'section'         => 'ocean_top_bar_social_menu_section',
				'after'           => 'ocean_spacer_for_top_bar_social_link_section',
				'class'           => 'section-site-layout',
				'priority'        => 10,
				'active_callback' => 'oceanwp_cac_has_topbar_social',
				'options'         => [
					'ocean_topbar_social_link_profile_options' => [
						'type'              => 'ocean-social-links',
						'label'             => esc_html__( 'Social Profile', 'oceanwp' ),
						'section'           => 'ocean_topbar_social_menu_links_section',
						'transport'         => 'refresh',
						'priority'          => 10,
						'hideLabel'         => false,
						'active_callback'   => 'oceanwp_cac_has_topbar_social',
						'social_setting_id' => 'ocean_top_bar_social_profiles',
						'social_profiles'   => oceanwp_social_options()
					],
				]
			],

			'ocean_title_for_top_bar_social_menu_custom_template_sections' => [
				'type'            => 'ocean-title',
				'label'           => esc_html__( 'Custom Social', 'oceanwp' ),
				'section'         => 'ocean_top_bar_social_menu_section',
				'transport'       => 'postMessage',
				'priority'        => 10,
				'top'             => 20,
				'bottom'          => 20,
				'active_callback' => 'oceanwp_cac_has_topbar_social',
			],

			'ocean_top_bar_social_alt_template' => [
				'type'              => 'ocean-select',
				'label'             => esc_html__( 'Select Template', 'oceanwp' ),
				'desc'              => esc_html__( 'Select a template you created in OceanWP > My Library to replace default Top Bar social icons.', 'oceanwp' ),
				'section'           => 'ocean_top_bar_social_menu_section',
				'transport'         => 'refresh',
				'default'           => '0',
				'priority'          => 10,
				'hideLabel'         => false,
				'multiple'          => false,
				'active_callback'   => 'oceanwp_cac_has_topbar_social',
				'sanitize_callback' => 'sanitize_key',
				'choices_callback'  => 'oceanwp_library_template_choices',
			],

			'ocean_top_bar_social_menu_need_help' => [
				'type'            => 'ocean-content',
				'isContent'       => sprintf( esc_html__( '%1$s Need Help? %2$s', 'oceanwp' ), '<a href="https://docs.oceanwp.org/article/900-customizer-top-bar#Social-Menu-68gLE/" target="_blank">', '</a>' ),
				'class'           => 'need-help',
				'section'         => 'ocean_top_bar_social_menu_section',
				'transport'       => 'postMessage',
				'priority'        => 10,
				'active_callback' => 'oceanwp_cac_has_topbar_social',
			]
		]
	],

	'ocean_title_for_topbar_typo_and_colors' => [
		'type'            => 'ocean-title',
		'label'           => esc_html__( 'Typography and Colors', 'oceanwp' ),
		'section'         => 'ocean_topbar',
		'transport'       => 'postMessage',
		'priority'        => 10,
		'active_callback' => 'oceanwp_cac_has_topbar',
	],

	'ocean_top_menu_typography' => [
		'id'              => 'ocean_top_menu_typography',
		'type'            => 'ocean-typography',
		'label'           => esc_html__( 'Top Bar Content', 'oceanwp' ),
		'section'         => 'ocean_topbar',
		'transport'       => 'postMessage',
		'priority'        => 10,
		'hideLabel'       => false,
		'selector'        => '#top-bar-content,#top-bar-social-alt',
		'active_callback' => 'oceanwp_cac_has_topbar',
		'setting_args'    => [
			'fontFamily' => [
				'id'    => 'top_menu_typography[font-family]',
				'label' => esc_html__( 'Font Family', 'oceanwp' ),
				'attr'  => [
					'transport' => 'postMessage',
				],
			],
			'fontWeight' => [
				'id'    => 'top_menu_typography[font-weight]',
				'label' => esc_html__( 'Font Weight', 'oceanwp' ),
				'attr'  => [
					'transport' => 'postMessage',
				],
			],
			'fontWeightTablet' => [
				'id'    => 'top_menu_tablet_typography[font-weight]',
				'label' => esc_html__( 'Font Weight', 'oceanwp' ),
				'attr'  => [
					'transport' => 'postMessage',
				],
			],
			'fontWeightMobile' => [
				'id'    => 'top_menu_mobile_typography[font-weight]',
				'label' => esc_html__( 'Font Weight', 'oceanwp' ),
				'attr'  => [
					'transport' => 'postMessage',
				],
			],
			'fontSubset' => [
				'id'    => 'top_menu_typography[font-subset]',
				'label' => esc_html__( 'Font Subset', 'oceanwp' ),
				'attr'  => [
					'transport' => 'postMessage',
				],
			],
			'fontSize' => [
				'id'    => 'top_menu_typography[font-size]',
				'label' => esc_html__( 'Font Size', 'oceanwp' ),
				'attr'  => [
					'transport' => 'postMessage',
					'default'   => 12,
				],
			],
			'fontSizeTablet' => [
				'id'    => 'top_menu_tablet_typography[font-size]',
				'label' => esc_html__( 'Font Size', 'oceanwp' ),
				'attr'  => [
					'transport' => 'postMessage',
				],
			],
			'fontSizeMobile' => [
				'id'    => 'top_menu_mobile_typography[font-size]',
				'label' => esc_html__( 'Font Size', 'oceanwp' ),
				'attr'  => [
					'transport' => 'postMessage',
				],
			],
			'fontSizeUnit' => [
				'id'    => 'top_menu_typography[font-size-unit]',
				'label' => esc_html__( 'Unit', 'oceanwp' ),
				'attr'  => [
					'transport' => 'postMessage',
				],
			],
			'letterSpacing' => [
				'id'    => 'top_menu_typography[letter-spacing]',
				'label' => esc_html__( 'Letter Spacing', 'oceanwp' ),
				'attr'  => [
					'transport' => 'postMessage',
				],
			],
			'letterSpacingTablet' => [
				'id'    => 'top_menu_tablet_typography[letter-spacing]',
				'label' => esc_html__( 'Letter Spacing', 'oceanwp' ),
				'attr'  => [
					'transport' => 'postMessage',
				],
			],
			'letterSpacingMobile' => [
				'id'    => 'top_menu_mobile_typography[letter-spacing]',
				'label' => esc_html__( 'Letter Spacing', 'oceanwp' ),
				'attr'  => [
					'transport' => 'postMessage',
				],
			],
			'letterSpacingUnit' => [
				'id'    => 'top_menu_typography[letter-spacing-unit]',
				'label' => esc_html__( 'Unit', 'oceanwp' ),
				'attr'  => [
					'transport' => 'postMessage',
					'default'   => 'px',
				],
			],
			'lineHeight' => [
				'id'    => 'top_menu_typography[line-height]',
				'label' => esc_html__( 'Line Height', 'oceanwp' ),
				'attr'  => [
					'transport' => 'postMessage',
					'default'   => 1.8,
				],
			],
			'lineHeightTablet' => [
				'id'    => 'top_menu_tablet_typography[line-height]',
				'label' => esc_html__( 'Line Height', 'oceanwp' ),
				'attr'  => [
					'transport' => 'postMessage',
				],
			],
			'lineHeightMobile' => [
				'id'    => 'top_menu_mobile_typography[line-height]',
				'label' => esc_html__( 'Line Height', 'oceanwp' ),
				'attr'  => [
					'transport' => 'postMessage',
				],
			],
			'lineHeightUnit' => [
				'id'    => 'top_menu_typography[line-height-unit]',
				'label' => esc_html__( 'Unit', 'oceanwp' ),
				'attr'  => [
					'transport' => 'postMessage',
				],
			],
			'textTransform' => [
				'id'    => 'top_menu_typography[text-transform]',
				'label' => esc_html__( 'Text Transform', 'oceanwp' ),
				'attr'  => [
					'transport' => 'postMessage',
				],
			],
			'textTransformTablet' => [
				'id'    => 'top_menu_tablet_typography[text-transform]',
				'label' => esc_html__( 'Text Transform', 'oceanwp' ),
				'attr'  => [
					'transport' => 'postMessage',
				],
			],
			'textTransformMobile' => [
				'id'    => 'top_menu_mobile_typography[text-transform]',
				'label' => esc_html__( 'Text Transform', 'oceanwp' ),
				'attr'  => [
					'transport' => 'postMessage',
				],
			],
			'textDecoration' => [
				'id'    => 'top_menu_typography[text-decoration]',
				'label' => esc_html__( 'Text Decoration', 'oceanwp' ),
				'attr'  => [
					'transport' => 'postMessage',
				],
			],
		]
	],

	'ocean_divider_after_top_bar_typography_setting' => [
		'type'            => 'ocean-divider',
		'section'         => 'ocean_topbar',
		'transport'       => 'postMessage',
		'priority'        => 10,
		'top'             => 1,
		'bottom'          => 10,
		'active_callback' => 'oceanwp_cac_has_topbar',
	],

	'ocean_top_bar_bg' => [
		'type'              => 'ocean-color',
		'label'             => esc_html__( 'Background', 'oceanwp' ),
		'section'           => 'ocean_topbar',
		'transport'         => 'postMessage',
		'priority'          => 10,
		'hideLabel'         => false,
		'showAlpha'         => true,
		'showPalette'       => true,
		'active_callback'   => 'oceanwp_cac_has_topbar',
		'sanitize_callback' => 'wp_kses_post',
		'setting_args'      => [
			'normal' => [
				'id'       => 'ocean_top_bar_bg',
				'key'      => 'normal',
				'label'    => esc_html__( 'Select Color', 'oceanwp' ),
				'selector' => [
					'#top-bar-wrap,.oceanwp-top-bar-sticky' => 'background-color'
				],
				'attr'    => [
					'transport' => 'postMessage',
					'default'   => '#ffffff',
				],
			],
		]
	],

	'ocean_top_bar_border_color' => [
		'type'              => 'ocean-color',
		'label'             => esc_html__( 'Border', 'oceanwp' ),
		'section'           => 'ocean_topbar',
		'transport'         => 'postMessage',
		'priority'          => 10,
		'hideLabel'         => false,
		'showAlpha'         => true,
		'showPalette'       => true,
		'active_callback'   => 'oceanwp_cac_has_topbar',
		'sanitize_callback' => 'wp_kses_post',
		'setting_args'      => [
			'normal' => [
				'id'       => 'ocean_top_bar_border_color',
				'key'      => 'normal',
				'label'    => esc_html__( 'Select Color', 'oceanwp' ),
				'selector' => [
					'#top-bar-wrap{border-color' => 'border-color'
				],
				'attr'     => [
					'transport' => 'postMessage',
					'default'   => '#f1f1f1',
				],
			],
		]
	],

	'ocean_top_bar_text_color' => [
		'type'              => 'ocean-color',
		'label'             => esc_html__( 'Text', 'oceanwp' ),
		'section'           => 'ocean_topbar',
		'transport'         => 'postMessage',
		'priority'          => 10,
		'hideLabel'         => false,
		'showAlpha'         => true,
		'showPalette'       => true,
		'active_callback'   => 'oceanwp_cac_has_topbar',
		'sanitize_callback' => 'wp_kses_post',
		'setting_args'      => [
			'normal' => [
				'id'       => 'ocean_top_bar_text_color',
				'key'      => 'normal',
				'label'    => esc_html__( 'Select Color', 'oceanwp' ),
				'selector' => [
					'#top-bar-wrap,#top-bar-content strong' => 'color'
				],
				'attr'     => [
					'transport' => 'postMessage',
					'default'   => '#929292',
				],
			],
		]
	],

	'ocean_top_bar_link_color' => [
		'type'              => 'ocean-color',
		'label'             => esc_html__( 'Links', 'oceanwp' ),
		'section'           => 'ocean_topbar',
		'transport'         => 'postMessage',
		'priority'          => 10,
		'hideLabel'         => false,
		'showAlpha'         => true,
		'showPalette'       => true,
		'active_callback'   => 'oceanwp_cac_has_topbar',
		'sanitize_callback' => 'wp_kses_post',
		'setting_args'      => [
			'normal' => [
				'id'       => 'ocean_top_bar_link_color',
				'key'      => 'normal',
				'label'    => esc_html__( 'Normal', 'oceanwp' ),
				'selector' => [
					'#top-bar-content a,#top-bar-social-alt a' => 'color'
				],
				'attr'     => [
					'transport' => 'postMessage',
					'default'   => '#555555',
				],
			],
			'hover' => [
				'id'       => 'ocean_top_bar_link_color_hover',
				'key'      => 'hover',
				'label'    => esc_html__( 'Hover', 'oceanwp' ),
				'selector' => [
					'#top-bar-content a:hover,#top-bar-social-alt a:hover' => 'color'
				],
				'attr'     => [
					'transport' => 'postMessage',
					'default'   => '#13aff0',
				],
			],
		]
	],

	'ocean_divider_before_topbar_upsell_notice' => [
		'type'            => 'ocean-divider',
		'section'         => 'ocean_topbar',
		'transport'       => 'postMessage',
		'priority'        => 10,
		'top'             => 1,
		'bottom'          => 10,
		'active_callback' => 'ocean_upsell_notice_callback',
	],

	'ocean_topbar_upsell_notice' => [
		'type'            => 'ocean-content',
		'isContent'       => owp_render_topbar_upsell_notice(),
		'section'         => 'ocean_topbar',
		'class'           => 'description',
		'transport'       => 'postMessage',
		'priority'        => 10,
		'active_callback' => 'ocean_upsell_notice_callback',
	],

	'ocean_topbar_need_help' => [
		'type'      => 'ocean-content',
		'isContent' => sprintf( esc_html__( '%1$s Need Help? %2$s', 'oceanwp' ), '<a href="https://docs.oceanwp.org/article/900-customizer-top-bar/" target="_blank">', '</a>' ),
		'class'     => 'need-help',
		'section'   => 'ocean_topbar',
		'transport' => 'postMessage',
		'priority'  => 10,
	]

];
