/* ART CONSTRUCTION - menu mobile sur le modele du Portail (vague 2, tache 7) — sites « sp- » (site, Support, offre Plans Pro).
   En dessous de 960 px : le menu et les boutons de la barre passent dans le menu deroulant ; la barre garde le logo,
   la langue, les neuf points et le bouton du menu, sur une seule ligne. */
.art-mm-bouton { display: none; flex: none; align-items: center; justify-content: center; padding: 8px; border: 1px solid #D1D5DB; border-radius: 8px; background: #fff; color: #374151; cursor: pointer; line-height: 0; }
.art-mm-bouton .art-mm-x { display: none; }
.art-mm-ouvert .art-mm-bouton .art-mm-x { display: block; }
.art-mm-ouvert .art-mm-bouton .art-mm-trois { display: none; }
.art-mm-panneau { display: none; border-top: 1px solid #F3F4F6; background: #fff; padding: 8px 16px 12px; }
.art-mm-lien { display: block; padding: 12px 0; border-bottom: 1px solid #F3F4F6; color: #374151 !important; font-size: 16px; font-weight: 500; text-decoration: none; }
.art-mm-boutons { display: flex; flex-direction: column; gap: 10px; padding-top: 16px; }
.art-mm-boutons form { margin: 0; }
.art-mm-plein, .art-mm-cadre { display: block; width: 100%; box-sizing: border-box; text-align: center; padding: 14px 12px; border-radius: 8px; font: inherit; font-size: 16px; font-weight: 600; text-decoration: none; cursor: pointer; }
.art-mm-plein { background: #085292; color: #fff !important; border: 1px solid #085292; }
.art-mm-cadre { background: #fff; color: #085292 !important; border: 1px solid #085292; }
@media (max-width: 960px) {
  .art-mm-bouton { display: inline-flex; }
  .art-mm-ouvert .art-mm-panneau { display: block; }
  .sp-menu { display: none !important; }
  .sp-actions > .sp-bouton, .sp-actions > form, .sp-actions > button.sp-bouton { display: none !important; }
  .sp-entete-dedans { flex-wrap: nowrap !important; gap: 8px !important; }
  .sp-actions { width: auto !important; flex-wrap: nowrap !important; margin-left: auto; }
}
@media (max-width: 420px) {
  .sp-titre-app { display: none !important; }
}