/* =========================================================================
   OM Ondele Multiservice — Styles spécifiques à la page CONTACT
   Chargé après common.css. Sélecteur de sujet + FAQ accordéon.
   ========================================================================= */

/* Puces de sujet (sélecteur interactif) */
.topic-chip {
  font-family: 'DM Sans', sans-serif;
  font-weight: 600;
  font-size: .875rem;
  padding: .6rem 1.2rem;
  border-radius: 9999px;
  background: rgba(255, 255, 255, .55);
  border: 1px solid rgba(13, 27, 62, .10);
  color: var(--navy-mid);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: all .25s;
}
.topic-chip:hover { border-color: var(--gold); transform: translateY(-2px); }
.topic-chip.active { background: var(--navy-deep); color: #fff; border-color: var(--navy-deep); }

/* FAQ accordéon — rotation du chevron à l'ouverture */
.faq-q i { transition: transform .25s ease; }