/* FAQ accueil ESTAC — accordéon natif <details>, couleurs alignées sur Zeina
   (--color-primary bleu, --color-text or) avec repli si le thème change.
   */

.estac-faq-list {
	padding: 0.25rem 1rem 0.75rem;
}

.estac-faq-item {
	border-bottom: 1px solid rgba(148, 163, 184, 0.3);
}

.estac-faq-item:last-child {
	border-bottom: 0;
}

.estac-faq-q {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 0.85rem 0;
	cursor: pointer;
	list-style: none;
	color: rgb(var(--color-primary, 9, 72, 137));
}

.estac-faq-q::-webkit-details-marker {
	display: none;
}

.estac-faq-q h3 {
	margin: 0;
	padding: 0;
	font-size: 0.95rem;
	font-weight: 600;
	line-height: 1.4;
	color: inherit;
	text-transform: none;
	border: 0;
}

.estac-faq-q:hover h3 {
	text-decoration: underline;
}

.estac-faq-chevron {
	flex: none;
	transition: transform 0.2s ease;
}

.estac-faq-item[open] .estac-faq-chevron {
	transform: rotate(180deg);
}

.estac-faq-a {
	padding: 0 0 1rem;
	font-size: 0.9rem;
	line-height: 1.6;
}

.estac-faq-a a {
	font-weight: 600;
}

html.dark .estac-faq-q {
	color: rgb(var(--color-text, 202, 170, 84));
}

html.dark .estac-faq-item {
	border-bottom-color: rgba(148, 163, 184, 0.15);
}

@media (max-width: 767px) {
	.estac-faq-list {
		padding: 0 0.75rem 0.5rem;
	}
}