← All changes | includes/Editors/Elementor/Widget/Sidebar.php +1693 -122 3.3.4 → 4.9.3 View file →

		@@ -1,18 +1,20 @@
1	1	<?php
	2	+// phpcs:disable WordPressVIPMinimum.Performance.WPQueryParams.PostNotIn_exclude -- widget settings expose user-controlled exclusion lists; matches widget UX.
	3	+// phpcs:disable WordPress.DB.SlowDBQuery.slow_db_query_meta_query,WordPress.DB.SlowDBQuery.slow_db_query_tax_query,WordPress.DB.SlowDBQuery.slow_db_query_meta_key -- core docs widget queries; meta/tax filtering is required functionality.
2	4	namespace WPDeveloper\BetterDocs\Editors\Elementor\Widget;
3	5
4	6	if ( ! defined( 'ABSPATH' ) ) {
5		- exit; // Exit if accessed directly
	7	+ exit; // Exit if accessed directly
6	8	}
7	9
	10	+use Elementor\Plugin;
8	11	use Elementor\Controls_Manager;
9	12	use Elementor\Group_Control_Background;
10	13	use Elementor\Group_Control_Typography;
11	14	use WPDeveloper\BetterDocs\Editors\Elementor\BaseWidget;
12		-use Elementor\Group_Control_Border as Group_Control_Border;
13		-use Elementor\Group_Control_Box_Shadow as Group_Control_Box_Shadow;
14		-use Elementor\Plugin;
	15	+use Elementor\Group_Control_Border;
	16	+use Elementor\Group_Control_Box_Shadow;
15	17
16	18	class Sidebar extends BaseWidget {
17	19
18	20	public function get_name() {
		@@ -19,9 +21,9 @@
19	21	return 'betterdocs-sidebar';
20	22	}
21	23
22	24	public function get_title() {
23		- return __( 'Doc Sidebar', 'betterdocs' );
	25	+ return __( 'BetterDocs Sidebar', 'betterdocs' );
24	26	}
25	27
26	28	public function get_icon() {
27	29	return 'betterdocs-icon-Sidebar';
		@@ -27,9 +29,9 @@
27	29	return 'betterdocs-icon-Sidebar';
28	30	}
29	31
30	32	public function get_categories() {
31		- return ['betterdocs-elements', 'docs-archive'];
	33	+ return ['betterdocs-elements', 'docs-archive', 'betterdocs-elements-single'];
32	34	}
33	35
34	36	public function get_keywords() {
35	37	return ['betterdocs-elements', 'sidebar', 'betterdocs', 'docs'];
		@@ -35,13 +37,13 @@
35	37	return ['betterdocs-elements', 'sidebar', 'betterdocs', 'docs'];
36	38	}
37	39
38	40	public function get_style_depends() {
39		- return ['betterdocs-sidebar'];
	41	+ return ['betterdocs-sidebar', 'betterdocs-fontawesome', 'betterdocs-search-modal'];
40	42	}
41	43
42	44	public function get_script_depends() {
43		- return ['betterdocs-category-grid'];
	45	+ return ['betterdocs-category-grid', 'betterdocs-search-modal'];
44	46	}
45	47
46	48	public function get_custom_help_url() {
47	49	return 'https://betterdocs.co/docs/single-doc-in-elementor';
		@@ -55,8 +57,9 @@
55	57	$this->betterdocs_do_action();
56	58
57	59	do_action( 'betterdocs_elementor_sidebar_layout_select', $this );
58	60
	61	+ $this->search_modal_query();
59	62	$this->sidebar_layout_select();
60	63
61	64	if ( ! is_plugin_active( 'betterdocs-pro/betterdocs-pro.php' ) ) {
62	65	$this->start_controls_section(
		@@ -99,10 +102,135 @@
99	102
100	103	$this->sub_list_setting();
101	104
102	105	$this->sticky_toc();
	106	+
	107	+ //layout 5 sections & controllers
	108	+ $this->icon_style_layout_5();
	109	+ $this->title_style_layout_5();
	110	+ $this->count_style_layout_5();
	111	+ $this->list_setting_layout_5();
	112	+ $this->sub_list_setting_layout_5();
	113	+ $this->sidebar_search_layout_5();
	114	+ $this->sidebar_search_modal_layout_5();
	115	+
	116	+
103	117	}
104	118
	119	+ public function search_modal_query() {
	120	+ $this->start_controls_section(
	121	+ 'search_modal_query',
	122	+ [
	123	+ 'label' => __( 'Modal Query', 'betterdocs' ),
	124	+ 'condition' => [
	125	+ 'betterdocs_sidebar_layout' => ['layout-5']
	126	+ ]
	127	+ ]
	128	+ );
	129	+
	130	+ $this->add_control(
	131	+ 'search_modal_doc_query_type',
	132	+ [
	133	+ 'label' => __( 'Select Docs Type', 'betterdocs' ),
	134	+ 'label_block' => true,
	135	+ 'type' => Controls_Manager::SELECT2,
	136	+ 'options' => [
	137	+ 'popular_docs' => __('Popular Docs', 'betterdocs'),
	138	+ 'specific_doc_ids' => __("Doc Id's", 'betterdocs'),
	139	+ 'specific_doc_term_ids' => __("Doc Category Id's", "betterdocs")
	140	+ ],
	141	+ 'multiple' => false,
	142	+ 'default' => 'popular_docs'
	143	+ ]
	144	+ );
	145	+
	146	+ $this->add_control(
	147	+ 'initial_docs_number',
	148	+ [
	149	+ 'label' => __( 'Number of Docs', 'betterdocs' ),
	150	+ 'type' => Controls_Manager::NUMBER,
	151	+ 'default' => '5',
	152	+ 'condition' => [
	153	+ 'search_modal_doc_query_type' => 'popular_docs'
	154	+ ]
	155	+ ]
	156	+ );
	157	+
	158	+
	159	+ $this->add_control(
	160	+ 'search_modal_query_term_ids',
	161	+ [
	162	+ 'label' => __( "Doc Term ID's", 'betterdocs' ),
	163	+ 'type' => Controls_Manager::TEXT,
	164	+ 'description' => __( 'Example: 8, 9', 'betterdocs' ),
	165	+ 'default' => '',
	166	+ 'condition' => [
	167	+ 'search_modal_doc_query_type' => 'specific_doc_term_ids'
	168	+ ]
	169	+ ]
	170	+ );
	171	+
	172	+ $this->add_control(
	173	+ 'search_modal_query_doc_ids',
	174	+ [
	175	+ 'label' => __( "Doc ID's", 'betterdocs' ),
	176	+ 'type' => Controls_Manager::TEXT,
	177	+ 'description' => __( 'Example: 15, 16', 'betterdocs' ),
	178	+ 'default' => '',
	179	+ 'condition' => [
	180	+ 'search_modal_doc_query_type' => 'specific_doc_ids'
	181	+ ]
	182	+ ]
	183	+ );
	184	+
	185	+ $this->add_control(
	186	+ 'search_modal_faq_query_type',
	187	+ [
	188	+ 'label' => __( 'Select FAQ Type', 'betterdocs' ),
	189	+ 'label_block' => true,
	190	+ 'type' => Controls_Manager::SELECT2,
	191	+ 'default' => 'default',
	192	+ 'options' => [
	193	+ 'default' => __('Default', 'betterdocs'),
	194	+ 'specific_faq_term_ids' => __("Specific FAQ Term Id's", 'betterdocs'),
	195	+ ],
	196	+ 'multiple' => false,
	197	+ ]
	198	+ );
	199	+
	200	+ $this->add_control(
	201	+ 'search_modal_query_faq_term_ids',
	202	+ [
	203	+ 'label' => __( "FAQ Term ID's", 'betterdocs' ),
	204	+ 'type' => Controls_Manager::TEXT,
	205	+ 'description' => __( 'Example: 8, 9', 'betterdocs' ),
	206	+ 'default' => '',
	207	+ 'condition' => [
	208	+ 'search_modal_faq_query_type' => 'specific_faq_term_ids'
	209	+ ]
	210	+ ]
	211	+ );
	212	+
	213	+ $this->add_control(
	214	+ 'initial_faqs_number',
	215	+ [
	216	+ 'label' => __( "Number of FAQ's", 'betterdocs' ),
	217	+ 'type' => Controls_Manager::NUMBER,
	218	+ 'default' => '5',
	219	+ 'condition' => [
	220	+ 'search_modal_faq_query_type' => 'default'
	221	+ ]
	222	+ ]
	223	+ );
	224	+
	225	+ $this->end_controls_section();
	226	+ }
	227	+
	228	+ public function return_mod_terms( $accumulator, $term ) {
	229	+ $accumulator[$term->term_id] = htmlspecialchars_decode( $term->name );
	230	+ return $accumulator;
	231	+ }
	232	+
105	233	public function sidebar_layout_select() {
106	234	/**
107	235	* ----------------------------------------------------------
108	236	* Section: Select Layout
		@@ -125,9 +253,11 @@
125	253	'options' => [
126	254	'layout-1' => esc_html__( 'Layout 1', 'betterdocs' ),
127	255	'layout-2' => esc_html__( 'Layout 2', 'betterdocs' ),
128	256	'layout-3' => esc_html__( 'Layout 3', 'betterdocs' ),
129		- 'layout-4' => esc_html__( 'Layout 4', 'betterdocs' )
	257	+ 'layout-4' => esc_html__( 'Layout 4', 'betterdocs' ),
	258	+ 'layout-5' => esc_html__( 'Layout 5', 'betterdocs' ),
	259	+ 'layout-6' => esc_html__( 'Layout 6', 'betterdocs' )
130	260	]
131	261	]
132	262	);
133	263
		@@ -162,8 +292,23 @@
162	292	]
163	293	);
164	294
165	295	$this->add_control(
	296	+ 'sidebar_search_toggle',
	297	+ [
	298	+ 'label' => esc_html__( 'Sidebar Search', 'betterdocs' ),
	299	+ 'type' => Controls_Manager::SWITCHER,
	300	+ 'label_on' => esc_html__( 'Show', 'betterdocs' ),
	301	+ 'label_off' => esc_html__( 'Hide', 'betterdocs' ),
	302	+ 'return_value' => 'true',
	303	+ 'default' => 'true',
	304	+ 'condition' => [
	305	+ 'betterdocs_sidebar_layout' => ['layout-5']
	306	+ ]
	307	+ ]
	308	+ );
	309	+
	310	+ $this->add_control(
166	311	'show_icon',
167	312	[
168	313	'label' => __( 'Show Icon', 'betterdocs' ),
169	314	'type' => Controls_Manager::SWITCHER,
		@@ -203,10 +348,13 @@
203	348	*/
204	349	$this->start_controls_section(
205	350	'section_sticky_toc',
206	351	[
207		- 'label' => __( 'Sticky TOC', 'betterdocs' ),
208		- 'tab' => Controls_Manager::TAB_STYLE
	352	+ 'label' => __( 'Sticky TOC', 'betterdocs' ),
	353	+ 'tab' => Controls_Manager::TAB_STYLE,
	354	+ 'condition' => [
	355	+ 'betterdocs_sidebar_layout' => ['layout-1', 'layout-2', 'layout-3', 'layout-4']
	356	+ ]
209	357	]
210	358	);
211	359
212	360	$this->add_control(
		@@ -264,9 +412,9 @@
264	412	public function wraper_setting_style() {
265	413	$this->start_controls_section(
266	414	'section_card_settings',
267	415	[
268		- 'label' => __( 'Wraper', 'betterdocs' ),
	416	+ 'label' => __( 'Wrapper', 'betterdocs' ),
269	417	'tab' => Controls_Manager::TAB_STYLE
270	418	]
271	419	);
272	420
		@@ -276,9 +424,10 @@
276	424	'label' => __( 'Margin', 'betterdocs' ),
277	425	'type' => Controls_Manager::DIMENSIONS,
278	426	'size_units' => ['px', '%', 'em'],
279	427	'selectors' => [
280		- '{{WRAPPER}} .betterdocs-category-grid-wrapper' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
	428	+ '{{WRAPPER}} .betterdocs-category-grid-wrapper' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
	429	+ '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-8' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
281	430	]
282	431	]
283	432	);
284	433
		@@ -288,9 +437,10 @@
288	437	'label' => __( 'Padding', 'betterdocs' ),
289	438	'type' => Controls_Manager::DIMENSIONS,
290	439	'size_units' => ['px', 'em', '%'],
291	440	'selectors' => [
292		- '{{WRAPPER}} .betterdocs-category-grid-wrapper' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
	441	+ '{{WRAPPER}} .betterdocs-category-grid-wrapper' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
	442	+ '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-8' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
293	443	]
294	444	]
295	445	);
296	446	$this->add_control(
		@@ -295,9 +445,9 @@
295	445	);
296	446	$this->add_control(
297	447	'column_height',
298	448	[
299		- 'label' => __( 'Height', 'plugin-domain' ),
	449	+ 'label' => __( 'Height', 'betterdocs' ),
300	450	'type' => Controls_Manager::SLIDER,
301	451	'size_units' => ['px', '%'],
302	452	'range' => [
303	453	'px' => [
		@@ -315,8 +465,37 @@
315	465	]
316	466	]
317	467	);
318	468
	469	+ $this->add_responsive_control(
	470	+ 'wrapper_width',
	471	+ [
	472	+ 'label' => __( 'Width', 'betterdocs' ),
	473	+ 'type' => Controls_Manager::SLIDER,
	474	+ 'size_units' => ['%', 'px'],
	475	+ 'range' => [
	476	+ '%' => [
	477	+ 'min' => 10,
	478	+ 'max' => 100
	479	+ ],
	480	+ 'px' => [
	481	+ 'min' => 100,
	482	+ 'max' => 1200
	483	+ ]
	484	+ ],
	485	+ 'default' => [
	486	+ 'unit' => '%',
	487	+ 'size' => 100
	488	+ ],
	489	+ 'selectors' => [
	490	+ '{{WRAPPER}}' => 'width: {{SIZE}}{{UNIT}}; max-width: {{SIZE}}{{UNIT}};'
	491	+ ],
	492	+ 'condition' => [
	493	+ 'betterdocs_sidebar_layout' => ['layout-6']
	494	+ ]
	495	+ ]
	496	+ );
	497	+
319	498	$this->add_responsive_control(
320	499	'box_seperator_color',
321	500	[
322	501	'label' => esc_html__( 'Background Color', 'betterdocs' ),
		@@ -321,9 +500,10 @@
321	500	[
322	501	'label' => esc_html__( 'Background Color', 'betterdocs' ),
323	502	'type' => Controls_Manager::COLOR,
324	503	'selectors' => [
325		- '{{WRAPPER}} .betterdocs-category-grid-wrapper' => 'background-color: {{VALUE}};'
	504	+ '{{WRAPPER}} .betterdocs-category-grid-wrapper' => 'background-color: {{VALUE}};',
	505	+ '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-8,{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content' => 'background-color: {{VALUE}};'
326	506	]
327	507	]
328	508	);
329	509	$this->end_controls_section(); # end of 'Card Settings'
		@@ -332,10 +512,13 @@
332	512	public function category_items_setting_style() {
333	513	$this->start_controls_section(
334	514	'category_items_settings',
335	515	[
336		- 'label' => __( 'Category Items', 'betterdocs' ),
337		- 'tab' => Controls_Manager::TAB_STYLE
	516	+ 'label' => __( 'Category Items', 'betterdocs' ),
	517	+ 'tab' => Controls_Manager::TAB_STYLE,
	518	+ 'condition' => [
	519	+ 'betterdocs_sidebar_layout' => ['layout-1', 'layout-2', 'layout-3', 'layout-4', 'layout-6']
	520	+ ]
338	521	]
339	522	);
340	523	$this->start_controls_tabs( 'category_items_settings_tabs' );
341	524
		@@ -344,15 +527,14 @@
344	527	'card_normal',
345	528	['label' => esc_html__( 'Normal', 'betterdocs' )]
346	529	);
347	530
348		-
349	531	$this->add_group_control(
350	532	Group_Control_Background::get_type(),
351	533	[
352	534	'name' => 'card_bg_normal',
353	535	'types' => ['classic', 'gradient'],
354		- 'selector' => '{{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-single-category-wrapper .betterdocs-body, {{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-list-wrapper .betterdocs-single-category-inner .betterdocs-body'
	536	+ 'selector' => '{{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-single-category-wrapper .betterdocs-body, {{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-list-wrapper .betterdocs-single-category-inner .betterdocs-body, {{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body'
355	537	]
356	538	);
357	539
358	540	$this->add_group_control(
		@@ -359,9 +541,9 @@
359	541	Group_Control_Border::get_type(),
360	542	[
361	543	'name' => 'card_border_normal',
362	544	'label' => esc_html__( 'Border', 'betterdocs' ),
363		- 'selector' => '{{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-single-category-wrapper .betterdocs-body, {{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-list-wrapper .betterdocs-single-category-inner .betterdocs-body'
	545	+ 'selector' => '{{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-single-category-wrapper .betterdocs-body, {{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-list-wrapper .betterdocs-single-category-inner .betterdocs-body, {{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body'
364	546	]
365	547	);
366	548
367	549	$this->add_responsive_control(
		@@ -370,10 +552,10 @@
370	552	'label' => esc_html__( 'Border Radius', 'betterdocs' ),
371	553	'type' => Controls_Manager::DIMENSIONS,
372	554	'size_units' => ['px', 'em', '%'],
373	555	'selectors' => [
374		- '{{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-single-category-wrapper .betterdocs-body' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
375		- '{{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-list-wrapper .betterdocs-single-category-inner .betterdocs-body' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
	556	+ '{{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-single-category-wrapper .betterdocs-body, {{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
	557	+ '{{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-list-wrapper .betterdocs-single-category-inner .betterdocs-body, {{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
376	558	]
377	559	]
378	560	);
379	561
		@@ -380,9 +562,9 @@
380	562	$this->add_group_control(
381	563	Group_Control_Box_Shadow::get_type(),
382	564	[
383	565	'name' => 'card_box_shadow_normal',
384		- 'selector' => '{{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-single-category-wrapper .betterdocs-body, {{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-list-wrapper .betterdocs-single-category-inner .betterdocs-body'
	566	+ 'selector' => '{{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-single-category-wrapper .betterdocs-body, {{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-list-wrapper .betterdocs-single-category-inner .betterdocs-body, {{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body'
385	567	]
386	568	);
387	569
388	570	$this->end_controls_tab();
		@@ -414,9 +596,8 @@
414	596	]
415	597	]
416	598	);
417	599
418		-
419	600	$this->add_control(
420	601	'box_section_body_hover',
421	602	[
422	603	'label' => __( 'Body', 'betterdocs' ),
		@@ -429,9 +610,9 @@
429	610	Group_Control_Background::get_type(),
430	611	[
431	612	'name' => 'card_bg_hover',
432	613	'types' => ['classic', 'gradient'],
433		- 'selector' => '{{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-single-category-wrapper .betterdocs-body:hover, {{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-list-wrapper .betterdocs-single-category-inner .betterdocs-body:hover'
	614	+ 'selector' => '{{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-single-category-wrapper .betterdocs-body:hover, {{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-list-wrapper .betterdocs-single-category-inner .betterdocs-body:hover, {{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body:hover'
434	615	]
435	616	);
436	617
437	618	$this->add_group_control(
		@@ -438,9 +619,9 @@
438	619	Group_Control_Border::get_type(),
439	620	[
440	621	'name' => 'card_border_hover',
441	622	'label' => esc_html__( 'Border', 'betterdocs' ),
442		- 'selector' => '{{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-single-category-wrapper .betterdocs-body:hover, {{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-list-wrapper .betterdocs-single-category-inner .betterdocs-body:hover'
	623	+ 'selector' => '{{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-single-category-wrapper .betterdocs-body:hover, {{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-list-wrapper .betterdocs-single-category-inner .betterdocs-body:hover, {{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body:hover'
443	624	]
444	625	);
445	626
446	627	$this->add_responsive_control(
		@@ -449,10 +630,10 @@
449	630	'label' => esc_html__( 'Border Radius', 'betterdocs' ),
450	631	'type' => Controls_Manager::DIMENSIONS,
451	632	'size_units' => ['px', 'em', '%'],
452	633	'selectors' => [
453		- '{{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-single-category-wrapper .betterdocs-body:hover' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
454		- '{{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-list-wrapper .betterdocs-single-category-inner .betterdocs-body:hover' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
	634	+ '{{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-single-category-wrapper .betterdocs-body:hover, {{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body:hover' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
	635	+ '{{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-list-wrapper .betterdocs-single-category-inner .betterdocs-body:hover, {{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body:hover' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
455	636	]
456	637	]
457	638	);
458	639
		@@ -459,13 +640,12 @@
459	640	$this->add_group_control(
460	641	Group_Control_Box_Shadow::get_type(),
461	642	[
462	643	'name' => 'card_box_shadow_hover',
463		- 'selector' => '{{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-single-category-wrapper .betterdocs-body:hover, {{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-list-wrapper .betterdocs-single-category-inner .betterdocs-body:hover'
	644	+ 'selector' => '{{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-single-category-wrapper .betterdocs-body:hover, {{WRAPPER}} .betterdocs-sidebar-content .betterdocs-category-list-wrapper .betterdocs-single-category-inner .betterdocs-body:hover, {{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body:hover'
464	645	]
465	646	);
466	647
467		-
468	648	$this->end_controls_tabs();
469	649	$this->end_controls_section(); # end of 'Card Settings'
470	650	}
471	651
		@@ -477,10 +657,13 @@
477	657	*/
478	658	$this->start_controls_section(
479	659	'section_box_icon_style',
480	660	[
481		- 'label' => __( 'Icon', 'betterdocs' ),
482		- 'tab' => Controls_Manager::TAB_STYLE
	661	+ 'label' => __( 'Icon', 'betterdocs' ),
	662	+ 'tab' => Controls_Manager::TAB_STYLE,
	663	+ 'condition' => [
	664	+ 'betterdocs_sidebar_layout' => ['layout-1', 'layout-2', 'layout-3', 'layout-4']
	665	+ ]
483	666	]
484	667	);
485	668
486	669	$this->add_responsive_control(
		@@ -495,9 +678,9 @@
495	678	]
496	679	],
497	680	'selectors' => [
498	681	'{{WRAPPER}} .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper:not(.layout-2) .betterdocs-category-icon' => 'height: {{SIZE}}{{UNIT}}; width: auto;',
499		- '{{WRAPPER}} .betterdocs-category-icon img' => 'height: {{SIZE}}{{UNIT}};'
	682	+ '{{WRAPPER}} .betterdocs-category-icon img' => 'height: {{SIZE}}{{UNIT}};'
500	683	]
501	684	]
502	685	);
503	686
		@@ -514,9 +697,9 @@
514	697	],
515	698	'selectors' => [
516	699	'{{WRAPPER}} .betterdocs-category-collapse' => 'width: {{SIZE}}{{UNIT}};'
517	700	],
518		- 'condition' => [
	701	+ 'condition' => [
519	702	'betterdocs_sidebar_layout' => ['layout-4']
520	703	]
521	704	]
522	705	);
		@@ -534,9 +717,9 @@
534	717	],
535	718	'selectors' => [
536	719	'{{WRAPPER}} .betterdocs-category-collapse' => 'height: {{SIZE}}{{UNIT}};'
537	720	],
538		- 'condition' => [
	721	+ 'condition' => [
539	722	'betterdocs_sidebar_layout' => ['layout-4']
540	723	]
541	724	]
542	725	);
		@@ -551,14 +734,14 @@
551	734
552	735	$this->add_control(
553	736	'arrow_color',
554	737	[
555		- 'label' => __( 'Arrow Color', 'plugin-domain' ),
	738	+ 'label' => __( 'Arrow Color', 'betterdocs' ),
556	739	'type' => Controls_Manager::COLOR,
557	740	'selectors' => [
558	741	'{{WRAPPER}} .betterdocs-category-collapse' => 'color: {{VALUE}}'
559	742	],
560		- 'condition' => [
	743	+ 'condition' => [
561	744	'betterdocs_sidebar_layout' => ['layout-4']
562	745	]
563	746	]
564	747	);
		@@ -632,9 +815,9 @@
632	815	'size_units' => ['px', 'em', '%'],
633	816	'selectors' => [
634	817	'{{WRAPPER}} .betterdocs-category-collapse' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
635	818	],
636		- 'condition' => [
	819	+ 'condition' => [
637	820	'betterdocs_sidebar_layout' => ['layout-4']
638	821	]
639	822	]
640	823	);
		@@ -647,9 +830,9 @@
647	830	'size_units' => ['px', 'em', '%'],
648	831	'selectors' => [
649	832	'{{WRAPPER}} .betterdocs-category-collapse' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
650	833	],
651		- 'condition' => [
	834	+ 'condition' => [
652	835	'betterdocs_sidebar_layout' => ['layout-4']
653	836	]
654	837	]
655	838	);
		@@ -664,9 +847,9 @@
664	847
665	848	$this->add_control(
666	849	'arrow_color_hover',
667	850	[
668		- 'label' => __( 'Arrow Color', 'plugin-domain' ),
	851	+ 'label' => __( 'Arrow Color', 'betterdocs' ),
669	852	'type' => Controls_Manager::COLOR,
670	853	'selectors' => [
671	854	'{{WRAPPER}} .betterdocs-category-grid-wrapper .betterdocs-category-header:hover .betterdocs-category-arrow' => 'color: {{VALUE}}'
672	855	]
		@@ -732,8 +915,173 @@
732	915
733	916	$this->end_controls_section(); # end of 'Icon Styles'
734	917	}
735	918
	919	+ public function icon_style_layout_5() {
	920	+ /**
	921	+ * ----------------------------------------------------------
	922	+ * Section: Icon Styles
	923	+ * ----------------------------------------------------------
	924	+ */
	925	+ $this->start_controls_section(
	926	+ 'section_box_icon_style_layout_5',
	927	+ [
	928	+ 'label' => __( 'Icon', 'betterdocs' ),
	929	+ 'tab' => Controls_Manager::TAB_STYLE,
	930	+ 'condition' => [
	931	+ 'betterdocs_sidebar_layout' => ['layout-5']
	932	+ ]
	933	+ ]
	934	+ );
	935	+
	936	+ $this->add_responsive_control(
	937	+ 'category_settings_icon_size_normal_layout_5',
	938	+ [
	939	+ 'label' => esc_html__( 'Size', 'betterdocs' ),
	940	+ 'type' => Controls_Manager::SLIDER,
	941	+ 'size_units' => ['px', '%', 'em'],
	942	+ 'range' => [
	943	+ 'px' => [
	944	+ 'max' => 500
	945	+ ]
	946	+ ],
	947	+ 'selectors' => [
	948	+ '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-folder-icon' => 'height: {{SIZE}}{{UNIT}}; width:{{SIZE}}{{UNIT}};',
	949	+ '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-folder-icon svg' => 'height: {{SIZE}}{{UNIT}}; width:{{SIZE}}{{UNIT}};',
	950	+ '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-title .betterdocs-folder-icon.arrow-right svg' => 'height: {{SIZE}}{{UNIT}}; width:{{SIZE}}{{UNIT}};',
	951	+ '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-title .betterdocs-folder-icon.arrow-right' => 'height: {{SIZE}}{{UNIT}}; width:{{SIZE}}{{UNIT}};'
	952	+ ]
	953	+ ]
	954	+ );
	955	+
	956	+ $this->start_controls_tabs( 'box_icon_styles_tab_layout_5' );
	957	+
	958	+ // Normal State Tab
	959	+ $this->start_controls_tab(
	960	+ 'icon_normal_layout_5',
	961	+ ['label' => esc_html__( 'Normal', 'betterdocs' )]
	962	+ );
	963	+
	964	+ $this->add_group_control(
	965	+ Group_Control_Background::get_type(),
	966	+ [
	967	+ 'name' => 'icon_background_normal_layout_5',
	968	+ 'types' => ['classic', 'gradient'],
	969	+ 'selector' => '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-folder-icon',
	970	+ 'exclude' => [
	971	+ 'image'
	972	+ ]
	973	+ ]
	974	+ );
	975	+
	976	+ $this->add_group_control(
	977	+ Group_Control_Border::get_type(),
	978	+ [
	979	+ 'name' => 'icon_border_normal_layout_5',
	980	+ 'label' => esc_html__( 'Border', 'betterdocs' ),
	981	+ 'selector' => '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-folder-icon'
	982	+ ]
	983	+ );
	984	+
	985	+ $this->add_responsive_control(
	986	+ 'icon_border_radius_normal_layout_5',
	987	+ [
	988	+ 'label' => esc_html__( 'Border Radius', 'betterdocs' ),
	989	+ 'type' => Controls_Manager::DIMENSIONS,
	990	+ 'size_units' => ['px', 'em', '%'],
	991	+ 'selectors' => [
	992	+ '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-folder-icon' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
	993	+ ]
	994	+ ]
	995	+ );
	996	+
	997	+ $this->add_responsive_control(
	998	+ 'icon_padding_layout_5',
	999	+ [
	1000	+ 'label' => esc_html__( 'Padding', 'betterdocs' ),
	1001	+ 'type' => Controls_Manager::DIMENSIONS,
	1002	+ 'size_units' => ['px', 'em', '%'],
	1003	+ 'selectors' => [
	1004	+ '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-folder-icon' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
	1005	+ ]
	1006	+ ]
	1007	+ );
	1008	+
	1009	+ $this->add_responsive_control(
	1010	+ 'icon_spacing_layout_5',
	1011	+ [
	1012	+ 'label' => esc_html__( 'Margin', 'betterdocs' ),
	1013	+ 'type' => Controls_Manager::DIMENSIONS,
	1014	+ 'size_units' => ['px', 'em', '%'],
	1015	+ 'allowed_dimensions' => [
	1016	+ 'top',
	1017	+ 'bottom'
	1018	+ ],
	1019	+ 'selectors' => [
	1020	+ '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-folder-icon' => 'margin: {{TOP}}{{UNIT}} auto {{BOTTOM}}{{UNIT}} auto;'
	1021	+ ]
	1022	+ ]
	1023	+ );
	1024	+
	1025	+ $this->end_controls_tab();
	1026	+
	1027	+ // Hover State Tab
	1028	+ $this->start_controls_tab(
	1029	+ 'icon_hover_layout_5',
	1030	+ ['label' => esc_html__( 'Hover', 'betterdocs' )]
	1031	+ );
	1032	+
	1033	+ $this->add_group_control(
	1034	+ Group_Control_Border::get_type(),
	1035	+ [
	1036	+ 'name' => 'icon_border_hover_layout_5',
	1037	+ 'label' => esc_html__( 'Border', 'betterdocs' ),
	1038	+ 'selector' => '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-folder-icon:hover'
	1039	+ ]
	1040	+ );
	1041	+
	1042	+ $this->add_responsive_control(
	1043	+ 'icon_border_radius_hover_layout_5',
	1044	+ [
	1045	+ 'label' => esc_html__( 'Border Radius', 'betterdocs' ),
	1046	+ 'type' => Controls_Manager::DIMENSIONS,
	1047	+ 'size_units' => ['px', 'em', '%'],
	1048	+ 'selectors' => [
	1049	+ '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-folder-icon:hover' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
	1050	+ ]
	1051	+
	1052	+ ]
	1053	+ );
	1054	+
	1055	+ $this->add_control(
	1056	+ 'category_settings_icon_size_transition_layout_5',
	1057	+ [
	1058	+ 'label' => __( 'Transition', 'betterdocs' ),
	1059	+ 'type' => Controls_Manager::SLIDER,
	1060	+ 'default' => [
	1061	+ 'size' => 300,
	1062	+ 'unit' => '%'
	1063	+ ],
	1064	+ 'size_units' => ['%'],
	1065	+ 'range' => [
	1066	+ '%' => [
	1067	+ 'max' => 2500,
	1068	+ 'step' => 1
	1069	+ ]
	1070	+ ],
	1071	+ 'selectors' => [
	1072	+ '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-folder-icon' => 'transition: {{SIZE}}ms;'
	1073	+ ]
	1074	+ ]
	1075	+ );
	1076	+
	1077	+ $this->end_controls_tab();
	1078	+
	1079	+ $this->end_controls_tabs();
	1080	+
	1081	+ $this->end_controls_section(); # end of 'Icon Styles'
	1082	+ }
	1083	+
736	1084	public function title_style() {
737	1085	/**
738	1086	* ----------------------------------------------------------
739	1087	* Section: Title Styles
		@@ -741,10 +1089,13 @@
741	1089	*/
742	1090	$this->start_controls_section(
743	1091	'section_box_title_styles',
744	1092	[
745		- 'label' => __( 'Title', 'betterdocs' ),
746		- 'tab' => Controls_Manager::TAB_STYLE
	1093	+ 'label' => __( 'Title', 'betterdocs' ),
	1094	+ 'tab' => Controls_Manager::TAB_STYLE,
	1095	+ 'condition' => [
	1096	+ 'betterdocs_sidebar_layout' => ['layout-1', 'layout-2', 'layout-3', 'layout-4', 'layout-6']
	1097	+ ]
747	1098	]
748	1099	);
749	1100
750	1101	$this->start_controls_tabs( 'box_title_styles_tab' );
		@@ -760,10 +1111,10 @@
760	1111	[
761	1112	'label' => esc_html__( 'Color', 'betterdocs' ),
762	1113	'type' => Controls_Manager::COLOR,
763	1114	'selectors' => [
764		- '{{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title a, {{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title:not(a), {{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-list-wrapper .betterdocs-category-list-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title:not(a)' => 'color: {{VALUE}};'
765		- ]
	1115	+ '{{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title a, {{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title:not(a), {{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-list-wrapper .betterdocs-category-list-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title:not(a), {{WRAPPER}} .betterdocs-sidebar-layout-8 .betterdocs-category-title' => 'color: {{VALUE}};'
	1116	+ ],
766	1117	]
767	1118	);
768	1119
769	1120	$this->add_group_control(
		@@ -768,11 +1119,11 @@
768	1119
769	1120	$this->add_group_control(
770	1121	Group_Control_Background::get_type(),
771	1122	[
772		- 'name' => 'card_bg_normal_header',
773		- 'types' => ['classic', 'gradient'],
774		- 'selector' => '{{WRAPPER}} .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-category-header, {{WRAPPER}} .betterdocs-category-list-wrapper .betterdocs-category-list-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header'
	1123	+ 'name' => 'card_bg_normal_header',
	1124	+ 'types' => ['classic', 'gradient'],
	1125	+ 'selector' => '{{WRAPPER}} .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-category-header, {{WRAPPER}} .betterdocs-category-list-wrapper .betterdocs-category-list-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header',
775	1126	]
776	1127	);
777	1128
778	1129	$this->add_group_control(
		@@ -778,9 +1129,9 @@
778	1129	$this->add_group_control(
779	1130	Group_Control_Typography::get_type(),
780	1131	[
781	1132	'name' => 'cat_title_typography_normal',
782		- 'selector' => '{{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title a, {{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title:not(a), {{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-list-wrapper .betterdocs-category-list-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title:not(a)'
	1133	+ 'selector' => '{{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title a, {{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title:not(a), {{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-list-wrapper .betterdocs-category-list-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title:not(a), {{WRAPPER}} .betterdocs-sidebar-layout-8 .betterdocs-category-title'
783	1134	]
784	1135	);
785	1136
786	1137	$this->add_responsive_control(
		@@ -789,9 +1140,9 @@
789	1140	'label' => __( 'Margin', 'betterdocs' ),
790	1141	'type' => Controls_Manager::DIMENSIONS,
791	1142	'size_units' => ['px', '%', 'em'],
792	1143	'selectors' => [
793		- '{{WRAPPER}} .betterdocs-category-grid-wrapper .betterdocs-category-title a, {{WRAPPER}} .betterdocs-category-grid-wrapper .betterdocs-category-title:not(a), {{WRAPPER}} .betterdocs-category-list-wrapper .betterdocs-category-title:not(a)' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
	1144	+ '{{WRAPPER}} .betterdocs-category-grid-wrapper .betterdocs-category-title a, {{WRAPPER}} .betterdocs-category-grid-wrapper .betterdocs-category-title:not(a), {{WRAPPER}} .betterdocs-category-list-wrapper .betterdocs-category-title:not(a), {{WRAPPER}} .betterdocs-sidebar-layout-8 .betterdocs-category-title' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
794	1145	]
795	1146	]
796	1147	);
797	1148
		@@ -801,9 +1152,9 @@
801	1152	'label' => __( 'Padding', 'betterdocs' ),
802	1153	'type' => Controls_Manager::DIMENSIONS,
803	1154	'size_units' => ['px', '%', 'em'],
804	1155	'selectors' => [
805		- '{{WRAPPER}} .betterdocs-category-grid-wrapper .betterdocs-category-title a, {{WRAPPER}} .betterdocs-category-grid-wrapper .betterdocs-category-title:not(a), {{WRAPPER}} .betterdocs-category-list-wrapper .betterdocs-category-title:not(a)' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
	1156	+ '{{WRAPPER}} .betterdocs-category-grid-wrapper .betterdocs-category-title a, {{WRAPPER}} .betterdocs-category-grid-wrapper .betterdocs-category-title:not(a), {{WRAPPER}} .betterdocs-category-list-wrapper .betterdocs-category-title:not(a), {{WRAPPER}} .betterdocs-sidebar-layout-8 .betterdocs-category-title' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
806	1157	]
807	1158	]
808	1159	);
809	1160
		@@ -820,9 +1171,9 @@
820	1171	[
821	1172	'label' => esc_html__( 'Color', 'betterdocs' ),
822	1173	'type' => Controls_Manager::COLOR,
823	1174	'selectors' => [
824		- '{{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header:hover .betterdocs-category-title a, {{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header:hover .betterdocs-category-title:not(a), {{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-list-wrapper .betterdocs-category-list-inner-wrapper .betterdocs-category-header:hover .betterdocs-category-title:not(a)' => 'color: {{VALUE}};'
	1175	+ '{{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header:hover .betterdocs-category-title a, {{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header:hover .betterdocs-category-title:not(a), {{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-list-wrapper .betterdocs-category-list-inner-wrapper .betterdocs-category-header:hover .betterdocs-category-title:not(a), {{WRAPPER}} .betterdocs-sidebar-layout-8 .betterdocs-category-title:hover' => 'color: {{VALUE}};'
825	1176	]
826	1177	]
827	1178	);
828	1179
		@@ -879,14 +1230,14 @@
879	1230
880	1231	$this->add_group_control(
881	1232	Group_Control_Background::get_type(),
882	1233	[
883		- 'name' => 'card_bg_active_header',
884		- 'types' => ['classic', 'gradient'],
885		- 'selector' => '{{WRAPPER}} .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper.active .betterdocs-category-header',
886		- 'exclude' => [
	1234	+ 'name' => 'card_bg_active_header',
	1235	+ 'types' => ['classic', 'gradient'],
	1236	+ 'selector' => '{{WRAPPER}} .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper.active .betterdocs-category-header',
	1237	+ 'exclude' => [
887	1238	'image'
888		- ]
	1239	+ ],
889	1240	]
890	1241	);
891	1242
892	1243	$this->add_control(
		@@ -893,9 +1244,9 @@
893	1244	'cat_title_active_border_color',
894	1245	[
895	1246	'label' => esc_html__( 'Border Color', 'betterdocs' ),
896	1247	'type' => Controls_Manager::COLOR,
897		- 'default' => '#5a94ff',
	1248	+ 'default' => '#5a94ff',
898	1249	'selectors' => [
899	1250	'{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-1 .betterdocs-sidebar-content .betterdocs-single-category-wrapper.active .betterdocs-single-category-inner .betterdocs-category-header' => 'border-color: {{VALUE}};'
900	1251	],
901	1252	'condition' => [
		@@ -910,8 +1261,178 @@
910	1261
911	1262	$this->end_controls_section(); # end of 'Icon Styles'
912	1263	}
913	1264
	1265	+ public function title_style_layout_5() {
	1266	+ /**
	1267	+ * ----------------------------------------------------------
	1268	+ * Section: Title Styles
	1269	+ * ----------------------------------------------------------
	1270	+ */
	1271	+ $this->start_controls_section(
	1272	+ 'section_box_title_styles_layout_5',
	1273	+ [
	1274	+ 'label' => __( 'Title', 'betterdocs' ),
	1275	+ 'tab' => Controls_Manager::TAB_STYLE,
	1276	+ 'condition' => [
	1277	+ 'betterdocs_sidebar_layout' => ['layout-5']
	1278	+ ]
	1279	+ ]
	1280	+ );
	1281	+
	1282	+ $this->start_controls_tabs( 'box_title_styles_tab_layout_5' );
	1283	+
	1284	+ // Normal State Tab
	1285	+ $this->start_controls_tab(
	1286	+ 'title_normal_layout_5',
	1287	+ ['label' => esc_html__( 'Normal', 'betterdocs' )]
	1288	+ );
	1289	+
	1290	+ $this->add_control(
	1291	+ 'cat_title_color_normal_layout_5',
	1292	+ [
	1293	+ 'label' => esc_html__( 'Color', 'betterdocs' ),
	1294	+ 'type' => Controls_Manager::COLOR,
	1295	+ 'selectors' => [
	1296	+ '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title' => 'color: {{VALUE}};',
	1297	+ '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-title a' => 'color: {{VALUE}};'
	1298	+ ],
	1299	+ 'default' => '#344054'
	1300	+ ]
	1301	+ );
	1302	+
	1303	+ $this->add_group_control(
	1304	+ Group_Control_Background::get_type(),
	1305	+ [
	1306	+ 'name' => 'card_bg_normal_header_layout_5',
	1307	+ 'types' => ['classic', 'gradient'],
	1308	+ 'selector' => '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner, {{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-title, {{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header',
	1309	+ ]
	1310	+ );
	1311	+
	1312	+ $this->add_group_control(
	1313	+ Group_Control_Typography::get_type(),
	1314	+ [
	1315	+ 'name' => 'cat_title_typography_normal_layout_5',
	1316	+ 'selector' => '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title, {{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-title a'
	1317	+ ]
	1318	+ );
	1319	+
	1320	+ $this->add_responsive_control(
	1321	+ 'title_spacing_layout_5',
	1322	+ [
	1323	+ 'label' => __( 'Margin', 'betterdocs' ),
	1324	+ 'type' => Controls_Manager::DIMENSIONS,
	1325	+ 'size_units' => ['px', '%', 'em'],
	1326	+ 'selectors' => [
	1327	+ '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
	1328	+ '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-title' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
	1329	+ ]
	1330	+ ]
	1331	+ );
	1332	+
	1333	+ $this->add_responsive_control(
	1334	+ 'title_padding_layout_5',
	1335	+ [
	1336	+ 'label' => __( 'Padding', 'betterdocs' ),
	1337	+ 'type' => Controls_Manager::DIMENSIONS,
	1338	+ 'size_units' => ['px', '%', 'em'],
	1339	+ 'selectors' => [
	1340	+ '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
	1341	+ '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-title' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
	1342	+ ]
	1343	+ ]
	1344	+ );
	1345	+
	1346	+ $this->end_controls_tab();
	1347	+
	1348	+ // Hover State Tab
	1349	+ $this->start_controls_tab(
	1350	+ 'title_hover_layout_5',
	1351	+ ['label' => esc_html__( 'Hover', 'betterdocs' )]
	1352	+ );
	1353	+
	1354	+ $this->add_control(
	1355	+ 'cat_title_color_hover_layout_5',
	1356	+ [
	1357	+ 'label' => esc_html__( 'Color', 'betterdocs' ),
	1358	+ 'type' => Controls_Manager::COLOR,
	1359	+ 'selectors' => [
	1360	+ '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title:hover, {{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-title a:hover' => 'color: {{VALUE}};'
	1361	+ ]
	1362	+ ]
	1363	+ );
	1364	+
	1365	+ $this->add_group_control(
	1366	+ Group_Control_Background::get_type(),
	1367	+ [
	1368	+ 'name' => 'card_bg_hover_header_layout_5',
	1369	+ 'types' => ['classic', 'gradient'],
	1370	+ 'selector' => '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner:hover, {{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-title:hover, {{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header:hover',
	1371	+ ]
	1372	+ );
	1373	+
	1374	+ $this->add_control(
	1375	+ 'category_title_transition_layout_5',
	1376	+ [
	1377	+ 'label' => __( 'Transition', 'betterdocs' ),
	1378	+ 'type' => Controls_Manager::SLIDER,
	1379	+ 'default' => [
	1380	+ 'size' => 300,
	1381	+ 'unit' => '%'
	1382	+ ],
	1383	+ 'size_units' => ['%'],
	1384	+ 'range' => [
	1385	+ '%' => [
	1386	+ 'max' => 2500,
	1387	+ 'step' => 1
	1388	+ ]
	1389	+ ],
	1390	+ 'selectors' => [
	1391	+ '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner, {{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-title' => 'transition: {{SIZE}}ms;'
	1392	+ ]
	1393	+ ]
	1394	+ );
	1395	+
	1396	+ $this->end_controls_tab();
	1397	+
	1398	+ $this->end_controls_tab();
	1399	+
	1400	+ $this->start_controls_tab(
	1401	+ 'card_active_layout_5',
	1402	+ ['label' => esc_html__( 'Active', 'betterdocs' )]
	1403	+ );
	1404	+
	1405	+ $this->add_control(
	1406	+ 'cat_title_active_color_layout_5',
	1407	+ [
	1408	+ 'label' => esc_html__( 'Color', 'betterdocs' ),
	1409	+ 'type' => Controls_Manager::COLOR,
	1410	+ 'selectors' => [
	1411	+ '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper.show .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title' => 'color: {{VALUE}};'
	1412	+ ]
	1413	+ ]
	1414	+ );
	1415	+
	1416	+ $this->add_group_control(
	1417	+ Group_Control_Background::get_type(),
	1418	+ [
	1419	+ 'name' => 'card_bg_active_header_layout_5',
	1420	+ 'types' => ['classic', 'gradient'],
	1421	+ 'selector' => '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper.show .betterdocs-single-category-inner .betterdocs-category-header',
	1422	+ 'exclude' => [
	1423	+ 'image'
	1424	+ ]
	1425	+ ]
	1426	+ );
	1427	+
	1428	+ $this->end_controls_tab();
	1429	+
	1430	+ $this->end_controls_tabs();
	1431	+
	1432	+ $this->end_controls_section(); # end of 'Icon Styles'
	1433	+ }
	1434	+
914	1435	public function count_style() {
915	1436	/**
916	1437	* ----------------------------------------------------------
917	1438	* Section: Count Styles
		@@ -919,10 +1440,13 @@
919	1440	*/
920	1441	$this->start_controls_section(
921	1442	'section_box_count_styles',
922	1443	[
923		- 'label' => __( 'Count', 'betterdocs' ),
924		- 'tab' => Controls_Manager::TAB_STYLE
	1444	+ 'label' => __( 'Count', 'betterdocs' ),
	1445	+ 'tab' => Controls_Manager::TAB_STYLE,
	1446	+ 'condition' => [
	1447	+ 'betterdocs_sidebar_layout' => ['layout-1', 'layout-2', 'layout-3', 'layout-4']
	1448	+ ]
925	1449	]
926	1450	);
927	1451
928	1452	$this->add_group_control(
		@@ -947,9 +1471,10 @@
947	1471	'label' => esc_html__( 'Text Color', 'betterdocs' ),
948	1472	'type' => Controls_Manager::COLOR,
949	1473	'selectors' => [
950	1474	'{{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts span' => 'color: {{VALUE}};'
951		- ]
	1475	+ ],
	1476	+ 'default' => '#ffffff'
952	1477	]
953	1478	);
954	1479
955	1480	$this->add_group_control(
		@@ -954,12 +1479,12 @@
954	1479
955	1480	$this->add_group_control(
956	1481	Group_Control_Background::get_type(),
957	1482	[
958		- 'name' => 'count_box_bg',
959		- 'types' => ['classic', 'gradient'],
960		- 'selector' => '{{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts',
961		- 'exclude' => [
	1483	+ 'name' => 'count_box_bg',
	1484	+ 'types' => ['classic', 'gradient'],
	1485	+ 'selector' => '{{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts',
	1486	+ 'exclude' => [
962	1487	'image'
963	1488	]
964	1489	]
965	1490	);
		@@ -1022,32 +1547,32 @@
1022	1547	]
1023	1548	);
1024	1549
1025	1550	$this->add_control(
1026		- 'second_color_seperator',
1027		- [
1028		- 'label' => esc_html__( 'Second Color', 'textdomain' ),
1029		- 'type' => \Elementor\Controls_Manager::HEADING,
1030		- 'separator' => 'before',
	1551	+ 'second_color_seperator',
	1552	+ [
	1553	+ 'label' => esc_html__( 'Second Color', 'betterdocs' ),
	1554	+ 'type' => \Elementor\Controls_Manager::HEADING,
	1555	+ 'separator' => 'before',
1031	1556	'condition' => [
1032	1557	'betterdocs_sidebar_layout' => 'layout-1'
1033	1558	]
1034		- ]
1035		- );
	1559	+ ]
	1560	+ );
1036	1561
1037	1562	$this->add_group_control(
1038	1563	Group_Control_Background::get_type(),
1039	1564	[
1040		- 'name' => 'count_box_bg_second',
1041		- 'types' => ['classic', 'gradient'],
1042		- 'selector' => '{{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts span',
1043		- 'exclude' => [
	1565	+ 'name' => 'count_box_bg_second',
	1566	+ 'types' => ['classic', 'gradient'],
	1567	+ 'selector' => '{{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts span',
	1568	+ 'exclude' => [
1044	1569	'image'
1045	1570	],
1046	1571	'condition' => [
1047	1572	'betterdocs_sidebar_layout' => 'layout-1'
1048	1573	]
1049		- ],
	1574	+ ]
1050	1575	);
1051	1576
1052	1577	$this->end_controls_tab();
1053	1578
		@@ -1075,9 +1600,9 @@
1075	1600	'types' => ['classic', 'gradient'],
1076	1601	'selector' => '{{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts:hover',
1077	1602	'exclude' => [
1078	1603	'image'
1079		- ],
	1604	+ ]
1080	1605	]
1081	1606	);
1082	1607
1083	1608	$this->add_group_control(
		@@ -1134,32 +1659,247 @@
1134	1659	]
1135	1660	);
1136	1661
1137	1662	$this->add_control(
1138		- 'hover_second_color_seperator',
1139		- [
1140		- 'label' => esc_html__( 'Second Color', 'textdomain' ),
1141		- 'type' => \Elementor\Controls_Manager::HEADING,
1142		- 'separator' => 'before',
	1663	+ 'hover_second_color_seperator',
	1664	+ [
	1665	+ 'label' => esc_html__( 'Second Color', 'betterdocs' ),
	1666	+ 'type' => \Elementor\Controls_Manager::HEADING,
	1667	+ 'separator' => 'before',
1143	1668	'condition' => [
1144	1669	'betterdocs_sidebar_layout' => 'layout-1'
1145	1670	]
1146		- ]
1147		- );
	1671	+ ]
	1672	+ );
1148	1673
1149	1674	$this->add_group_control(
1150	1675	Group_Control_Background::get_type(),
1151	1676	[
1152		- 'name' => 'count_box_bg_second_hover',
	1677	+ 'name' => 'count_box_bg_second_hover',
	1678	+ 'types' => ['classic', 'gradient'],
	1679	+ 'selector' => '{{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts:hover span',
	1680	+ 'exclude' => [
	1681	+ 'image'
	1682	+ ],
	1683	+ 'condition' => [
	1684	+ 'betterdocs_sidebar_layout' => 'layout-1'
	1685	+ ]
	1686	+ ]
	1687	+ );
	1688	+
	1689	+ $this->end_controls_tab();
	1690	+
	1691	+ $this->end_controls_tabs();
	1692	+
	1693	+ $this->end_controls_section(); # end of 'Count Styles'
	1694	+ }
	1695	+
	1696	+ public function count_style_layout_5() {
	1697	+ /**
	1698	+ * ----------------------------------------------------------
	1699	+ * Section: Count Styles
	1700	+ * ----------------------------------------------------------
	1701	+ */
	1702	+ $this->start_controls_section(
	1703	+ 'section_box_count_styles_layout_5',
	1704	+ [
	1705	+ 'label' => __( 'Count', 'betterdocs' ),
	1706	+ 'tab' => Controls_Manager::TAB_STYLE,
	1707	+ 'condition' => [
	1708	+ 'betterdocs_sidebar_layout' => ['layout-5']
	1709	+ ]
	1710	+ ]
	1711	+ );
	1712	+
	1713	+ $this->add_group_control(
	1714	+ Group_Control_Typography::get_type(),
	1715	+ [
	1716	+ 'name' => 'count_typography_normal_layout_5',
	1717	+ 'selector' => '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts span'
	1718	+ ]
	1719	+ );
	1720	+
	1721	+ $this->start_controls_tabs( 'box_count_styles_tab_layout_5' );
	1722	+
	1723	+ // Normal State Tab
	1724	+ $this->start_controls_tab(
	1725	+ 'count_normal_layout_5',
	1726	+ ['label' => esc_html__( 'Normal', 'betterdocs' )]
	1727	+ );
	1728	+
	1729	+ $this->add_control(
	1730	+ 'count_color_normal_layout_5',
	1731	+ [
	1732	+ 'label' => esc_html__( 'Text Color', 'betterdocs' ),
	1733	+ 'type' => Controls_Manager::COLOR,
	1734	+ 'selectors' => [
	1735	+ '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts span' => 'color: {{VALUE}};'
	1736	+ ],
	1737	+ 'default' => ''
	1738	+ ]
	1739	+ );
	1740	+
	1741	+ $this->add_group_control(
	1742	+ Group_Control_Background::get_type(),
	1743	+ [
	1744	+ 'name' => 'count_box_bg_layout_5',
	1745	+ 'types' => ['classic', 'gradient'],
	1746	+ 'selector' => '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts span',
	1747	+ 'exclude' => [
	1748	+ 'image'
	1749	+ ],
	1750	+ 'fields_options' => [
	1751	+ 'background' => [
	1752	+ 'default' => 'classic'
	1753	+ ],
	1754	+ 'color' => [
	1755	+ 'default' => ''
	1756	+ ]
	1757	+ ]
	1758	+ ]
	1759	+ );
	1760	+
	1761	+ $this->add_group_control(
	1762	+ Group_Control_Border::get_type(),
	1763	+ [
	1764	+ 'name' => 'count_box_border_layout_5',
	1765	+ 'label' => esc_html__( 'Border', 'betterdocs' ),
	1766	+ 'selector' => '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts'
	1767	+ ]
	1768	+ );
	1769	+
	1770	+ $this->add_responsive_control(
	1771	+ 'count_box_border_radius_layout_5',
	1772	+ [
	1773	+ 'label' => esc_html__( 'Border Radius', 'betterdocs' ),
	1774	+ 'type' => Controls_Manager::DIMENSIONS,
	1775	+ 'size_units' => ['px', 'em', '%'],
	1776	+ 'selectors' => [
	1777	+ '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
	1778	+ ]
	1779	+ ]
	1780	+ );
	1781	+
	1782	+ $this->add_group_control(
	1783	+ Group_Control_Box_Shadow::get_type(),
	1784	+ [
	1785	+ 'name' => 'count_box_box_shadow_layout_5',
	1786	+ 'selector' => '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts'
	1787	+ ]
	1788	+ );
	1789	+
	1790	+ $this->add_responsive_control(
	1791	+ 'count_box_size_layout_5',
	1792	+ [
	1793	+ 'label' => esc_html__( 'Size', 'betterdocs' ),
	1794	+ 'type' => Controls_Manager::SLIDER,
	1795	+ 'size_units' => ['px', '%', 'em'],
	1796	+ 'range' => [
	1797	+ 'px' => [
	1798	+ 'max' => 500
	1799	+ ]
	1800	+ ],
	1801	+ 'selectors' => [
	1802	+ '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts span' => 'height: {{SIZE}}{{UNIT}}; width: {{SIZE}}{{UNIT}};'
	1803	+ ]
	1804	+ ]
	1805	+ );
	1806	+
	1807	+ $this->add_responsive_control(
	1808	+ 'count_spacing_layout_5',
	1809	+ [
	1810	+ 'label' => __( 'Spacing', 'betterdocs' ),
	1811	+ 'type' => Controls_Manager::DIMENSIONS,
	1812	+ 'size_units' => ['px', '%', 'em'],
	1813	+ 'selectors' => [
	1814	+ '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
	1815	+ ]
	1816	+ ]
	1817	+ );
	1818	+
	1819	+ $this->end_controls_tab();
	1820	+
	1821	+ // Hover State Tab
	1822	+ $this->start_controls_tab(
	1823	+ 'count_hover_layout_5',
	1824	+ ['label' => esc_html__( 'Hover', 'betterdocs' )]
	1825	+ );
	1826	+
	1827	+ $this->add_control(
	1828	+ 'count_color_hover_layout_5',
	1829	+ [
	1830	+ 'label' => esc_html__( 'Text Color', 'betterdocs' ),
	1831	+ 'type' => Controls_Manager::COLOR,
	1832	+ 'selectors' => [
	1833	+ '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts span:hover' => 'color: {{VALUE}};'
	1834	+ ]
	1835	+ ]
	1836	+ );
	1837	+
	1838	+ $this->add_group_control(
	1839	+ Group_Control_Background::get_type(),
	1840	+ [
	1841	+ 'name' => 'count_box_bg_hover_layout_5',
1153	1842	'types' => ['classic', 'gradient'],
1154		- 'selector' => '{{WRAPPER}} .betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts:hover span',
	1843	+ 'selector' => '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts span:hover',
1155	1844	'exclude' => [
1156	1845	'image'
	1846	+ ]
	1847	+ ]
	1848	+ );
	1849	+
	1850	+ $this->add_group_control(
	1851	+ Group_Control_Border::get_type(),
	1852	+ [
	1853	+ 'name' => 'count_box_border_hover_layout_5',
	1854	+ 'label' => esc_html__( 'Border', 'betterdocs' ),
	1855	+ 'selector' => '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts:hover'
	1856	+
	1857	+ ]
	1858	+ );
	1859	+
	1860	+ $this->add_responsive_control(
	1861	+ 'count_box_border_radius_hover_layout_5',
	1862	+ [
	1863	+ 'label' => esc_html__( 'Border Radius', 'betterdocs' ),
	1864	+ 'type' => Controls_Manager::DIMENSIONS,
	1865	+ 'size_units' => ['px', 'em', '%'],
	1866	+ 'selectors' => [
	1867	+ '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts:hover' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
	1868	+ ]
	1869	+
	1870	+ ]
	1871	+ );
	1872	+
	1873	+ $this->add_group_control(
	1874	+ Group_Control_Box_Shadow::get_type(),
	1875	+ [
	1876	+ 'name' => 'count_box_box_shadow_hover_layout_5',
	1877	+ 'selector' => '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts:hover'
	1878	+ ]
	1879	+ );
	1880	+
	1881	+ $this->add_control(
	1882	+ 'category_count_transition_layout_5',
	1883	+ [
	1884	+ 'label' => __( 'Transition', 'betterdocs' ),
	1885	+ 'type' => Controls_Manager::SLIDER,
	1886	+ 'default' => [
	1887	+ 'size' => 300,
	1888	+ 'unit' => '%'
1157	1889	],
1158		- 'condition' => [
1159		- 'betterdocs_sidebar_layout' => 'layout-1'
	1890	+ 'size_units' => ['%'],
	1891	+ 'range' => [
	1892	+ '%' => [
	1893	+ 'max' => 2500,
	1894	+ 'step' => 1
	1895	+ ]
	1896	+ ],
	1897	+ 'selectors' => [
	1898	+ '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts' => 'transition: {{SIZE}}ms;'
	1899	+
1160	1900	]
1161		- ],
	1901	+ ]
1162	1902	);
1163	1903
1164	1904	$this->end_controls_tab();
1165	1905
		@@ -1176,10 +1916,13 @@
1176	1916	*/
1177	1917	$this->start_controls_section(
1178	1918	'section_article_settings',
1179	1919	[
1180		- 'label' => __( 'Category List', 'betterdocs' ),
1181		- 'tab' => Controls_Manager::TAB_STYLE
	1920	+ 'label' => __( 'Category List', 'betterdocs' ),
	1921	+ 'tab' => Controls_Manager::TAB_STYLE,
	1922	+ 'condition' => [
	1923	+ 'betterdocs_sidebar_layout' => ['layout-1', 'layout-2', 'layout-3', 'layout-4', 'layout-6']
	1924	+ ]
1182	1925	]
1183	1926	);
1184	1927
1185	1928	$this->add_group_control(
		@@ -1185,9 +1928,9 @@
1185	1928	$this->add_group_control(
1186	1929	Group_Control_Typography::get_type(),
1187	1930	[
1188	1931	'name' => 'list_item_typography',
1189		- 'selector' => '{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li a'
	1932	+ 'selector' => '{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li a, {{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li:not(:has(>ul)) a'
1190	1933	]
1191	1934	);
1192	1935
1193	1936	$this->add_control(
		@@ -1195,9 +1938,9 @@
1195	1938	[
1196	1939	'label' => esc_html__( 'Color', 'betterdocs' ),
1197	1940	'type' => Controls_Manager::COLOR,
1198	1941	'selectors' => [
1199		- '{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li a' => 'color: {{VALUE}};'
	1942	+ '{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li a, {{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li:not(:has(>ul)) a' => 'color: {{VALUE}};'
1200	1943	]
1201	1944	]
1202	1945	);
1203	1946
		@@ -1206,25 +1949,55 @@
1206	1949	[
1207	1950	'label' => esc_html__( 'Hover Color', 'betterdocs' ),
1208	1951	'type' => Controls_Manager::COLOR,
1209	1952	'selectors' => [
1210		- '{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li a:hover' => 'color: {{VALUE}};'
	1953	+ '{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li a:hover, {{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li:not(:has(>ul)) a:hover, {{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li:not(:has(>ul)) a:focus' => 'color: {{VALUE}};'
1211	1954	]
1212	1955	]
1213	1956	);
1214	1957
	1958	+ $this->add_control(
	1959	+ 'list_hover_background_color',
	1960	+ [
	1961	+ 'label' => __( 'Hover Background Color', 'betterdocs' ),
	1962	+ 'type' => Controls_Manager::COLOR,
	1963	+ 'selectors' => [
	1964	+ '{{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li:not(:has(>ul)) a:hover' => 'background-color: {{VALUE}};',
	1965	+ '{{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li:not(:has(>ul)) a.active' => 'background-color: {{VALUE}};',
	1966	+ '{{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li:not(:has(>ul)) a:focus' => 'background-color: {{VALUE}};'
	1967	+ ],
	1968	+ 'condition' => [
	1969	+ 'betterdocs_sidebar_layout' => ['layout-6']
	1970	+ ]
	1971	+ ]
	1972	+ );
	1973	+
1215	1974	$this->add_responsive_control(
1216	1975	'list_margin',
1217	1976	[
1218		- 'label' => esc_html__( 'List Item Spacing', 'betterdocs' ),
	1977	+ 'label' => esc_html__( 'List Item Margin', 'betterdocs' ),
1219	1978	'type' => Controls_Manager::DIMENSIONS,
1220	1979	'size_units' => ['px', 'em', '%'],
1221	1980	'selectors' => [
1222		- '{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
	1981	+ '{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
	1982	+ '{{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li:not(:has(>ul)) a' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
1223	1983	]
1224	1984	]
1225	1985	);
1226	1986
	1987	+ $this->add_responsive_control(
	1988	+ 'list_padding',
	1989	+ [
	1990	+ 'label' => __( 'List Item Padding', 'betterdocs' ),
	1991	+ 'type' => Controls_Manager::DIMENSIONS,
	1992	+ 'size_units' => ['px', '%', 'em'],
	1993	+ 'selectors' => [
	1994	+ '{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
	1995	+ '{{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li:not(:has(>ul)) a' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
	1996	+ ]
	1997	+ ]
	1998	+ );
	1999	+
1227	2000	$this->add_responsive_control(
1228	2001	'list_area_padding',
1229	2002	[
1230	2003	'label' => esc_html__( 'List Area Padding', 'betterdocs' ),
		@@ -1232,8 +2005,11 @@
1232	2005	'allowed_dimensions' => 'vertical',
1233	2006	'size_units' => ['px', 'em', '%'],
1234	2007	'selectors' => [
1235	2008	'{{WRAPPER}} .betterdocs-category-grid-wrapper .betterdocs-single-category-wrapper .betterdocs-body' => 'padding-top: {{TOP}}{{UNIT}}; padding-bottom: {{BOTTOM}}{{UNIT}};'
	2009	+ ],
	2010	+ 'condition' => [
	2011	+ 'betterdocs_sidebar_layout' => ['layout-1', 'layout-2', 'layout-3', 'layout-4', 'layout-5']
1236	2012	]
1237	2013	]
1238	2014	);
1239	2015
		@@ -1241,19 +2017,41 @@
1241	2017	'icon_settings_heading',
1242	2018	[
1243	2019	'label' => esc_html__( 'Icon', 'betterdocs' ),
1244	2020	'type' => Controls_Manager::HEADING,
1245		- 'separator' => 'before'
	2021	+ 'separator' => 'before',
	2022	+ 'condition' => [
	2023	+ 'betterdocs_sidebar_layout' => ['layout-1', 'layout-2', 'layout-3', 'layout-4', 'layout-5']
	2024	+ ]
1246	2025	]
1247	2026	);
1248	2027
1249	2028	$this->add_control(
	2029	+ 'list_icon',
	2030	+ [
	2031	+ 'label' => __( 'Icon', 'betterdocs' ),
	2032	+ 'type' => Controls_Manager::ICONS,
	2033	+ 'default' => [
	2034	+ 'value' => 'far fa-file-alt',
	2035	+ 'library' => 'fa-regular'
	2036	+ ],
	2037	+ 'condition' => [
	2038	+ 'betterdocs_sidebar_layout' => ['layout-1', 'layout-2', 'layout-3', 'layout-4', 'layout-5']
	2039	+ ]
	2040	+ ]
	2041	+ );
	2042	+
	2043	+ $this->add_control(
1250	2044	'list_icon_color',
1251	2045	[
1252	2046	'label' => esc_html__( 'Color', 'betterdocs' ),
1253	2047	'type' => Controls_Manager::COLOR,
1254	2048	'selectors' => [
1255		- '{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li svg' => 'fill: {{VALUE}};'
	2049	+ '{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li svg' => 'fill: {{VALUE}};',
	2050	+ '{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li i' => 'color: {{VALUE}};'
	2051	+ ],
	2052	+ 'condition' => [
	2053	+ 'betterdocs_sidebar_layout' => ['layout-1', 'layout-2', 'layout-3', 'layout-4', 'layout-5']
1256	2054	]
1257	2055	]
1258	2056	);
1259	2057
		@@ -1269,10 +2067,17 @@
1269	2067	'step' => 1
1270	2068	]
1271	2069	],
1272	2070	'selectors' => [
1273		- '{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li svg' => 'width: {{SIZE}}{{UNIT}};',
1274		- '{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li .betterdocs-nested-category-title svg' => 'font-size: {{SIZE}}{{UNIT}};'
	2071	+ '{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li svg' => 'width: {{SIZE}}{{UNIT}};',
	2072	+ '{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li .betterdocs-nested-category-title svg' => 'width: {{SIZE}}{{UNIT}};',
	2073	+ '{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li i' => 'font-size: {{SIZE}}{{UNIT}};',
	2074	+ '{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li .betterdocs-nested-category-title i' => 'font-size: {{SIZE}}{{UNIT}};',
	2075	+ '{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li img' => 'width: {{SIZE}}{{UNIT}}; height:{{SIZE}}{{UNIT}};',
	2076	+ '{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li .betterdocs-nested-category-title img' => 'width: {{SIZE}}{{UNIT}}; height:{{SIZE}}{{UNIT}};'
	2077	+ ],
	2078	+ 'condition' => [
	2079	+ 'betterdocs_sidebar_layout' => ['layout-1', 'layout-2', 'layout-3', 'layout-4', 'layout-5']
1275	2080	]
1276	2081	]
1277	2082	);
1278	2083
		@@ -1282,9 +2087,13 @@
1282	2087	'label' => esc_html__( 'Spacing', 'betterdocs' ),
1283	2088	'type' => Controls_Manager::DIMENSIONS,
1284	2089	'size_units' => ['px', 'em', '%'],
1285	2090	'selectors' => [
1286		- '{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li svg' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
	2091	+ '{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li svg' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
	2092	+ '{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li i' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
	2093	+ ],
	2094	+ 'condition' => [
	2095	+ 'betterdocs_sidebar_layout' => ['layout-1', 'layout-2', 'layout-3', 'layout-4', 'layout-5']
1287	2096	]
1288	2097	]
1289	2098	);
1290	2099
		@@ -1290,8 +2099,145 @@
1290	2099
1291	2100	$this->end_controls_section(); # end of 'Column Settings'
1292	2101	}
1293	2102
	2103	+ public function list_setting_layout_5() {
	2104	+ /**
	2105	+ * ----------------------------------------------------------
	2106	+ * Section: List Settinggs
	2107	+ * ----------------------------------------------------------
	2108	+ */
	2109	+ $this->start_controls_section(
	2110	+ 'section_article_settings_layout_5',
	2111	+ [
	2112	+ 'label' => __( 'Category List', 'betterdocs' ),
	2113	+ 'tab' => Controls_Manager::TAB_STYLE,
	2114	+ 'condition' => [
	2115	+ 'betterdocs_sidebar_layout' => ['layout-5']
	2116	+ ]
	2117	+ ]
	2118	+ );
	2119	+
	2120	+ $this->add_group_control(
	2121	+ Group_Control_Typography::get_type(),
	2122	+ [
	2123	+ 'name' => 'list_item_typography_layout_5',
	2124	+ 'selector' => '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li a'
	2125	+ ]
	2126	+ );
	2127	+
	2128	+ $this->add_control(
	2129	+ 'list_color_layout_5',
	2130	+ [
	2131	+ 'label' => esc_html__( 'Color', 'betterdocs' ),
	2132	+ 'type' => Controls_Manager::COLOR,
	2133	+ 'selectors' => [
	2134	+ '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li a' => 'color: {{VALUE}};'
	2135	+ ]
	2136	+ ]
	2137	+ );
	2138	+
	2139	+ $this->add_control(
	2140	+ 'list_background_color_layout_5',
	2141	+ [
	2142	+ 'label' => esc_html__( 'Background Color', 'betterdocs' ),
	2143	+ 'type' => Controls_Manager::COLOR,
	2144	+ 'selectors' => [
	2145	+ '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li a' => 'background-color: {{VALUE}};'
	2146	+ ]
	2147	+ ]
	2148	+ );
	2149	+
	2150	+ $this->add_control(
	2151	+ 'list_outer_background_color_layout_5',
	2152	+ [
	2153	+ 'label' => esc_html__( 'Outer Background Color', 'betterdocs' ),
	2154	+ 'type' => Controls_Manager::COLOR,
	2155	+ 'default' => '#fff',
	2156	+ 'selectors' => [
	2157	+ '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner' => 'background-color: {{VALUE}};'
	2158	+ ]
	2159	+ ]
	2160	+ );
	2161	+
	2162	+ $this->add_control(
	2163	+ 'list_background_hover_color_layout_5',
	2164	+ [
	2165	+ 'label' => esc_html__( 'Background Hover Color', 'betterdocs' ),
	2166	+ 'type' => Controls_Manager::COLOR,
	2167	+ 'selectors' => [
	2168	+ '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li a:hover' => 'background-color: {{VALUE}};'
	2169	+ ]
	2170	+ ]
	2171	+ );
	2172	+
	2173	+ $this->add_control(
	2174	+ 'list_hover_color_layout_5',
	2175	+ [
	2176	+ 'label' => esc_html__( 'Hover Color', 'betterdocs' ),
	2177	+ 'type' => Controls_Manager::COLOR,
	2178	+ 'selectors' => [
	2179	+ '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li a:hover' => 'color: {{VALUE}};'
	2180	+ ]
	2181	+ ]
	2182	+ );
	2183	+
	2184	+ $this->add_responsive_control(
	2185	+ 'list_margin_layout_5',
	2186	+ [
	2187	+ 'label' => esc_html__( 'List Item Spacing', 'betterdocs' ),
	2188	+ 'type' => Controls_Manager::DIMENSIONS,
	2189	+ 'size_units' => ['px', 'em', '%'],
	2190	+ 'selectors' => [
	2191	+ '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li a' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
	2192	+ ]
	2193	+ ]
	2194	+ );
	2195	+
	2196	+ $this->add_responsive_control(
	2197	+ 'list_area_padding_layout_5',
	2198	+ [
	2199	+ 'label' => esc_html__( 'List Area Padding', 'betterdocs' ),
	2200	+ 'type' => Controls_Manager::DIMENSIONS,
	2201	+ 'allowed_dimensions' => 'vertical',
	2202	+ 'size_units' => ['px', 'em', '%'],
	2203	+ 'selectors' => [
	2204	+ '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li a' => 'padding-top: {{TOP}}{{UNIT}}; padding-bottom: {{BOTTOM}}{{UNIT}};'
	2205	+ ]
	2206	+ ]
	2207	+ );
	2208	+
	2209	+ $this->add_control(
	2210	+ 'list_border_color_layout_5',
	2211	+ [
	2212	+ 'label' => esc_html__( 'Active Border Color', 'betterdocs' ),
	2213	+ 'type' => Controls_Manager::COLOR,
	2214	+ 'selectors' => [
	2215	+ '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper.active.default.show:before' => 'background: {{VALUE}};'
	2216	+ ]
	2217	+ ]
	2218	+ );
	2219	+
	2220	+ $this->add_responsive_control(
	2221	+ 'list_border_width_layout_5',
	2222	+ [
	2223	+ 'label' => esc_html__( 'Active Border Width', 'betterdocs' ),
	2224	+ 'type' => Controls_Manager::SLIDER,
	2225	+ 'size_units' => ['px', '%', 'em'],
	2226	+ 'range' => [
	2227	+ 'px' => [
	2228	+ 'max' => 500
	2229	+ ]
	2230	+ ],
	2231	+ 'selectors' => [
	2232	+ '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper.active.default.show:before' => 'width: {{SIZE}}{{UNIT}};'
	2233	+ ]
	2234	+ ]
	2235	+ );
	2236	+
	2237	+ $this->end_controls_section(); # end of 'Column Settings'
	2238	+ }
	2239	+
1294	2240	/**
1295	2241	* ----------------------------------------------------------
1296	2242	* Section: Sub List Settinggs
1297	2243	* ----------------------------------------------------------
		@@ -1300,10 +2246,13 @@
1300	2246
1301	2247	$this->start_controls_section(
1302	2248	'section_sub_list_settings',
1303	2249	[
1304		- 'label' => __( 'Sub-Category List', 'betterdocs' ),
1305		- 'tab' => Controls_Manager::TAB_STYLE
	2250	+ 'label' => __( 'Sub-Category List', 'betterdocs' ),
	2251	+ 'tab' => Controls_Manager::TAB_STYLE,
	2252	+ 'condition' => [
	2253	+ 'betterdocs_sidebar_layout' => ['layout-1', 'layout-2', 'layout-3', 'layout-4', 'layout-6']
	2254	+ ]
1306	2255	]
1307	2256	);
1308	2257
1309	2258	$this->add_group_control(
		@@ -1309,9 +2258,9 @@
1309	2258	$this->add_group_control(
1310	2259	Group_Control_Typography::get_type(),
1311	2260	[
1312	2261	'name' => 'sub_list_item_typography',
1313		- 'selector' => '{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list .betterdocs-nested-category-list li a'
	2262	+ 'selector' => '{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list .betterdocs-nested-category-list li a, {{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li ul li a'
1314	2263	]
1315	2264	);
1316	2265
1317	2266	$this->add_control(
		@@ -1319,9 +2268,9 @@
1319	2268	[
1320	2269	'label' => esc_html__( 'Color', 'betterdocs' ),
1321	2270	'type' => Controls_Manager::COLOR,
1322	2271	'selectors' => [
1323		- '{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list .betterdocs-nested-category-list a' => 'color: {{VALUE}};'
	2272	+ '{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list .betterdocs-nested-category-list a, {{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li ul li a' => 'color: {{VALUE}};'
1324	2273	]
1325	2274	]
1326	2275	);
1327	2276
		@@ -1330,9 +2279,9 @@
1330	2279	[
1331	2280	'label' => esc_html__( 'Hover Color', 'betterdocs' ),
1332	2281	'type' => Controls_Manager::COLOR,
1333	2282	'selectors' => [
1334		- '{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list .betterdocs-nested-category-list a:hover' => 'color: {{VALUE}};'
	2283	+ '{{WRAPPER}} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list .betterdocs-nested-category-list a:hover, {{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li ul li a:hover, {{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li ul li a:focus' => 'color: {{VALUE}};'
1335	2284	]
1336	2285	]
1337	2286	);
1338	2287
		@@ -1375,8 +2324,577 @@
1375	2324
1376	2325	$this->end_controls_section(); # end of 'Column Settings'
1377	2326	}
1378	2327
	2328	+ public function sub_list_setting_layout_5() {
	2329	+ $this->start_controls_section(
	2330	+ 'section_sub_list_settings_layout_5',
	2331	+ [
	2332	+ 'label' => __( 'Sub-Category List', 'betterdocs' ),
	2333	+ 'tab' => Controls_Manager::TAB_STYLE,
	2334	+ 'condition' => [
	2335	+ 'betterdocs_sidebar_layout' => ['layout-5']
	2336	+ ]
	2337	+ ]
	2338	+ );
	2339	+
	2340	+ $this->add_group_control(
	2341	+ Group_Control_Typography::get_type(),
	2342	+ [
	2343	+ 'name' => 'sub_list_item_typography_layout_5',
	2344	+ 'selector' => '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-list li a'
	2345	+ ]
	2346	+ );
	2347	+
	2348	+ $this->add_control(
	2349	+ 'sub_list_color_layout_5',
	2350	+ [
	2351	+ 'label' => esc_html__( 'Color', 'betterdocs' ),
	2352	+ 'type' => Controls_Manager::COLOR,
	2353	+ 'selectors' => [
	2354	+ '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-list li a' => 'color: {{VALUE}};'
	2355	+ ]
	2356	+ ]
	2357	+ );
	2358	+
	2359	+ $this->add_control(
	2360	+ 'sub_list_hover_color_layout_5',
	2361	+ [
	2362	+ 'label' => esc_html__( 'Hover Color', 'betterdocs' ),
	2363	+ 'type' => Controls_Manager::COLOR,
	2364	+ 'selectors' => [
	2365	+ '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-list li a:hover' => 'color: {{VALUE}};'
	2366	+ ]
	2367	+ ]
	2368	+ );
	2369	+
	2370	+ $this->add_control(
	2371	+ 'sub_list_background_color_layout_5',
	2372	+ [
	2373	+ 'label' => esc_html__( 'Background Color', 'betterdocs' ),
	2374	+ 'type' => Controls_Manager::COLOR,
	2375	+ 'selectors' => [
	2376	+ '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-list li a' => 'background-color: {{VALUE}};'
	2377	+ ]
	2378	+ ]
	2379	+ );
	2380	+
	2381	+ $this->add_control(
	2382	+ 'sub_list_background_hover_color_layout_5',
	2383	+ [
	2384	+ 'label' => esc_html__( 'Background Hover Color', 'betterdocs' ),
	2385	+ 'type' => Controls_Manager::COLOR,
	2386	+ 'selectors' => [
	2387	+ '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-list li a:hover' => 'background-color: {{VALUE}};'
	2388	+ ]
	2389	+ ]
	2390	+ );
	2391	+
	2392	+ $this->add_responsive_control(
	2393	+ 'sub_list_margin_layout_5',
	2394	+ [
	2395	+ 'label' => esc_html__( 'List Item Spacing', 'betterdocs' ),
	2396	+ 'type' => Controls_Manager::DIMENSIONS,
	2397	+ 'size_units' => ['px', 'em', '%'],
	2398	+ 'selectors' => [
	2399	+ '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-list li a' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
	2400	+ ]
	2401	+ ]
	2402	+ );
	2403	+
	2404	+ $this->add_responsive_control(
	2405	+ 'sub_list_area_padding_layout_5',
	2406	+ [
	2407	+ 'label' => esc_html__( 'List Area Padding', 'betterdocs' ),
	2408	+ 'type' => Controls_Manager::DIMENSIONS,
	2409	+ 'allowed_dimensions' => 'vertical',
	2410	+ 'size_units' => ['px', 'em', '%'],
	2411	+ 'selectors' => [
	2412	+ '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-list li a' => 'padding-top: {{TOP}}{{UNIT}}; padding-bottom: {{BOTTOM}}{{UNIT}};'
	2413	+ ]
	2414	+ ]
	2415	+ );
	2416	+
	2417	+ $this->add_responsive_control(
	2418	+ 'sub_list_icon_spacing_layout_5',
	2419	+ [
	2420	+ 'label' => esc_html__( 'Spacing', 'betterdocs' ),
	2421	+ 'type' => Controls_Manager::DIMENSIONS,
	2422	+ 'size_units' => ['px', 'em', '%'],
	2423	+ 'selectors' => [
	2424	+ '{{WRAPPER}} .betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-list li a' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
	2425	+ ]
	2426	+ ]
	2427	+ );
	2428	+
	2429	+ $this->end_controls_section(); # end of 'Column Settings'
	2430	+ }
	2431	+
	2432	+ public function sidebar_search_layout_5() {
	2433	+ $this->start_controls_section(
	2434	+ 'sidebar_search',
	2435	+ [
	2436	+ 'label' => __( 'Sidebar Search', 'betterdocs' ),
	2437	+ 'tab' => Controls_Manager::TAB_STYLE,
	2438	+ 'condition' => [
	2439	+ 'betterdocs_sidebar_layout' => ['layout-5']
	2440	+ ]
	2441	+ ]
	2442	+ );
	2443	+
	2444	+ $this->add_group_control(
	2445	+ Group_Control_Typography::get_type(),
	2446	+ [
	2447	+ 'name' => 'sidebar_search_typography',
	2448	+ 'selector' => '{{WRAPPER}} betterdocs-search-popup .betterdocs-searchform .betterdocs-searchform-input-wrap .betterdocs-search-command'
	2449	+ ]
	2450	+ );
	2451	+
	2452	+ $this->add_control(
	2453	+ 'sidebar_search_color',
	2454	+ [
	2455	+ 'label' => esc_html__( 'Color', 'betterdocs' ),
	2456	+ 'type' => Controls_Manager::COLOR,
	2457	+ 'selectors' => [
	2458	+ '{{WRAPPER}} .betterdocs-search-popup .betterdocs-searchform .betterdocs-searchform-input-wrap .betterdocs-search-command' => 'color: {{VALUE}};'
	2459	+ ]
	2460	+ ]
	2461	+ );
	2462	+
	2463	+ $this->add_control(
	2464	+ 'sidebar_search_background_color',
	2465	+ [
	2466	+ 'label' => esc_html__( 'Background Color', 'betterdocs' ),
	2467	+ 'type' => Controls_Manager::COLOR,
	2468	+ 'default' => '#f9fafb',
	2469	+ 'selectors' => [
	2470	+ '{{WRAPPER}} .betterdocs-live-search.betterdocs-search-popup .betterdocs-searchform' => 'background-color: {{VALUE}};'
	2471	+ ]
	2472	+ ]
	2473	+ );
	2474	+
	2475	+ $this->add_responsive_control(
	2476	+ 'sidebar_search_icon_size',
	2477	+ [
	2478	+ 'label' => esc_html__( 'Size', 'betterdocs' ),
	2479	+ 'type' => Controls_Manager::SLIDER,
	2480	+ 'size_units' => ['px', '%', 'em'],
	2481	+ 'range' => [
	2482	+ 'px' => [
	2483	+ 'max' => 500
	2484	+ ]
	2485	+ ],
	2486	+ 'selectors' => [
	2487	+ '{{WRAPPER}} .betterdocs-search-popup .betterdocs-searchform .betterdocs-searchform-input-wrap svg' => 'height: {{SIZE}}{{UNIT}}; width: {{SIZE}}{{UNIT}};'
	2488	+ ]
	2489	+ ]
	2490	+ );
	2491	+
	2492	+ $this->end_controls_section();
	2493	+ }
	2494	+
	2495	+ public function sidebar_search_modal_layout_5() {
	2496	+ $this->start_controls_section(
	2497	+ 'sidebar_search_modal',
	2498	+ [
	2499	+ 'label' => __( 'Sidebar Search Modal', 'betterdocs' ),
	2500	+ 'tab' => Controls_Manager::TAB_STYLE,
	2501	+ 'condition' => [
	2502	+ 'betterdocs_sidebar_layout' => ['layout-5']
	2503	+ ]
	2504	+ ]
	2505	+ );
	2506	+
	2507	+ $this->add_control(
	2508	+ 'sidebar_search_modal_field',
	2509	+ [
	2510	+ 'label' => esc_html__( 'Search Field', 'betterdocs' ),
	2511	+ 'type' => \Elementor\Controls_Manager::HEADING,
	2512	+ 'separator' => 'before'
	2513	+ ]
	2514	+ );
	2515	+
	2516	+ $this->add_responsive_control(
	2517	+ 'sidebar_search_magnifier_color',
	2518	+ [
	2519	+ 'label' => esc_html__( 'Magnifier Color', 'betterdocs' ),
	2520	+ 'type' => Controls_Manager::COLOR,
	2521	+ 'selectors' => [
	2522	+ '{{WRAPPER}} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-header svg g path' => 'fill: {{VALUE}};'
	2523	+ ]
	2524	+ ]
	2525	+ );
	2526	+
	2527	+ $this->add_responsive_control(
	2528	+ 'sidebar_search_field_background_color',
	2529	+ [
	2530	+ 'label' => esc_html__( 'Field Background Color', 'betterdocs' ),
	2531	+ 'type' => Controls_Manager::COLOR,
	2532	+ 'selectors' => [
	2533	+ '{{WRAPPER}} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-header .betterdocs-searchform-input-wrap' => 'background-color: {{VALUE}};'
	2534	+ ]
	2535	+ ]
	2536	+ );
	2537	+
	2538	+ $this->add_group_control(
	2539	+ Group_Control_Typography::get_type(),
	2540	+ [
	2541	+ 'name' => 'sidebar_search_modal_field_typography',
	2542	+ 'selector' => '{{WRAPPER}} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-header .betterdocs-searchform-input-wrap .betterdocs-search-field'
	2543	+ ]
	2544	+ );
	2545	+
	2546	+ $this->add_responsive_control(
	2547	+ 'sidebar_search_modal_field_color',
	2548	+ [
	2549	+ 'label' => esc_html__( 'Field Color', 'betterdocs' ),
	2550	+ 'type' => Controls_Manager::COLOR,
	2551	+ 'selectors' => [
	2552	+ '{{WRAPPER}} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-header .betterdocs-searchform-input-wrap .betterdocs-search-field' => 'color: {{VALUE}};'
	2553	+ ]
	2554	+ ]
	2555	+ );
	2556	+
	2557	+ $this->add_responsive_control(
	2558	+ 'sidebar_search_modal_field_placeholder_color',
	2559	+ [
	2560	+ 'label' => esc_html__( 'Field Placeholder Color', 'betterdocs' ),
	2561	+ 'type' => Controls_Manager::COLOR,
	2562	+ 'selectors' => [
	2563	+ '{{WRAPPER}} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-header .betterdocs-searchform-input-wrap .betterdocs-search-field::placeholder' => 'color: {{VALUE}};'
	2564	+ ]
	2565	+ ]
	2566	+ );
	2567	+
	2568	+ $this->add_control(
	2569	+ 'sidebar_search_modal_category_section',
	2570	+ [
	2571	+ 'label' => esc_html__( 'Search Category', 'betterdocs' ),
	2572	+ 'type' => \Elementor\Controls_Manager::HEADING,
	2573	+ 'separator' => 'before'
	2574	+ ]
	2575	+ );
	2576	+
	2577	+ $this->add_responsive_control(
	2578	+ 'sidebar_search_modal_categories_color',
	2579	+ [
	2580	+ 'label' => esc_html__( 'Color', 'betterdocs' ),
	2581	+ 'type' => Controls_Manager::COLOR,
	2582	+ 'selectors' => [
	2583	+ '{{WRAPPER}} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-header .betterdocs-select-option-wrapper .betterdocs-form-select' => 'color: {{VALUE}};'
	2584	+ ]
	2585	+ ]
	2586	+ );
	2587	+
	2588	+ $this->add_group_control(
	2589	+ Group_Control_Typography::get_type(),
	2590	+ [
	2591	+ 'name' => 'sidebar_search_modal_categories_typography',
	2592	+ 'selector' => '{{WRAPPER}} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-header .betterdocs-select-option-wrapper .betterdocs-form-select'
	2593	+ ]
	2594	+ );
	2595	+
	2596	+ $this->add_control(
	2597	+ 'sidebar_search_modal_content_tabs',
	2598	+ [
	2599	+ 'label' => esc_html__( 'Content Tabs', 'betterdocs' ),
	2600	+ 'type' => \Elementor\Controls_Manager::HEADING,
	2601	+ 'separator' => 'before'
	2602	+ ]
	2603	+ );
	2604	+
	2605	+ $this->add_group_control(
	2606	+ Group_Control_Typography::get_type(),
	2607	+ [
	2608	+ 'name' => 'sidebar_search_modal_content_tabs_typography',
	2609	+ 'selector' => '{{WRAPPER}} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-info-tab .betterdocs-tab-items span'
	2610	+ ]
	2611	+ );
	2612	+
	2613	+ $this->add_control(
	2614	+ 'sidebar_search_modal_content_tabs_icon_size',
	2615	+ [
	2616	+ 'label' => __( 'Icon Size', 'betterdocs' ),
	2617	+ 'type' => Controls_Manager::SLIDER,
	2618	+ 'size_units' => ['px', '%'],
	2619	+ 'range' => [
	2620	+ 'px' => [
	2621	+ 'min' => 0,
	2622	+ 'max' => 1000,
	2623	+ 'step' => 5
	2624	+ ],
	2625	+ '%' => [
	2626	+ 'min' => 0,
	2627	+ 'max' => 100
	2628	+ ]
	2629	+ ],
	2630	+ 'selectors' => [
	2631	+ '{{WRAPPER}} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-info-tab .betterdocs-tab-items span svg' => 'height: {{SIZE}}{{UNIT}}; width:{{SIZE}}{{UNIT}};'
	2632	+ ]
	2633	+ ]
	2634	+ );
	2635	+
	2636	+ $this->add_group_control(
	2637	+ Group_Control_Border::get_type(),
	2638	+ [
	2639	+ 'name' => 'sidebar_search_modal_content_active_tab_border',
	2640	+ 'label' => esc_html__( 'Border', 'betterdocs' ),
	2641	+ 'selector' => '{{WRAPPER}} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-info-tab .betterdocs-tab-items.active'
	2642	+ ]
	2643	+ );
	2644	+
	2645	+ $this->add_control(
	2646	+ 'sidebar_search_modal_content_list',
	2647	+ [
	2648	+ 'label' => esc_html__( 'Content List', 'betterdocs' ),
	2649	+ 'type' => \Elementor\Controls_Manager::HEADING,
	2650	+ 'separator' => 'before'
	2651	+ ]
	2652	+ );
	2653	+
	2654	+ $this->add_group_control(
	2655	+ Group_Control_Typography::get_type(),
	2656	+ [
	2657	+ 'name' => 'sidebar_search_modal_content_list_typography',
	2658	+ 'selector' => '{{WRAPPER}} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-items-wrapper .betterdocs-search-item-content .betterdocs-search-item-list .content-main h4'
	2659	+ ]
	2660	+ );
	2661	+
	2662	+ $this->add_responsive_control(
	2663	+ 'sidebar_search_modal_content_list_color',
	2664	+ [
	2665	+ 'label' => esc_html__( 'Color', 'betterdocs' ),
	2666	+ 'type' => Controls_Manager::COLOR,
	2667	+ 'selectors' => [
	2668	+ '{{WRAPPER}} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-items-wrapper .betterdocs-search-item-content .betterdocs-search-item-list .content-main h4' => 'color: {{VALUE}};'
	2669	+ ]
	2670	+ ]
	2671	+ );
	2672	+
	2673	+ $this->add_control(
	2674	+ 'sidebar_search_modal_content_list_icon_size',
	2675	+ [
	2676	+ 'label' => __( 'Icon Size', 'betterdocs' ),
	2677	+ 'type' => Controls_Manager::SLIDER,
	2678	+ 'size_units' => ['px', '%'],
	2679	+ 'range' => [
	2680	+ 'px' => [
	2681	+ 'min' => 0,
	2682	+ 'max' => 1000,
	2683	+ 'step' => 5
	2684	+ ],
	2685	+ '%' => [
	2686	+ 'min' => 0,
	2687	+ 'max' => 100
	2688	+ ]
	2689	+ ],
	2690	+ 'selectors' => [
	2691	+ '{{WRAPPER}} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-items-wrapper .betterdocs-search-item-content .betterdocs-search-item-list .content-main svg' => 'height: {{SIZE}}{{UNIT}}; width:{{SIZE}}{{UNIT}};'
	2692	+ ]
	2693	+ ]
	2694	+ );
	2695	+
	2696	+ $this->add_group_control(
	2697	+ Group_Control_Border::get_type(),
	2698	+ [
	2699	+ 'name' => 'sidebar_search_modal_content_list_border',
	2700	+ 'label' => esc_html__( 'Border', 'betterdocs' ),
	2701	+ 'selector' => '{{WRAPPER}} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-items-wrapper .betterdocs-search-item-content .betterdocs-search-item-list'
	2702	+ ]
	2703	+ );
	2704	+
	2705	+ $this->add_control(
	2706	+ 'sidebar_search_modal_content_list_category',
	2707	+ [
	2708	+ 'label' => esc_html__( 'Content List Category', 'betterdocs' ),
	2709	+ 'type' => \Elementor\Controls_Manager::HEADING,
	2710	+ 'separator' => 'before'
	2711	+ ]
	2712	+ );
	2713	+
	2714	+ $this->add_group_control(
	2715	+ Group_Control_Typography::get_type(),
	2716	+ [
	2717	+ 'name' => 'sidebar_search_modal_content_list_category_typography',
	2718	+ 'selector' => '{{WRAPPER}} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-items-wrapper .betterdocs-search-item-content .betterdocs-search-item-list .content-sub h5'
	2719	+ ]
	2720	+ );
	2721	+
	2722	+ $this->add_responsive_control(
	2723	+ 'sidebar_search_modal_content_list_category_color',
	2724	+ [
	2725	+ 'label' => esc_html__( 'Color', 'betterdocs' ),
	2726	+ 'type' => Controls_Manager::COLOR,
	2727	+ 'selectors' => [
	2728	+ '{{WRAPPER}} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-items-wrapper .betterdocs-search-item-content .betterdocs-search-item-list .content-sub h5' => 'color: {{VALUE}};'
	2729	+ ]
	2730	+ ]
	2731	+ );
	2732	+
	2733	+ $this->add_control(
	2734	+ 'sidebar_search_modal_content_list_category_icon_size',
	2735	+ [
	2736	+ 'label' => __( 'Icon Size', 'betterdocs' ),
	2737	+ 'type' => Controls_Manager::SLIDER,
	2738	+ 'size_units' => ['px', '%'],
	2739	+ 'range' => [
	2740	+ 'px' => [
	2741	+ 'min' => 0,
	2742	+ 'max' => 1000,
	2743	+ 'step' => 5
	2744	+ ],
	2745	+ '%' => [
	2746	+ 'min' => 0,
	2747	+ 'max' => 100
	2748	+ ]
	2749	+ ],
	2750	+ 'selectors' => [
	2751	+ '{{WRAPPER}} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-items-wrapper .betterdocs-search-item-content .betterdocs-search-item-list .content-sub svg' => 'height: {{SIZE}}{{UNIT}}; width:{{SIZE}}{{UNIT}};'
	2752	+ ]
	2753	+ ]
	2754	+ );
	2755	+
	2756	+ $this->end_controls_section();
	2757	+ }
	2758	+
	2759	+
	2760	+
	2761	+ public function sub_category_list_style_layout_6() {
	2762	+ $this->start_controls_section(
	2763	+ 'section_sub_category_list_style_layout_6',
	2764	+ [
	2765	+ 'label' => __( 'Sub Category List', 'betterdocs' ),
	2766	+ 'tab' => Controls_Manager::TAB_STYLE,
	2767	+ 'condition' => [
	2768	+ 'betterdocs_sidebar_layout' => ['layout-6']
	2769	+ ]
	2770	+ ]
	2771	+ );
	2772	+
	2773	+ $this->add_group_control(
	2774	+ Group_Control_Typography::get_type(),
	2775	+ [
	2776	+ 'name' => 'sub_category_list_typography_layout_6',
	2777	+ 'selector' => '{{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li:has(>ul) > a'
	2778	+ ]
	2779	+ );
	2780	+
	2781	+ $this->add_control(
	2782	+ 'sub_category_list_color_layout_6',
	2783	+ [
	2784	+ 'label' => __( 'Color', 'betterdocs' ),
	2785	+ 'type' => Controls_Manager::COLOR,
	2786	+ 'selectors' => [
	2787	+ '{{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li:has(>ul) > a' => 'color: {{VALUE}};'
	2788	+ ]
	2789	+ ]
	2790	+ );
	2791	+
	2792	+ $this->add_control(
	2793	+ 'sub_category_list_hover_color_layout_6',
	2794	+ [
	2795	+ 'label' => __( 'Hover Color', 'betterdocs' ),
	2796	+ 'type' => Controls_Manager::COLOR,
	2797	+ 'selectors' => [
	2798	+ '{{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li:has(>ul) > a:hover' => 'color: {{VALUE}};',
	2799	+ '{{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li:has(>ul) > a:focus' => 'color: {{VALUE}};'
	2800	+ ]
	2801	+ ]
	2802	+ );
	2803	+
	2804	+ $this->add_control(
	2805	+ 'sub_category_list_hover_background_color_layout_6',
	2806	+ [
	2807	+ 'label' => __( 'Hover Background Color', 'betterdocs' ),
	2808	+ 'type' => Controls_Manager::COLOR,
	2809	+ 'default' => '#e8fff4',
	2810	+ 'selectors' => [
	2811	+ '{{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li:has(>ul) > a:hover' => 'background-color: {{VALUE}};',
	2812	+ '{{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li:has(>ul) > a:focus' => 'background-color: {{VALUE}};'
	2813	+ ]
	2814	+ ]
	2815	+ );
	2816	+
	2817	+ $this->add_responsive_control(
	2818	+ 'sub_category_list_padding_layout_6',
	2819	+ [
	2820	+ 'label' => esc_html__( 'Padding', 'betterdocs' ),
	2821	+ 'type' => Controls_Manager::DIMENSIONS,
	2822	+ 'size_units' => ['px', 'em', '%'],
	2823	+ 'selectors' => [
	2824	+ '{{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li:has(>ul) > a' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
	2825	+ ]
	2826	+ ]
	2827	+ );
	2828	+
	2829	+ $this->add_control(
	2830	+ 'sub_category_nested_list_heading',
	2831	+ [
	2832	+ 'label' => __( 'Nested List Items', 'betterdocs' ),
	2833	+ 'type' => Controls_Manager::HEADING,
	2834	+ 'separator' => 'before'
	2835	+ ]
	2836	+ );
	2837	+
	2838	+ $this->add_group_control(
	2839	+ Group_Control_Typography::get_type(),
	2840	+ [
	2841	+ 'name' => 'sub_category_nested_list_typography_layout_6',
	2842	+ 'selector' => '{{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li ul li a'
	2843	+ ]
	2844	+ );
	2845	+
	2846	+ $this->add_control(
	2847	+ 'sub_category_nested_list_color_layout_6',
	2848	+ [
	2849	+ 'label' => __( 'Color', 'betterdocs' ),
	2850	+ 'type' => Controls_Manager::COLOR,
	2851	+ 'selectors' => [
	2852	+ '{{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li ul li a' => 'color: {{VALUE}};'
	2853	+ ]
	2854	+ ]
	2855	+ );
	2856	+
	2857	+ $this->add_control(
	2858	+ 'sub_category_nested_list_hover_color_layout_6',
	2859	+ [
	2860	+ 'label' => __( 'Hover Color', 'betterdocs' ),
	2861	+ 'type' => Controls_Manager::COLOR,
	2862	+ 'selectors' => [
	2863	+ '{{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li ul li a:hover' => 'color: {{VALUE}};',
	2864	+ '{{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li ul li a:focus' => 'color: {{VALUE}};'
	2865	+ ]
	2866	+ ]
	2867	+ );
	2868	+
	2869	+ $this->add_control(
	2870	+ 'sub_category_nested_list_hover_background_color_layout_6',
	2871	+ [
	2872	+ 'label' => __( 'Hover Background Color', 'betterdocs' ),
	2873	+ 'type' => Controls_Manager::COLOR,
	2874	+ 'default' => '#e8fff4',
	2875	+ 'selectors' => [
	2876	+ '{{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li ul li a:hover' => 'background-color: {{VALUE}};',
	2877	+ '{{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li ul li a:focus' => 'background-color: {{VALUE}};'
	2878	+ ]
	2879	+ ]
	2880	+ );
	2881	+
	2882	+ $this->add_responsive_control(
	2883	+ 'sub_category_nested_list_padding_layout_6',
	2884	+ [
	2885	+ 'label' => esc_html__( 'Padding', 'betterdocs' ),
	2886	+ 'type' => Controls_Manager::DIMENSIONS,
	2887	+ 'size_units' => ['px', 'em', '%'],
	2888	+ 'selectors' => [
	2889	+ '{{WRAPPER}} .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li ul li a' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
	2890	+ ]
	2891	+ ]
	2892	+ );
	2893	+
	2894	+ $this->end_controls_section();
	2895	+ }
	2896	+
1379	2897	protected function render_callback() {
1380	2898	$settings = $this->get_settings_for_display();
1381	2899	$this->attributes = &$settings;
1382	2900
		@@ -1388,8 +2906,16 @@
1388	2906	if ( ! betterdocs()->is_pro_active() && ( $sidebar_layout == 2 || $sidebar_layout == 3 ) ) {
1389	2907	$sidebar_layout = 1;
1390	2908	}
1391	2909
	2910	+ if ( $sidebar_layout == 5 ) {
	2911	+ $sidebar_layout = 7;
	2912	+ }
	2913	+
	2914	+ if ( $sidebar_layout == 6 ) {
	2915	+ $sidebar_layout = 8;
	2916	+ }
	2917	+
1392	2918	$this->views( 'templates/sidebars/sidebar-' . $sidebar_layout );
1393	2919
1394	2920	if ( $settings['enable_sticky_toc'] == 1 && $layout == 1 ) {
1395	2921	betterdocs()->views->get( 'templates/parts/sticky-toc' );
		@@ -1394,48 +2920,93 @@
1394	2920	if ( $settings['enable_sticky_toc'] == 1 && $layout == 1 ) {
1395	2921	betterdocs()->views->get( 'templates/parts/sticky-toc' );
1396	2922	}
1397	2923
1398		- if( Plugin::instance()->editor->is_edit_mode() ) {
	2924	+ if ( Plugin::instance()->editor->is_edit_mode() ) {
1399	2925	$this->render_editor_script();
1400	2926	}
1401	2927	}
1402	2928
1403	2929	public function view_params() {
1404		- $settings = &$this->attributes;
	2930	+ /**
	2931	+ * Localize This In Order To Know If This Block Is Arriving From Betterdocs Templates Or Not
	2932	+ */
	2933	+ betterdocs()->assets->localize( 'betterdocs-category-grid', 'betterdocsCategoryGridConfig', [
	2934	+ 'is_betterdocs_templates' => betterdocs()->helper->is_templates() ? true : false,
	2935	+ // Must also carry the lazy-load endpoint. wp_localize_script concatenates
	2936	+ // every `var betterdocsCategoryGridConfig = …` for this object name and the
	2937	+ // last assignment wins; shipping only is_betterdocs_templates here clobbered
	2938	+ // Scripts.php's full config on Elementor pages, leaving ajax_url undefined so
	2939	+ // loadLazyBody() bailed and the sidebar widget's lazy-load never fired.
	2940	+ 'ajax_url' => admin_url( 'admin-ajax.php' ),
	2941	+ 'lazy_load_action' => 'betterdocs_lazy_category_body',
	2942	+ ] );
	2943	+
	2944	+ $settings = &$this->attributes;
1405	2945	$default_multiple_kb = (bool) betterdocs()->editor->get( 'elementor' )->multiple_kb_status();
1406		- $kb_slug = isset( $settings['selected_knowledge_base'] ) ? $settings['selected_knowledge_base'] : '';
	2946	+ $kb_slug = isset( $settings['selected_knowledge_base'] ) ? $settings['selected_knowledge_base'] : '';
1407	2947
	2948	+ if ( $settings['betterdocs_sidebar_layout'] == 'layout-5' || $settings['betterdocs_sidebar_layout'] == 'layout-6' ) {
	2949	+ $settings['list_icon'] = [
	2950	+ 'value' => [
	2951	+ 'url' => ''
	2952	+ ]
	2953	+ ];
	2954	+ }
	2955	+
1408	2956	$params = [
1409		- 'wrapper_attr' => [
1410		- 'class' => [ 'betterdocs-elementor-single-sidebar' ]
	2957	+ 'wrapper_attr' => [
	2958	+ 'class' => ['betterdocs-elementor-single-sidebar']
1411	2959	],
1412	2960	'shortcode_attr' => [
	2961	+ 'layout_type' => 'widget',
	2962	+ 'list_icon_url' => '',
	2963	+ 'list_icon_name' => is_array( $settings['list_icon']['value'] ) ? $settings['list_icon']['value']['url'] : $settings['list_icon']['value'],
1413	2964	'terms_order' => $settings['order'],
1414	2965	'terms_orderby' => $settings['orderby'],
	2966	+ 'orderby' => $settings['post_orderby'],
	2967	+ 'order' => $settings['post_order'],
1415	2968	'terms_include' => array_diff( $settings['include'], (array) $settings['exclude'] ),
1416	2969	'terms_exclude' => $settings['exclude'],
1417	2970	'terms_offset' => $settings['offset'],
1418	2971	'nested_subcategory' => $settings['nested_subcategory'],
1419		- 'multiple_knowledge_base' => $default_multiple_kb,
1420		- 'kb_slug' => $kb_slug,
	2972	+ 'lazy_load' => ! empty( $settings['lazy_load'] ),
1421	2973	'sidebar_list' => true,
1422	2974	'disable_customizer_style' => true,
1423	2975	'posts_per_page' => -1,
1424		- 'title_tag' => $settings['category_title_tag']
1425		- ],
	2976	+ 'title_tag' => $settings['category_title_tag'],
	2977	+ 'sidebar_layout' => $settings['betterdocs_sidebar_layout']
	2978	+ ]
1426	2979	];
1427	2980
1428		- if( $settings['betterdocs_sidebar_layout'] == 'layout-1') {
1429		- $params['shortcode_attr'][ 'show_icon' ] = $settings['show_icon'];
1430		- $params['shortcode_attr'][ 'show_count' ] = $settings['show_count'];
	2981	+ // Pass a KB scope only when one is explicitly selected on the widget. When none
	2982	+ // is set, omit kb_slug so the betterdocs_sidebar_template_shortcode_params filter
	2983	+ // (Pro/MKB) can inject the current knowledge_base context on KB templates — the
	2984	+ // same path the default sidebar uses. With no KB context nothing is injected and
	2985	+ // all categories render. (Passing kb_slug='' here would block that injection.)
	2986	+ if ( ! empty( $kb_slug ) ) {
	2987	+ $params['shortcode_attr']['kb_slug'] = $kb_slug;
	2988	+ $params['shortcode_attr']['multiple_knowledge_base'] = (bool) $default_multiple_kb;
1431	2989	}
1432	2990
1433		- if( $settings['betterdocs_sidebar_layout'] == 'layout-4' || $settings['betterdocs_sidebar_layout'] == 'layout-3' ) {
1434		- $params['shortcode_attr'][ 'show_icon' ] = false;
1435		- $params['shortcode_attr'][ 'show_count' ] = false;
	2991	+ if ( $settings['betterdocs_sidebar_layout'] == 'layout-1' ) {
	2992	+ $params['shortcode_attr']['show_icon'] = $settings['show_icon'];
	2993	+ $params['shortcode_attr']['show_count'] = $settings['show_count'];
1436	2994	}
1437	2995
	2996	+ if ( $settings['betterdocs_sidebar_layout'] == 'layout-4' || $settings['betterdocs_sidebar_layout'] == 'layout-3' ) {
	2997	+ $params['shortcode_attr']['show_icon'] = false;
	2998	+ $params['shortcode_attr']['show_count'] = false;
	2999	+ }
	3000	+
	3001	+ if ( $settings['betterdocs_sidebar_layout'] == 'layout-5' ) {
	3002	+ $params['number_of_docs'] = $settings['initial_docs_number'];
	3003	+ $params['number_of_faqs'] = $settings['initial_faqs_number'];
	3004	+ $params['doc_ids'] = $settings['search_modal_query_doc_ids'];
	3005	+ $params['doc_term_ids'] = $settings['search_modal_query_term_ids'] ;
	3006	+ $params['faq_term_ids'] = $settings['search_modal_query_faq_term_ids'];
	3007	+ $params['sidebar_search'] = $settings['sidebar_search_toggle'];
	3008	+ }
1438	3009	return $params;
1439	3010	}
1440	3011
1441	3012	public function render_editor_script() {