/* =====================================================================
   MACROBOT V5 — COUCHE ANIMATIONS & MICRO-INTERACTIONS (additive)
   ---------------------------------------------------------------------
   Chargée après main.css. Uniquement des micro-interactions sobres :
   aucune animation gadget, tout est désactivable (reduced motion).
   ===================================================================== */

/* ----- Hero : faits vérifiables (remplace la preuve sociale factice) -- */
.trust-facts{display:flex;flex-wrap:wrap;gap:10px 22px;color:var(--gray-2);font-size:.9rem}
.trust-facts span{display:inline-flex;align-items:center;gap:8px}
.trust-facts svg{width:15px;height:15px;flex:none;color:var(--gray)}
@media(max-width:900px){.trust-facts{justify-content:center}}

/* ----- Boutons : enfoncement discret au clic ------------------------- */
.btn:active{transform:translateY(0) scale(.985)}
.btn-primary:focus-visible,.btn-ghost:focus-visible,.btn-dark:focus-visible{outline:2px solid var(--white);outline-offset:3px}

/* ----- Cartes : élévation légère et cohérente ------------------------ */
.bot-card,.hr-badge{will-change:transform}
.bot-card:hover .ic{transform:translateY(-2px)}
.bot-card .ic{transition:transform .3s var(--ease)}

/* ----- Liens de navigation : soulignement animé ---------------------- */
.nav-links a{position:relative}
.nav-links a::after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:1px;background:var(--white);transition:right .28s var(--ease)}
.nav-links a:hover::after,.nav-links a.active::after{right:0}

/* ----- Skeleton loading (contenus en cours de génération) ------------ */
.skeleton{position:relative;overflow:hidden;background:var(--panel);border-radius:8px;min-height:14px}
.skeleton::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);transform:translateX(-100%);animation:mb-shimmer 1.4s infinite}
@keyframes mb-shimmer{to{transform:translateX(100%)}}

/* ----- Progression d'analyse IA -------------------------------------- */
.ai-progress{height:2px;background:var(--line);border-radius:2px;overflow:hidden;margin:10px 0}
.ai-progress::before{content:"";display:block;height:100%;width:38%;background:var(--white);border-radius:2px;animation:mb-scan 1.15s var(--ease) infinite}
@keyframes mb-scan{0%{transform:translateX(-110%)}100%{transform:translateX(310%)}}

/* ----- Modal : entrée plus soignée ------------------------------------ */
.modal-backdrop.open .modal{animation:mb-modal .32s var(--ease)}
@keyframes mb-modal{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}

/* ----- Résultats / rapports : apparition douce ------------------------ */
.mb-result-in{animation:fade .45s var(--ease)}

/* ----- Accessibilité : tout se coupe proprement ----------------------- */
@media(prefers-reduced-motion:reduce){
  .skeleton::after,.ai-progress::before{animation:none}
  .nav-links a::after{transition:none}
  .modal-backdrop.open .modal{animation:none}
}