/* G6M_NODE_ALIGN_V911
   Aligne verticalement les colonnes de statistiques des forums.

   Cause : .node-main n'a pas min-width:0, il pousse donc les colonnes de droite
   selon la longueur de la description, et .node-stats se retracte (shrink 1).

   ⚠️ Ces regles DOIVENT etre dans @layer g6m-nodes : les regles concurrentes y
   sont, et pour une declaration !important une couche l'emporte sur le hors-
   couche quelle que soit la specificite. Ecrites dehors, elles sont inertes.

   Largeurs reprises a l'identique de l'existant : aucun changement de gabarit.
   Mobile (<901px) non touche : la mise en page y est empilee. */

@layer g6m-nodes {

	@media (min-width: 901px) {
		html body .p-body-pageContent .node--forum .node-body > .node-main,
		html body .p-body-pageContent .node--forum .node-body > .js-nodeMain {
			flex: 1 1 auto !important;
			min-width: 0 !important;
		}
		html body .p-body-pageContent .node--forum .node-body > .node-stats {
			flex: 0 0 17rem !important;
			width: 17rem !important;
			min-width: 17rem !important;
			max-width: 17rem !important;
		}
		html body .p-body-pageContent .node--forum .node-body > .node-extra {
			flex: 0 0 12.5rem !important;
			width: 12.5rem !important;
			min-width: 12.5rem !important;
			max-width: 12.5rem !important;
		}
	}

	@media (min-width: 1150px) {
		html body .p-body-pageContent .node--forum .node-body > .node-stats {
			flex: 0 0 17.5rem !important;
			width: 17.5rem !important;
			min-width: 17.5rem !important;
			max-width: 17.5rem !important;
		}
	}

	/* G6M_NODE_WIDTH_MOBILE — sous 901px, .block-container deborde via des
	   marges negatives (-10px) tandis que .node--forum garde +8.8px de marge
	   horizontale : les cartes etaient plus etroites que l'en-tete de
	   categorie. On aligne les deux bords. */
	@media (max-width: 900px) {
		html body .p-body-pageContent .node--forum,
		html body .p-body-pageContent .node.node--depth2 {
			margin-left: 0 !important;
			margin-right: 0 !important;
		}
	}

	/* G6M_NODE_JOIN_MOBILE — .block-container porte margin:-10px horizontal
	   (debordement voulu sur desktop). Sous 901px il desaligne les nœuds de
	   l'en-tete de categorie : mesure a 390px, en-tete 14->365, nœuds 4->355.
	   On neutralise uniquement en mobile. */
	@media (max-width: 900px) {
		html body .p-body-pageContent .block-container {
			margin-left: 0 !important;
			margin-right: 0 !important;
		}
	}

	/* G6M_NODE_EXTRA_LARGEUR — le titre du dernier message etait tronque parce
	   que .node-extra etait fige a 12.5rem (200px), pas a cause du line-clamp.
	   On passe a 16rem et on laisse 2 lignes pleines. La largeur reprise vient
	   de .node-main, qui absorbe (min-width:0 deja pose plus haut). */
	@media (min-width: 901px) {
		html body .p-body-pageContent .node--forum .node-body > .node-extra {
			flex: 0 0 16rem !important;
			width: 16rem !important;
			min-width: 16rem !important;
			max-width: 16rem !important;
		}
		html body .p-body-pageContent .node--forum .node-extra-title {
			font-size: 13.8px !important;
			line-height: 1.35 !important;
			-webkit-line-clamp: 2 !important;
			overflow: hidden !important;
		}
	}

	/* G6M_NODE_MAIN_BASIS — le retour a la ligne dependait de la LONGUEUR DE LA
	   DESCRIPTION : avec flex-basis:auto, la taille hypothetique de .node-main
	   est sa largeur de contenu, evaluee AVANT compression. Un texte long
	   depassait la place restante et basculait sous l'icone. Avec une base a 0,
	   c'est min-width (192px) qui sert de taille hypothetique — elle tient. */
	html body .node--forum .node-body > .node-main {
		flex-basis: 0 !important;
	}
}