/*-----------------------------
		REFONTE 2026 : CLASSES ÉDITORIALES
-----------------------------*/

/*
 * Classes saisies en back-office dans les champs ACF « Classes CSS » (…_classes) des sections et des éléments de contenu
 * de la refonte (accueil, page Équipe), imprimées par amClasses() / amFieldClasses() / amSubFieldClasses() (functions.php).
 * Chargée sur tout le site, après les feuilles de section (handle am-utilitaires, priorité 30).
 *
 * Règle : le réglage par défaut reste dans la feuille de la section (ex. .am-metiers__text { max-width: 23em } dans
 * am-home.css) ; une classe saisie le remplace, un champ vide ne change rien au rendu.
 *
 * !important volontaire, limité à ce fichier : les réglages par défaut des sections vont jusqu'à une spécificité (0,2,0)
 * et se trouvent parfois dans des media queries ; une classe choisie en back-office doit toujours l'emporter, à toute
 * taille d'écran. Aucune autre feuille de la refonte n'utilise !important pour ces propriétés.
 *
 * Largeurs en px, comme les wrapper-XXX historiques (inc/start.css), mais sans .wrapper ni padding : seule la largeur
 * maximale change. Sur mobile, l'élément ne dépasse jamais la largeur de son conteneur.
 */

/* Largeur maximale */
.am-w-300 { max-width: 300px !important; }
.am-w-350 { max-width: 350px !important; }
.am-w-400 { max-width: 400px !important; }
.am-w-450 { max-width: 450px !important; }
.am-w-500 { max-width: 500px !important; }
.am-w-550 { max-width: 550px !important; }
.am-w-600 { max-width: 600px !important; }
.am-w-650 { max-width: 650px !important; }
.am-w-700 { max-width: 700px !important; }
.am-w-800 { max-width: 800px !important; }
.am-w-900 { max-width: 900px !important; }
.am-w-1000 { max-width: 1000px !important; }
.am-w-1100 { max-width: 1100px !important; }
.am-w-1200 { max-width: 1200px !important; }
/* Retire la largeur par défaut de l'élément */
.am-w-none { max-width: none !important; }

/* Position du bloc dans son conteneur */
.am-centre { margin-inline: auto !important; }
.am-gauche { margin-inline: 0 auto !important; }
.am-droite { margin-inline: auto 0 !important; }

/* Alignement du texte */
.am-txt-centre { text-align: center !important; }
.am-txt-gauche { text-align: left !important; }
.am-txt-droite { text-align: right !important; }