/*
  boutons.css — Source unique des styles de boutons de sélection
  Partagé par : .topology-option (fenêtre Topologie) et .sel-btn (Texture, Grille)
  Pour modifier l'apparence globale de tous les boutons → n'éditer que ce fichier.
  Version 1.0.0
*/

/* ── Base commune ── */
.topology-option,
.sel-btn {
  border: 1px solid #ffffff93;
  border-radius: 6px;
  background: linear-gradient(145deg, #ffffff54, #ffffff13);
  box-shadow: 0 1px 3px rgba(255, 255, 255, 0.1);
  cursor: pointer;
  box-sizing: border-box;
  transition: border-color 0.15s, background 0.15s, box-shadow 0.15s, transform 0.15s;
}

.topology-option:hover,
.sel-btn:hover {
  background: linear-gradient(145deg, #ffffff13, #ffffff54);
  border-color: #aaa;
  box-shadow: 0 3px 7px rgba(0,0,0,0.14);
}

/* ── Sélectionné : fond + bord néon accent (--topology-selected) ── */
.topology-option:has(input[type="radio"]:checked),
.topology-option:has(input[type="checkbox"]:checked),
.sel-btn:has(input[type="radio"]:checked),
.sel-btn:has(input[type="checkbox"]:checked),
.sel-btn.selected {
  background: linear-gradient(145deg, #ffffff13, #ffffff54);
  border: 1px solid var(--topology-selected, #fbc02d);
  box-shadow: 0 0 6px 2px rgba(var(--topology-selected-rgb, 251, 192, 45), 0.55),
              0 0 12px 4px rgba(var(--topology-selected-rgb, 251, 192, 45), 0.25);
}