/* WIDGET: ACCORDION
-------------------------------------------- */

.vlt-accordion {
	padding: 0;
	margin: 0;
	list-style-type: none;

	&__item {
		border: 1px solid var(--vlt-color-gray-0p3);
		border-radius: var(--vlt-border-radius);
	}

	&__title {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: px2rem(35px) px2rem(70px);
		color: var(--vlt-color-dark);
		background: none;
		outline: none;
		box-shadow: none;
		@include vlt_primary_bold_20;

		@include media-breakpoint-down(xl) {
			padding: px2rem(30px) px2rem(45px);
		}

		@include media-breakpoint-down(md) {
			padding: px2rem(30px);
		}

		&::after {
			display: none;
		}

		svg {
			height: 1em;
			font-size: px2rem(10px);
			transition: transform var(--vlt-transition-duration) var(--vlt-transition-easing);
		}

		&:not(.collapsed),
		&:focus {
			background: none;
			box-shadow: none;
		}

		&[aria-expanded="true"] {
			color: var(--vlt-accent-1);

			svg {
				color: var(--vlt-color-gray);
				transform: rotate(180deg);
			}

		}

	}

	&__text {
		padding: 0 px2rem(70px) px2rem(40px) ;

		@include media-breakpoint-down(xl) {
			padding: 0 px2rem(45px) px2rem(30px) ;
		}

		@include media-breakpoint-down(md) {
			padding: 0 px2rem(30px) px2rem(30px);
		}

		p:last-of-type {
			margin-bottom: 0;
		}

	}

	.vlt-accordion__item + .vlt-accordion__item {
		margin-top: px2rem(20px);
	}

}