/* info-du-moment.css — « l'info du moment » en haut de l'accueil (16/10/2026).
   La place est réservée dès le premier affichage (hauteur fixe) : rien ne bouge quand l'info apparaît ou change. */
.idm { position: relative; height: 44px; margin: 0 0 18px; max-width: 40rem; }   /* carte en absolu : son texte ne peut pas élargir la page */
.idm-in { display: none; position: absolute; inset: 0; align-items: center; gap: 10px; padding: 0 6px 0 14px; border: 1px solid #e3e7ec; border-radius: 999px; background: #fff; box-shadow: 0 1px 2px rgba(15, 27, 42, .05), 0 8px 22px -12px rgba(15, 27, 42, .18); font: 500 .9rem/1.35 "Inter", system-ui, sans-serif; color: #0f1b2a; overflow: hidden; }
.idm.is-on .idm-in { display: flex; }
.idm-c { flex: 1; min-width: 0; display: flex; align-items: center; gap: 10px; }
.idm-f { flex: none; width: 20px; height: 15px; border-radius: 3px; object-fit: cover; box-shadow: 0 0 0 1px rgba(15, 27, 42, .08); }
.idm-t { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-variant-numeric: tabular-nums; }
.idm-k { margin-right: 4px; font-weight: 700; font-size: .68rem; letter-spacing: .09em; text-transform: uppercase; color: #a83b17; }
.idm-k::after { content: ""; display: inline-block; width: 1px; height: .9em; margin-left: 9px; vertical-align: -1px; background: #d9dee5; }
.idm-p { flex: none; position: relative; width: 30px; height: 30px; border: 0; border-radius: 50%; background: transparent; color: #8a94a3; cursor: pointer; }
.idm-p::before, .idm-p::after { content: ""; position: absolute; top: 10px; width: 2.5px; height: 10px; border-radius: 1px; background: currentColor; }
.idm-p::before { left: 11px; } .idm-p::after { left: 16.5px; }
.idm-p[aria-pressed="true"]::before { left: 12px; width: 0; height: 0; border-radius: 0; background: none; border-style: solid; border-width: 5px 0 5px 8px; border-color: transparent transparent transparent currentColor; }
.idm-p[aria-pressed="true"]::after { display: none; }
.idm-p:hover { background: #f2f4f7; color: #0f1b2a; }
.idm-p:focus-visible { outline: 2px solid #c94d23; outline-offset: 1px; }
@media (max-width: 640px) {
  .idm { height: 54px; margin-bottom: 14px; max-width: none; }
  .idm-in { border-radius: 14px; padding: 0 4px 0 12px; font-size: .86rem; }
  /* 2 lignes : le label au-dessus, l'info en dessous */
  .idm-k, .idm-t > span { display: block; overflow: hidden; text-overflow: ellipsis; }
  .idm-k { margin: 0 0 2px; font-size: .64rem; letter-spacing: .07em; }
  .idm-k::after { display: none; }
}
@media (max-width: 360px) { .idm-in { font-size: .82rem; } }
html[data-theme=dark] .idm-in { background: #111a24; border-color: #243243; color: #eef2f7; box-shadow: 0 8px 22px -12px rgba(0, 0, 0, .6); }
html[data-theme=dark] .idm-k { color: #f5a07a; }
html[data-theme=dark] .idm-k::after { background: #34455a; }
html[data-theme=dark] .idm-p { color: #9aa6b5; }
html[data-theme=dark] .idm-p:hover { background: #1b2735; color: #eef2f7; }