/* Boutons aux couleurs des univers (27/10/2026), en plus de hub.css (compilé depuis marie-alhomme.newdyn, à ne pas retoucher ici).
   Versions claires des couleurs (celles des cartes « Mes univers » de la vitrine), texte dans la couleur foncée de l'univers ;
   au survol, l'inverse. Vidéo du concept : petit bouton en contour châtaigne, juste sous Raconteuse.
   PouipouiDesign : écran d'éditeur de code, comme sa carte sur l'accueil de la vitrine (police à chasse fixe, invite et curseur). */

/* Bulle de présentation moins haute : on arrive plus vite aux boutons */
.hub-header .txt-content .mea { padding-bottom: 3rem; }

.button.bt-kinusaiga { border-color: #d9edef; background-color: #d9edef; color: #00636c; }
.button.bt-kinusaiga:hover,
.button.bt-kinusaiga:focus,
.button.bt-kinusaiga:active { border-color: #00636c; background-color: #00636c; color: #fff; }

.button.bt-raconteuse { border-color: #fbe7a1; background-color: #fbe7a1; color: #5b3427; }
.button.bt-raconteuse:hover,
.button.bt-raconteuse:focus,
.button.bt-raconteuse:active { border-color: #5b3427; background-color: #5b3427; color: #fffcec; }

.button.bt-maroquinerie { border-color: #f1e0f9; background-color: #f1e0f9; color: #330947; }
.button.bt-maroquinerie:hover,
.button.bt-maroquinerie:focus,
.button.bt-maroquinerie:active { border-color: #330947; background-color: #330947; color: #fffcec; }

.button.bt-newsletters { border-color: #ffd9e0; background-color: #ffd9e0; color: #c4123a; }
.button.bt-newsletters:hover,
.button.bt-newsletters:focus,
.button.bt-newsletters:active { border-color: #e41e46; background-color: #e41e46; color: #fff; }

.hub-links li.hub-sous-lien { margin-top: -0.35em; text-align: center; }
.hub-links .button.bt-video {
  display: inline-block;
  width: auto;
  padding: 0.35rem 1rem;
  font-size: 0.85em;
  border: 2px solid #5b3427;
  background-color: transparent;
  color: #5b3427;
}
.hub-links .button.bt-video::before { content: "▶ "; }
.hub-links .button.bt-video:hover,
.hub-links .button.bt-video:focus { background-color: #5b3427; color: #fffcec; }

.button.bt-pouipoui {
  border-color: #f2efeb;
  background-color: #f2efeb;
  color: #1e1a22;
  font-family: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
  text-transform: none;
  letter-spacing: 0;
}
.button.bt-pouipoui .invite { color: #0e8f90; }
.button.bt-pouipoui .curseur {
  display: inline-block;
  width: 0.55em;
  height: 1.05em;
  margin-left: 0.15em;
  vertical-align: -0.15em;
  background-color: #0e8f90;
  animation: hub-curseur 1.1s steps(1) infinite;
}
@keyframes hub-curseur { 50% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .button.bt-pouipoui .curseur { animation: none; } }
.button.bt-pouipoui:hover,
.button.bt-pouipoui:focus,
.button.bt-pouipoui:active { border-color: #1e1a22; background-color: #1e1a22; color: #16b9ba; }
.button.bt-pouipoui:hover .invite,
.button.bt-pouipoui:focus .invite { color: #ff19bf; }
.button.bt-pouipoui:hover .curseur,
.button.bt-pouipoui:focus .curseur { background-color: #16b9ba; }