/**
 * Pages catégorie / section FAQ — styles structurels neutres (accent via variable CSS).
 * Utilisé par [mint_faq_category_tree] et [mint_faq_section_articles].
 */
.mint-faq-tree {
	--mint-faq-accent: #2d005a;
}

.mint-faq-tree__section {
	margin: 0 0 1.75em;
}

/* Page catégorie : sections (+ leurs articles) sur deux colonnes. */
.mint-faq-tree--cols {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0.5rem 2.5rem;
}

.mint-faq-tree--cols .mint-faq-tree__section {
	margin: 0 0 1.25em;
}

@media (max-width: 782px) {
	.mint-faq-tree--cols {
		grid-template-columns: 1fr;
	}
}

.mint-faq-tree__section-title {
	margin: 0 0 0.5em;
	font-size: 1.15em;
	text-transform: none;
}

.mint-faq-tree__section-title a {
	color: var(--mint-faq-accent);
	text-decoration: none;
}

.mint-faq-tree__section-title a:hover {
	text-decoration: underline;
}

.mint-faq-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.mint-faq-list__item {
	margin: 0.35em 0;
}

.mint-faq-list__item a {
	color: var(--mint-faq-accent);
	text-decoration: none;
}

.mint-faq-list__star {
	color: var(--mint-faq-accent);
	font-size: 0.85em;
	line-height: 1;
}

.mint-faq-list__item a:hover {
	text-decoration: underline;
}

.mint-faq-tree__more {
	display: inline-block;
	margin-top: 0.5em;
	color: var(--mint-faq-accent);
	text-decoration: none;
}

.mint-faq-tree__more:hover {
	text-decoration: underline;
}

/* Menu vertical (page article) */
.mint-faq-menu {
	--mint-faq-accent: #2d005a;
}

.mint-faq-menu__title {
	font-weight: 700;
	margin: 0 0 0.5em;
	color: var(--mint-faq-accent);
	text-transform: none;
	font-size: 1.15em;
}

.mint-faq-menu__list {
	list-style: none;
	margin: 0;
	padding: 0;
	border-left: 2px solid #ececec;
}

.mint-faq-menu__item {
	margin: 0;
}

.mint-faq-menu__item a,
.mint-faq-menu__item span {
	display: block;
	padding: 0.4em 0.9em;
	margin-left: -2px;
	border-left: 2px solid transparent;
	color: var(--mint-faq-accent);
	text-decoration: none;
}

.mint-faq-menu__item a:hover {
	color: var(--mint-faq-accent);
}

.mint-faq-menu__item.is-current span {
	border-left-color: var(--mint-faq-accent);
	color: var(--mint-faq-accent);
	font-weight: 600;
}

.mint-faq-menu__more {
	display: inline-block;
	margin-top: 0.6em;
	padding-left: 0.9em;
	color: var(--mint-faq-accent);
	text-decoration: none;
}

.mint-faq-menu__more:hover {
	text-decoration: underline;
}

/* Articles associés ([mint_faq_related]) : même liste que le menu de section,
   mais sans le rail vertical gris, et titre centré. */
.mint-faq-related .mint-faq-menu__title {
	text-align: center;
}

.mint-faq-related .mint-faq-menu__list {
	border-left: 0;
}

.mint-faq-related .mint-faq-menu__item a,
.mint-faq-related .mint-faq-menu__item span {
	margin-left: 0;
	border-left: 0;
	padding-left: 0;
	padding-right: 0;
}

/* Pagination de section */
.mint-faq-pagination ul {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 0.35em;
	padding: 0;
	margin: 1.25rem 0 0;
}

.mint-faq-pagination a,
.mint-faq-pagination span {
	display: inline-block;
	padding: 0.35em 0.7em;
	border: 1px solid #ddd;
	border-radius: 4px;
	text-decoration: none;
	color: var(--mint-faq-accent);
}

.mint-faq-pagination .current {
	background: var(--mint-faq-accent);
	color: #fff;
	border-color: var(--mint-faq-accent);
}