/* rb-texte-long.css — mots plus larges que leur conteneur (02/11/2026)
 *
 * Une URL, une route, un user-agent ou un jeton affiché en clair est un seul
 * « mot » de 60 à 150 caractères : il débordait l'écran du téléphone, ou
 * élargissait tout un tableau jusqu'au défilement horizontal (vu sur
 * /admins/activity/index et le forum). Chargée sur tout le site par
 * RbTexteLongAsset (gabarits default et main). Le détail est en tête de
 * components/LiensLongs.php.
 */

/* 1. Filet général. `break-word` ne coupe un mot QUE s'il déborde de son bloc,
   et — contrairement à `anywhere` — ne change pas la largeur minimale des
   cellules ni des éléments flex : les tableaux de chiffres restent intacts et
   continuent de défiler comme avant ; seuls les paragraphes, panneaux et
   messages cessent de déborder. */
body {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* 2. Cellule ou zone qui affiche une URL ou une chaîne technique. Ici la
   largeur minimale DOIT baisser, sinon la table s'élargit pour loger le mot
   entier : `anywhere`. `white-space` est forcé parce que admin-mobile.css met
   toutes les cellules des grilles en `nowrap` sur téléphone. */
.rb-coupe {
    white-space: normal !important;
    word-wrap: break-word;
    word-break: break-word;
    overflow-wrap: anywhere;
}

td.rb-coupe,
th.rb-coupe {
    min-width: 12em;
}

/* Corps des articles (views/common/apprendre/article.php) : des images anciennes,
   reprises de sites de presse sans classe img-responsive, gardaient leur largeur
   d'origine (417 à 600 px) et faisaient défiler la page sur mobile. Pas de
   display:block, contrairement à img-responsive : l'image reste centrée par le
   text-align de son paragraphe. height !important : 20 images portent une
   hauteur en pixels dans leur style, qui les aurait écrasées. */
.rb-article-corps img {
    max-width: 100%;
    height: auto !important;
}

/* 3. Fiches détaillées (DetailView) : la valeur peut être une URL, un message
   d'erreur, un jeton. La table fait déjà toute la largeur ; la valeur se coupe
   au lieu de la pousser au-delà de l'écran. `white-space` forcé pour la même
   raison que .rb-coupe : admin-mobile.js enveloppe aussi les DetailView dans un
   .table-responsive, dont admin-mobile.css met les cellules en `nowrap`. */
table.detail-view > tbody > tr > td {
    white-space: normal !important;
    word-break: break-word;
    overflow-wrap: anywhere;
}