/* GENERAL */

input, select {
  font-size: 16px !important;
}

/* BOUTONS TYPE DONATION */

.btn {
  padding: 15px 20px;
}

.acck-btn-donation-type {
  background-color: white;
  border-color: #00a3cc;
}

.acck-btn-donation-type:hover, .amount-button:hover, .acck-clicked-button {
  background-color: #00a3cc !important;
  color: white;
}

/* BOUTONS AMOUNT */
.amount-button {
  background-color: white;
  border-color: #d3dee7;
}

/* BOUTONS NAV */
.acck-nav-button {
  background-color : #f2ab3f;
  color: white;
}

.acck-nav-button:hover {
  background-color : #fea829;
  color: white;
}

.acck-back-btn {
  font-size: 14px;
}

/* SIGN EURO */
.acck-euro-sign {
  background-color : #f8f9fa;
  border-radius : 0px 10px 10px 0px;
}

.acck-euro-sign span {
  font-size: 22px;
  font-weight: 600;
  color: #6c757d;
  transition: background-color .15s ease, color .15s ease;
}

/* Montant libre en cours de saisie : le fond du "€" reprend la couleur de
   marque (comme les boutons sélectionnés), texte en blanc pour rester
   lisible dessus — signale que c'est ce champ qui est actif. */
.acck-euro-sign--active span {
  background-color: #00a3cc;
  color: #fff;
  border-radius: 0 5px 5px 0;
}

/* WARNING */
.warning-text {
  color: red;
  display: none;
  font-size: 14px;
}

/* CHAMPS DU FORMULAIRE (texte, email, nombre, select) */
#donation_form input[type="text"],
#donation_form input[type="email"],
#donation_form input[type="number"],
#donation_form select {
  padding: 14px 16px;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  background-color: #fff;
  color: #6c757d;
}

#donation_form input::placeholder {
  color: #adb5bd;
}

#donation_form select:invalid {
  color: #adb5bd;
}

#donation_form input:focus,
#donation_form select:focus {
  outline: none;
  border-color: #00a3cc;
  box-shadow: 0 0 0 1px #00a3cc;
}

/* CHAMP MONTANT LIBRE GRISÉ */
#donation_form input[type="number"].acck-input-disabled {
  background-color: #e9ecef;
  color: #6c757d;
}