/* La Clique — une seule forme de bouton partout (27 oct. 2026, choix de Gabriel).
   Tous les boutons sont en pilule, avec la même hauteur. Deux sortes seulement :
   - PRINCIPAL : plein cyan (#02FFE1), texte foncé. L'action importante de l'écran.
   - SECONDAIRE : contour pâle, fond transparent, texte blanc ; devient cyan au survol.
   Le faux Windows de l'ordinateur virtuel (.btn de css/atelier.css) n'est PAS touché.
   Ce fichier est chargé en dernier dans chaque page, donc il gagne sur les anciens styles. */

/* ---------- Principal ---------- */
.c-next,
.page .btn:not(.fantome):not(.attente),
.login-btn,
.a-btn.pri,
.ec-btn:not(.ghost),
.btn-action-cyan,
.cb-b.pri,
.lp-btn,
.ms-go,
a.btn-glow:not(.bt-sec) {
  border-radius: 999px !important;
  min-height: 48px;
  background: linear-gradient(90deg, #02ffe1, #9ffff4, #02ffe1) !important;
  background-size: 200% 100% !important;
  color: #02121c !important;
  -webkit-text-fill-color: #02121c;
  border: 0 !important;
  font-weight: 700 !important;
  box-shadow: 0 8px 26px rgba(2, 255, 225, .28) !important;
  text-decoration: none;
}
.c-next:hover,
.page .btn:not(.fantome):not(.attente):hover,
.login-btn:hover,
.a-btn.pri:hover,
.ec-btn:not(.ghost):hover,
.btn-action-cyan:hover,
.cb-b.pri:hover,
.lp-btn:hover,
.ms-go:hover,
a.btn-glow:not(.bt-sec):hover {
  color: #02121c !important;
  box-shadow: 0 0 0 1px rgba(2, 255, 225, .6), 0 12px 34px rgba(2, 255, 225, .45) !important;
}

/* ---------- Secondaire ---------- */
.c-tb,
.ec-btn.ghost,
.page .btn.fantome,
.a-btn:not(.pri),
.cb-b:not(.pri),
.c-menu-btn,
a.glass-btn,
a.btn-glow.bt-sec {
  border-radius: 999px !important;
  min-height: 44px;
  background: rgba(255, 255, 255, .04) !important;
  color: #e6f1ff !important;
  -webkit-text-fill-color: #e6f1ff;
  border: 1px solid rgba(255, 255, 255, .28) !important;
  box-shadow: none !important;
  font-weight: 500;
  text-decoration: none;
}
.c-tb:hover,
.ec-btn.ghost:hover,
.page .btn.fantome:hover,
.a-btn:not(.pri):hover,
.cb-b:not(.pri):hover,
.c-menu-btn:hover,
a.glass-btn:hover,
a.btn-glow.bt-sec:hover {
  color: #02ffe1 !important;
  -webkit-text-fill-color: #02ffe1;
  border-color: #02ffe1 !important;
  background: rgba(2, 255, 225, .08) !important;
}

/* Les boutons d'icône du haut des cours restent ronds (cellulaire) */
.c-nav-tab { border-radius: 999px !important; }

/* Bouton pas encore disponible : reste gris, même forme */
.page .btn.attente,
.c-next:disabled,
.a-btn[disabled],
.login-btn[disabled] {
  border-radius: 999px !important;
  box-shadow: none !important;
}
.c-next:disabled, .a-btn.pri[disabled] { opacity: .45; }