/* FAQ — template raw. Uniquement des variables générées par theme.json. */

.bank-faq__list {
	display: grid;
	gap: 0 var(--wp--preset--spacing--60);
	align-items: start;
}

.bank-faq--columns-1 .bank-faq__list {
	max-width: var(--wp--style--global--content-size);
}

@media (min-width: 56em) {
	.bank-faq--columns-2 .bank-faq__list {
		grid-template-columns: 1fr 1fr;
	}
}

.bank-faq__item {
	border-bottom: 1px solid var(--wp--preset--color--border);
}

.bank-is-dark .bank-faq__item {
	border-color: color-mix(in srgb, currentColor 25%, transparent);
}

.bank-faq__question {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--wp--preset--spacing--40);
	padding-block: var(--wp--preset--spacing--40);
	cursor: pointer;
	list-style: none;
}

.bank-faq__question::-webkit-details-marker {
	display: none;
}

/* Indicateur : un plus qui devient un moins. */
.bank-faq__question::after {
	content: "";
	flex: none;
	width: 0.75em;
	height: 0.75em;
	background:
		linear-gradient(currentColor, currentColor) center / 100% 2px no-repeat,
		linear-gradient(currentColor, currentColor) center / 2px 100% no-repeat;
	transition: transform 200ms ease-out;
}

.bank-faq__item[open] > .bank-faq__question::after {
	background-size: 100% 2px, 0 0;
	transform: rotate(180deg);
}

.bank-faq__question:focus-visible {
	outline: 2px solid var(--wp--preset--color--primary);
	outline-offset: 2px;
}

.bank-faq__title {
	margin: 0;
	font-size: var(--wp--preset--font-size--medium);
	font-weight: 600;
	line-height: 1.4;
}

.bank-faq__answer {
	padding-bottom: var(--wp--preset--spacing--40);
	color: var(--wp--preset--color--muted);
}

.bank-is-dark .bank-faq__answer {
	color: inherit;
}

@media (prefers-reduced-motion: reduce) {
	.bank-faq__question::after {
		transition: none;
	}
}