/* ===========================================================================
 * CORRECTIF  cartes d accueil visibles immediatement
 * Fichier versionne : correctif-cartes-accueil-2026-08-30.css
 *
 * PROBLEME
 * Le paquet compile declare :
 *     .qc-card { opacity:0; transform:translateY(14px);
 *                animation:qcReveal .6s ... forwards }
 *     @keyframes qcReveal { to { opacity:1; transform:translateY(0) } }
 * La VISIBILITE des trois cartes depend donc entierement du fait que
 * l animation aille jusqu au bout. Tant que l animation n a pas demarre ou
 * qu elle est freinee  onglet en arriere plan, fil d execution principal
 * sature par le paquet + Google Translate + reCAPTCHA + Font Awesome,
 * transition de page sur Safari iOS  les cartes restent a opacity:0.
 * Elles sont pourtant deja dans le DOM. Un rafraichissement manuel relance
 * l animation dans de bonnes conditions, d ou le comportement observe.
 *
 * CORRECTIF
 * L etat de base devient VISIBLE. L animation ne sert plus qu au mouvement :
 * elle ne touche plus l opacite. Si elle ne demarre jamais, les cartes sont
 * visibles quand meme, simplement 14 px plus bas pendant un instant.
 * fill-mode backwards conserve le decalage de 90 ms entre les cartes sans
 * jamais les rendre invisibles.
 *
 * NE FAIT RIEN D AUTRE : aucun paquet modifie, aucun CDN, aucun script.
 * RETOUR ARRIERE : retirer la ligne <link> de index.html. Rien d autre.
 * =========================================================================== */

.qc-card {
  opacity: 1;
  transform: none;
  animation: qcRevealSafe .5s cubic-bezier(.2, .8, .2, 1) backwards;
}

@keyframes qcRevealSafe {
  from { transform: translateY(14px); }
}

@media (prefers-reduced-motion: reduce) {
  .qc-card { animation: none; opacity: 1; transform: none; }
}