//--------- accordion ----------//
.accordion-button {
	--bs-accordion-active-color: var(--app-nav-link-active-color);
	--bs-accordion-active-bg: rgba(var(--fusion), 0.04);
	background-color: var(--bs-accordion-active-bg);

	font-size: var(--bs-body-font-size);
	font-weight: 500;
}

.accordion {

	//--bs-accordion-btn-icon-width: 1rem;

	&.accordion-clean {
		.accordion-item {
			border-left: 0;
			border-right: 0;
			background: transparent;

			&:first-child {
				border-top: 0;
			}

			&:last-child {
				border-bottom: 0;
			}
		}

		&:not(.accordion-outline):not(.accordion-hover) {

			.accordion-button,
			.accordion-body {
				padding-left: 0;
				padding-right: 0;
			}

			.accordion-body {
				padding-top: 0;
			}
		}

		// &.accordion-outline,
		// &.accordion-hover {
		// 	.accordion-button,
		// 	.accordion-body {
		// 		padding-left: 1rem;
		// 		padding-right: 1rem;
		// 	}
		// }

		.accordion-button {
			background: transparent;

			&:not(.collapsed) {
				color: rgba(var(--bs-body-color-rgb), 1);
			}

			&.collapsed {
				color: rgba(var(--bs-body-color-rgb), 0.75);
			}
		}
	}

	&.accordion-outline {
		.accordion-item {
			margin-bottom: 1rem;
			border: 2px solid var(--bs-border-color) !important;
			border-radius: var(--bs-border-radius);

			.accordion-button {
				background: transparent;

				&:focus {
					box-shadow: none;
				}
			}
		}
	}

	&.accordion-hover {

		--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");

		.accordion-item {
			background: transparent;
		}

		.accordion-button {
			transition: all 0.5s ease;
			background: transparent;

			&:hover {
				&.collapsed {
					color: var(--bs-white);
					background-color: var(--primary-400);

					&::after {
						background-image: var(--bs-accordion-btn-active-icon);
					}
				}
			}

			&:not(.collapsed) {
				color: var(--bs-white);
				background-color: var(--primary-700);

				&::after {
					background-image: var(--bs-accordion-btn-active-icon);
				}
			}
		}
	}
}

// Override default accordion button styles when needed
.accordion-button {
	&:not(.collapsed) {
		box-shadow: none;

		&::after {
			background-image: var(--bs-accordion-btn-active-icon);
		}
	}
}

// cust accordion buttons
[aria-expanded=false]~.collapsed-reveal {
	display: none;
}

[aria-expanded=false] .collapsed-reveal {
	display: none;
}

[aria-expanded=false]~.collapsed-hidden {
	display: block;
}

[aria-expanded=false] .collapsed-hidden {
	display: block;
}

[aria-expanded=true]~.collapsed-reveal {
	display: block;
}

[aria-expanded=true] .collapsed-reveal {
	display: block;
}

[aria-expanded=true]~.collapsed-hidden {
	display: none;
}

[aria-expanded=true] .collapsed-hidden {
	display: none;
}

// custom collapse
.accordion-button.custom-collapse {
	&::after {
		content: none;
	}
}