/* Accordion component (BEM) */

.block--accordion {
    padding: 0;
}

.block--accordion .accordion {
	display: block;
}

.block--accordion .accordion__item + .accordion__item {
	margin-top: 20px;
}

/* Summary styles as requested */
.block--accordion .accordion__summary {
	background-color: #BA8FC0;
	padding: 10px 20px 10px 20px;
	cursor: pointer;
    font-family: "Btp Normal";
	user-select: none;
	transition: background-color 150ms ease;
    color: var(--color-light);
}

.block--accordion .accordion__summary:hover {
	filter: brightness(0.97);
}

/* Hide default disclosure marker to use a custom one */
.block--accordion .accordion__summary::-webkit-details-marker {
	display: none;
}

/* Custom chevron indicator with rotation on open */
.block--accordion .accordion__summary::after {
	content: '\25B8'; /* ▸ */
	display: inline-block;
	margin-left: .5rem;
	transition: transform .3s ease;
}

.block--accordion .accordion__item[open] > .accordion__summary::after {
	transform: rotate(90deg);
}

/* Fancy open/close transition for the content */
.block--accordion .accordion__content {
	display: grid;
	grid-template-rows: 0fr; /* collapsed */
	transition: grid-template-rows .3s ease;
	overflow: hidden; /* ensure clipping during height animation */
}

.block--accordion .accordion__item[open] > .accordion__content {
	grid-template-rows: 1fr; /* expanded */
}

/* Ensure content can be smoothly clipped */
.block--accordion .accordion__content > * {
	overflow: hidden;
	opacity: 0;
	transform: translateY(-4px);
	transition: opacity .25s ease, transform .25s ease;
	will-change: opacity, transform;
	min-height: 0; /* required for nested grids to shrink properly in some browsers */
}

/* Optional inner padding for content */
.block--accordion .accordion__content > * {
	padding: 10px;
}

/* Open state: fade in and slide into place */
.block--accordion .accordion__item[open] > .accordion__content > * {
	opacity: 1;
	transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
	.block--accordion .accordion__content,
	.block--accordion .accordion__content > * {
		transition: none !important;
		transform: none !important;
	}
}