/**
 * DMR75 — respiration de l'article en vue single.
 *
 * Le thème Newsxo déclare, dans assets/css/sass/core.css :
 *
 *     .bs-blog-post.single { padding: 20px; }
 *
 * sans aucune variante responsive (règle au niveau racine, hors media query).
 * 20px convient sur mobile, mais l'article single est rendu dans un
 * .col-lg-12 pleine largeur et porte une bordure visible
 * (.bs-blog-post.bshre.single { border: 1px solid var(--border-color) }) :
 * sur desktop le texte vient donc coller le cadre.
 *
 * On repasse en padding fluide. Les deux variables ci-dessous sont les
 * seuls réglages à toucher pour ajuster l'ensemble.
 */

:root {
	/* Vertical : 20px jusqu'à ~450px de large, puis croît jusqu'à 44px. */
	--dmr75-single-pad-y: clamp(20px, 1.8vw + 12px, 44px);
	/* Horizontal : 20px sur mobile (valeur d'origine, aucune régression),
	   32px vers 768px, 58px vers 1280px, plafonné à 72px. */
	--dmr75-single-pad-x: clamp(20px, 5vw - 6px, 72px);
}

.bs-blog-post.single {
	padding: var(--dmr75-single-pad-y) var(--dmr75-single-pad-x);
}

/**
 * DMR75 — puces/numéros des listes dans le corps de l'article.
 *
 * core.css impose un reset global :
 *
 *     ul { list-style: none; padding: 0; margin: 0; }
 *
 * pensé pour les menus/widgets, mais qui s'applique aussi aux <ul>/<ol>
 * du contenu d'article (WordPress ne les distingue pas par une classe).
 * La règle censée redonner l'indentation, `ol, ul { padding-left: 2rem; }`,
 * est commentée dans core.css (donc inactive) : les listes de l'article
 * n'ont ni puce ni retrait et collent au bord de la carte.
 *
 * On restaure ça uniquement à l'intérieur du corps de l'article
 * (.bs-blog-post.single .small.single), sans toucher aux menus/widgets
 * qui ont raison de garder list-style: none.
 */

.bs-blog-post.single .small.single ul,
.bs-blog-post.single .small.single ol {
	margin: 0 0 32px;
	padding-left: 1.4em;
}

.bs-blog-post.single .small.single ul {
	list-style-type: disc;
}

.bs-blog-post.single .small.single ol {
	list-style-type: decimal;
}

.bs-blog-post.single .small.single ul ul,
.bs-blog-post.single .small.single ol ol,
.bs-blog-post.single .small.single ul ol,
.bs-blog-post.single .small.single ol ul {
	margin: 4px 0 0;
}

.bs-blog-post.single .small.single li {
	margin-bottom: 8px;
	line-height: 1.5;
}

.bs-blog-post.single .small.single li:last-child {
	margin-bottom: 0;
}