/*
Ability Esports — Accordion / FAQ system.
/docs/UI-PATTERN-LIBRARY.md §30. Built on native <details>/<summary> — zero
JS, and content stays present in the DOM (crawlable) regardless of
open/closed state, per that section's explicit crawlability requirement.
*/

.ae-accordion {
	border-top: var(--ae-border-subtle);
}

.ae-accordion__item {
	border-bottom: var(--ae-border-subtle);
}

.ae-accordion__item > summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--ae-space-md);
	padding-block: var(--ae-space-md);
	font-family: var(--ae-font-display);
	font-weight: var(--ae-weight-heading);
	font-size: var(--ae-text-h5);
	color: var(--ae-color-text-primary);
	cursor: pointer;
	list-style: none;
}

.ae-accordion__item > summary::-webkit-details-marker {
	display: none;
}

.ae-accordion__item > summary:hover {
	color: var(--ae-color-brand-primary-bright);
}

.ae-accordion__icon {
	flex-shrink: 0;
	width: 1rem;
	height: 1rem;
	border: solid currentColor;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
	transition: transform var(--ae-duration-fast) var(--ae-ease-standard);
}

.ae-accordion__item[open] > summary .ae-accordion__icon {
	transform: rotate(-135deg);
}

@media (prefers-reduced-motion: reduce) {
	.ae-accordion__icon {
		transition: none;
	}
}

.ae-accordion__panel {
	padding-bottom: var(--ae-space-lg);
	color: var(--ae-color-text-secondary);
	max-width: var(--ae-measure-body);
}