/* Menu Formations à pastilles couleur — téléphone et ordinateur (02/10/2026).
   Couleurs = celles des domaines de l'accueil. Compteurs = ceux des filtres de formations.html. */
.nav-dd{min-width:300px}
.nav-dd > a.mdx-all{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#0F172A;color:#fff;border-radius:14px;padding:12px 14px;margin:0 0 6px;text-decoration:none}
.nav-dd > a.mdx-all:hover{background:#1E293B;color:#fff}
.mcx-all b,.mdx-all b{display:block;font:600 14px/1.2 Poppins,sans-serif;color:#fff}
.mcx-all small,.mdx-all small{display:block;font:400 11.5px/1.35 Almarai,sans-serif;color:rgba(255,255,255,.62)}
.mcx-all svg,.mdx-all svg{width:18px;height:18px;flex:none;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.nav-dd > a.mdx-d{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:10px;font:500 14px/1.2 Poppins,sans-serif;color:#0F172A;text-decoration:none}
.nav-dd > a.mdx-d:hover{background:#F4F6F9;color:#0F172A}
.mdx-d em,.mcx-d em{margin-left:auto;font:500 12px/1 Poppins,sans-serif;font-style:normal;color:#94A3B8}
.mdx-sq{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:none;transition:transform .2s}
.mdx-sq svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.nav-dd > a.mdx-d:hover .mdx-sq{transform:scale(1.06)}
.mc-formations > a.mcx-all{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#0F172A;border-radius:14px;padding:12px 14px;margin:6px 4px 8px 22px;text-decoration:none;-webkit-tap-highlight-color:transparent}
.mc-formations > a.mcx-all:active{background:#1E293B}
.mc-formations > a.mcx-d{display:flex;align-items:center;gap:12px;padding:7px 12px 7px 22px;border-radius:10px;text-decoration:none;font:500 14.5px/1.2 Poppins,sans-serif;color:#0F172A;-webkit-tap-highlight-color:transparent}
.mc-formations > a.mcx-d:active{background:rgba(15,23,42,.04)}
.mc-formations > a.mcx-d em{padding-right:6px}
.mc-formations > a.mcx-all > span{display:block}