/*
	Forum sur téléphone : chargé après le thème du membre (header.php), pour tous les thèmes.
	Les thèmes FluxBB placent l'auteur et le message côte à côte par des marges négatives fixes
	(218 px) et les listes réservent des colonnes de compteurs : illisible sous 700 px.
*/
@media (max-width: 700px) {
	.pun { padding: 8px 6px; }
	.pun .punwrap { padding: 8px; }
	.pun img { max-width: 100%; height: auto; }
	.pun pre { overflow-x: auto; }

	/* Menu : sur plusieurs lignes */
	#brdmenu ul { display: flex; flex-wrap: wrap; }
	#brdmenu li { float: none; flex: 1 1 auto; }
	#brdmenu a:link, #brdmenu a:visited { min-width: 0; padding: 7px 10px; }

	/* Messages : auteur au-dessus du message */
	.pun .blockpost .inbox { float: none; }
	.pun .blockpost .postbody, .pun .blockpost .postfoot {
		float: none; margin-right: 0; border-left: 0; width: auto;
	}
	.pun .blockpost .postleft, .pun .blockpost .postfootleft {
		float: none; margin-left: 0; width: auto; padding: 6px 8px;
	}
	#punviewtopic .blockpost dt, #punmoderate .blockpost dt {
		position: static; width: auto; height: auto; padding: 0;
	}
	.pun .blockpost .postleft dl { display: flex; flex-wrap: wrap; align-items: center; gap: 0 10px; }
	.pun .blockpost .postleft dd { display: none; }
	.pun .blockpost .postleft dd.usertitle, .pun .blockpost .postleft dd.postavatar { display: block; padding: 0; }
	.pun .blockpost .postleft dd.postavatar { order: -1; margin: 0; }
	.pun .blockpost .postleft .postavatar img { max-width: 48px; max-height: 48px; }
	.pun .blockpost .postright, .pun .blockpost .postfootright { padding: 6px 8px; }
	/* En-tête du message (date, numéro) : la marge gauche était réservée au nom de l'auteur */
	.pun .blockpost h2 { padding-left: 8px; }
	.pun .blockpost .postleft .postavatar img { width: 48px; }

	/* Listes de forums et de sujets : sans les colonnes de compteurs */
	.pun .blocktable .tc2, .pun .blocktable .tc3, .pun .blocktable .tcmod { display: none; }
	.pun .blocktable .tcr { width: 35%; font-size: 0.9em; }
	.pun .blocktable .tclcon { padding-left: 0; min-height: 0; }
	.pun .blocktable .tclcon .icon, .pun .blocktable td.tcl .icon { display: none; }

	/* Formulaires */
	.pun textarea, .pun input[type="text"], .pun input[type="password"] { max-width: 100%; box-sizing: border-box; }
}