/* === style.css : MonBotCrypto === */

/* ---- Police & corps ---- */
body {
  font-family: system-ui, sans-serif;
  font-size: 1rem;
  background-color: #e0e4e9;
  color: #222;
  line-height: 1.5;
}

/* ---- Liens ---- */
a {
  color: #0d6efd;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}

/* ---- Bouton Back du header ---- */
button {
  transition: background-color 0.2s ease;
}
button:hover {
  background-color: #eee;
}

/* ---- Inputs (pour l’IP serveur notamment) ---- */
input[type="text"] {
  font-size: 0.95rem;
  padding: 2px 4px;
  border-radius: 4px;
  border: 1px solid #ccc;
}

/* Désactivé → sans bordure */
input[disabled],
input[readonly] {
  border: none;
  background: transparent;
  color: #444;
}

/* ---- Footer & header ---- */
footer, header {
  padding: 1rem;
  background-color: #fff;
  border-top: 1px solid #ddd;
}

footer {
  font-size: 0.85rem;
  color: #555;
  text-align: center;
}

/* ---- Tooltip personnalisé (footer) ---- */
#server_url_wrapper:hover #server_url_tooltip {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.2s ease;
}

#server_url_tooltip {
  opacity: 0;
  pointer-events: none;
  z-index: 100;
}

.crypto-icon {
    width: 1em;   /* largeur = taille de la font */
    height: 1em;  /* hauteur = taille de la font */
    vertical-align: middle; /* aligne avec le texte */
}