/**
 * FAQ Block Styles
 * Uses native <details>/<summary> for accordion functionality.
 * No JavaScript required; CSS handles all visual transitions.
 */

.faq-block {
	/* Block wrapper */
}

.faq-item {
	/* Individual FAQ item with native details element */
}

.faq-item summary {
	/* Question row; cursor and hover state handled in PHP */
	outline: none;
	list-style: none;
}

/* Remove default browser chevron */
.faq-item summary::-webkit-details-marker {
	display: none;
}

.faq-item summary::marker {
	display: none;
}

.faq-item summary:focus-visible {
	/* Visible focus state for keyboard navigation */
	outline: 2px solid currentColor;
	outline-offset: 2px;
	border-radius: 4px;
}

.faq-content {
	/* Answer content */
	animation: faq-slide-down 300ms ease-out;
}

@keyframes faq-slide-down {
	from {
		opacity: 0;
		transform: translateY(-8px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Fallback for browsers without open attribute selector support */
.faq-item[open] .faq-content {
	animation: faq-slide-down 300ms ease-out;
}