/* =========================================================================
   article.css — rendu du contenu des ARTICLES (HTML classique d'Arvow).
   Chargé uniquement sur les single posts (voir inc/landing.php).

   ⚠️ Arvow envoie du HTML nu ; c'est ce fichier qui le rend lisible.
   Le SCHEMA (FAQPage, Article…) est géré par Arvow / ton plugin SEO,
   PAS ici. Ici on ne fait que du visuel.

   Astra enveloppe le contenu dans .entry-content ; on scope dessus.
   ========================================================================= */

.single-post .entry-content {
	/* Variables locales (modifiables d'un coup ici). */
	--art-border: #e3e3e6;
	--art-head-bg: #f6f6f7;
	--art-zebra: #fafafa;
}

/* ----------------------------- TABLEAUX ----------------------------- */
.single-post .entry-content table {
	width: 100%;
	border-collapse: collapse;
	margin: 1.75rem 0;
	font-size: .95rem;
	line-height: 1.45;
}

.single-post .entry-content th,
.single-post .entry-content td {
	border: 1px solid var(--art-border);
	padding: .65rem .85rem;
	text-align: left;
	vertical-align: top;
}

.single-post .entry-content thead th {
	background: var(--art-head-bg);
	font-weight: 600;
}

.single-post .entry-content tbody tr:nth-child(even) {
	background: var(--art-zebra);
}

/* Sur mobile : le tableau devient scrollable horizontalement
   au lieu de casser la mise en page. */
@media (max-width: 600px) {
	.single-post .entry-content table {
		display: block;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
}

/* ------------------------------- FAQ -------------------------------- */
/* Cas A — Arvow génère la FAQ en <details>/<summary>. */
.single-post .entry-content details {
	border: 1px solid var(--art-border);
	border-radius: 8px;
	padding: .25rem 1rem;
	margin: .75rem 0;
}

.single-post .entry-content summary {
	cursor: pointer;
	font-weight: 600;
	padding: .75rem 0;
	list-style: none;
}

.single-post .entry-content summary::-webkit-details-marker {
	display: none;
}

.single-post .entry-content summary::after {
	content: "+";
	float: right;
	font-weight: 400;
	transition: transform .2s ease;
}

.single-post .entry-content details[open] summary::after {
	content: "–";
}

/* Cas B — Arvow génère la FAQ en headings + paragraphes.
   À activer/ajuster une fois que tu auras vu le markup réel d'un article.
   Exemple : espacer un peu chaque question. */
/*
.single-post .entry-content h3 {
	margin-top: 1.5rem;
}
*/

/* --------------------------- LISIBILITÉ ----------------------------- */
.single-post .entry-content :where(p, ul, ol) {
	line-height: 1.7;
}

.single-post .entry-content blockquote {
	border-left: 3px solid var(--art-border);
	padding-left: 1rem;
	margin: 1.5rem 0;
	font-style: italic;
}