/* ICT FAQ — reproduit le style ".faq-list" (cantonné sous .ict-faq)
   Variables inline : --ict-faq-c1, --ict-faq-c2, --ict-faq-c1-soft, --ict-faq-open-text */

.ict-faq {
	--ict-faq-line: #e4e9f0;
	--ict-faq-ink-60: #4a5563;
	--ict-faq-fh: "Space Grotesk", "Segoe UI", system-ui, sans-serif;
	--ict-faq-shadow-sm: 0 1px 2px rgba(15, 44, 76, 0.05), 0 2px 8px rgba(15, 44, 76, 0.05);

	/* .faq-list */
	margin: auto;
	display: flex;
	flex-direction: column;
	gap: 14px;
	box-sizing: border-box;
}
.ict-faq *, .ict-faq *::before, .ict-faq *::after { box-sizing: border-box; }

/* .faq-item (élément natif <details>) */
.ict-faq .faq-item {
	background: #fff;
	border: 1px solid var(--ict-faq-line);
	border-radius: 8px;
	box-shadow: var(--ict-faq-shadow-sm);
	overflow: hidden;
}

.ict-faq .faq-item summary {
	list-style: none;
	cursor: pointer;
	padding: 22px 24px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	font-family: var(--ict-faq-fh);
	font-weight: 600;
	font-size: 1.1rem;
	color: var(--ict-faq-c1, #183763);
}
.ict-faq .faq-item summary::-webkit-details-marker { display: none; }
.ict-faq .faq-item summary::marker { content: ""; }

/* Icône + qui pivote en × */
.ict-faq .faq-icon {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: var(--ict-faq-c1-soft, rgba(24, 55, 99, 0.10));
	color: var(--ict-faq-c1, #183763);
	display: grid;
	place-items: center;
	flex: none;
	transition: transform .25s ease, background .2s, color .2s;
}
.ict-faq .faq-icon svg { width: 16px; height: 16px; }

.ict-faq .faq-item[open] .faq-icon {
	transform: rotate(45deg);
	background: var(--ict-faq-c2, #FAB519);
	color: var(--ict-faq-open-text, #fff);
}

/* Réponse */
.ict-faq .faq-answer {
	padding: 0 24px 24px;
	color: var(--ict-faq-ink-60);
	font-size: 1.04rem;
	line-height: 1.6;
	max-width: 100%;
}
.ict-faq .faq-answer p { margin: 0 0 12px; }
.ict-faq .faq-answer p:last-child { margin-bottom: 0; }
.ict-faq .faq-answer a { color: var(--ict-faq-c1, #183763); text-decoration: underline; }

@media (prefers-reduced-motion: reduce) {
	.ict-faq .faq-icon { transition: none; }
}