<?php


if ( ! function_exists( 'aweaver_customizer_define_custom_sections' ) ) :
/**
 * Define the sections and settings for the Custom CSS panel
 */

function aweaver_customizer_define_custom_sections( ) {
	$panel = 'aweaver_custom';
	$custom_sections = array();
	global $wp_customize;

	/**
	 * Additional CSS - from WP - just hide this in Absolute Weaver
	 */

	$section_id   = 'custom_css';
	$wp_customize->remove_section( $section_id );

	/**
	 * Global Site Custom CSS
	 */
	$custom_sections['custom-global'] = array(
		'panel'   => $panel,
		'title'   => __( 'Global Custom CSS', 'absolute-weaver' ),
		'description' => "Set Custom CSS definitions that apply to entire site. Global Custom CSS is live updated, but won't display properly until you've completed a valid CSS rule.",
		'options' => array(

			'add_css'     => array(
				'setting' => array( 'sanitize_callback' => 'aweaver_cz_sanitize_css', 'transport' => 'postMessage',	'default' => ''
				),
				'control' => array(
					'control_type' => 'WeaverA_Textarea_Control',
					'label'   => __( 'Global Custom CSS', 'absolute-weaver' ),
					'description'   => __( 'You can add arbitrary CSS rules here. These rules will come after other CSS stylesheets included for your site, and can be used to override default CSS rules, or to add new CSS rules for other plugins or content. Note that unlike the per-area Custom CSS rules found on other sections of this panel, the CSS rules you add here must be complete, including the class or id selector.', 'absolute-weaver' ),
					'type'  => 'textarea',
					'input_attrs' => array(
						'rows' => '12',
						'placeholder' => __('.selector {font-size:150%;font-weight:bold;} /* for example */', 'absolute-weaver'),
					),
				),
			),


		),
	);


	return $custom_sections;

}
endif;