$sidebar-padding-bottom: 1rem !default; // 16px
$sidebar-padding-left: 1rem !default; // 16px
$sidebar-padding-right: 1rem !default; // 16px
$sidebar-padding-top: 1rem !default; // 16px

// .sidebar-header .component-title

$sidebar-header-component-title: () !default;
$sidebar-header-component-title: map-deep-merge(
	(
		font-size: 1.5rem,
		font-weight: $font-weight-semi-bold,
		overflow-wrap: break-word,
		href: (
			color: $gray-900,
		),
	),
	$sidebar-header-component-title
);

// .sidebar-header .component-subtitle

$sidebar-header-component-subtitle: () !default;
$sidebar-header-component-subtitle: map-deep-merge(
	(
		font-size: 1.125rem,
		font-weight: $font-weight-semi-bold,
		margin-bottom: 0,
		overflow-wrap: break-word,
	),
	$sidebar-header-component-subtitle
);

// Sidebar DT

$sidebar-dt: () !default;
$sidebar-dt: map-deep-merge(
	(
		font-size: 0.875rem,
		font-weight: $font-weight-semi-bold,
		margin-bottom: 0.25rem,
		text-transform: uppercase,
	),
	$sidebar-dt
);

// Sidebar DD

$sidebar-dd: () !default;
$sidebar-dd: map-deep-merge(
	(
		font-size: 0.875rem,
		margin-bottom: 0.75rem,
	),
	$sidebar-dd
);

// Sidebar Panel

$sidebar-panel-margin-bottom: 1rem !default; // 16px

// Sidebar List Group

$sidebar-list-group-bg: transparent !default;
$sidebar-list-group-border-color: $gray-300 !default;
$sidebar-list-group-font-size: 0.875rem !default; // 14px
$sidebar-list-group-type: list-group-flush !default;

$sidebar-list-group-item-padding: 0 !default;

$sidebar-list-group-autofit-col-padding-x: 0.5rem !default; // 8px
$sidebar-list-group-autofit-col-padding-y: 1rem !default; // 16px

$sidebar-list-group-sticker-size: () !default;
$sidebar-list-group-sticker-size: map-deep-merge(
	$sticker-sm,
	$sidebar-list-group-sticker-size
);

// Sidebar Light

$sidebar-light-navigation-bar: () !default;
$sidebar-light-navigation-bar: map-deep-merge(
	(
		background-color: $light,
		border-color: $gray-300,
		navbar-nav: (
			nav-link: (
				color: $navbar-light-color,
				hover: (
					color: $navbar-light-hover-color,
				),
				active: (
					color: $navbar-light-active-color,
				),
				disabled: (
					color: $navbar-light-disabled-color,
				),
			),
		),
		media-breakpoint-down: (),
		media-breakpoint-up: (),
	),
	$sidebar-light-navigation-bar
);

$sidebar-light: () !default;
$sidebar-light: map-deep-merge(
	(
		background-color: $light,
		border-color: $gray-300,
		border-left-width: 1px,
		color: $gray-900,
		sidebar-dd: (
			href: (
				color: $gray-900,
			),
		),
		sidebar-panel: (
			background-color: $gray-200,
		),
		sidebar-list-group: (
			list-group-title: (
				font-size: 1rem,
				href: (
					color: $gray-900,
				),
			),
		),
		component-navigation-bar: $sidebar-light-navigation-bar,
	),
	$sidebar-light
);

// Sidebar Dark

$sidebar-dark: () !default;
$sidebar-dark: map-deep-merge(
	(
		background-color: $dark,
		color: $white,
		sidebar-header: (
			component-title: (
				color: inherit,
				href: (
					color: inherit,
				),
			),
			component-subtitle: (
				color: inherit,
				href: (
					color: inherit,
				),
			),
		),
		close: (
			color: $secondary-l1,
			hover: (
				color: $white,
			),
		),
		nav-nested: (
			nav-link: (
				border-radius: $border-radius,
				color: $secondary-l1,
				transition: box-shadow 0.15s ease-in-out,
				hover: (
					color: $white,
				),
				focus: (
					box-shadow: $component-focus-box-shadow,
					outline: 0,
				),
				active: (
					color: $white,
				),
				disabled: (
					box-shadow: none,
					color: $secondary-l1,
					opacity: 0.65,
					active: (
						pointer-events: none,
					),
				),
			),
		),
	),
	$sidebar-dark
);

$sidebar-palette: () !default;
$sidebar-palette: map-deep-merge(
	(
		sidebar-light: $sidebar-light,
		sidebar-dark: $sidebar-dark,
		sidebar-dark-l2: (
			background-color: $dark-l2,
			color: $white,
			sidebar-header: (
				component-title: (
					color: inherit,
					href: (
						color: inherit,
					),
				),
				component-subtitle: (
					color: inherit,
					href: (
						color: inherit,
					),
				),
			),
			close: (
				color: $secondary-l1,
				hover: (
					color: $white,
				),
			),
			nav-nested: (
				nav-link: (
					border-radius: $border-radius,
					color: $secondary-l1,
					transition: box-shadow 0.15s ease-in-out,
					hover: (
						color: $white,
					),
					focus: (
						box-shadow: $component-focus-box-shadow,
						outline: 0,
					),
					active: (
						color: $white,
					),
					disabled: (
						box-shadow: none,
						color: $secondary-l1,
						opacity: 0.65,
						active: (
							pointer-events: none,
						),
					),
				),
			),
		),
	),
	$sidebar-palette
);
