/* ─── Don / Parrainage ── Styles front ────────────────────────────────────── */

.don-montant-wrapper {
    margin: 1.5em 0;
}

.don-label {
    font-weight: 600;
    margin-bottom: .75em;
}

/* ─── Grille de boutons ───────────────────────────────────────────────────── */

.don-presets {
    display: flex;
    flex-wrap: wrap;
    gap: .5em;
    margin-bottom: 1em;
}

.don-preset-btn {
    padding: .5em 1.25em;
    border: 2px solid #cccccc; /* surchargé par CSS inline depuis les options */
    background: #fff;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1em;
    line-height: 1.4;
    transition: border-color .2s, background .2s, color .2s;
    -webkit-appearance: none;
    appearance: none;
}

/* État actif : surchargé par CSS inline */
.don-preset-btn.actif {
    border-color: #96588a;
    background:   #96588a;
    color:        #ffffff;
}

/* ─── Zone saisie libre ───────────────────────────────────────────────────── */

.don-libre-wrapper {
    display: flex;
    flex-direction: column;
    gap: .4em;
    max-width: 260px;
    margin-top: .25em;
}

.don-libre-wrapper label {
    font-weight: 500;
}

.don-libre-wrapper input[type="number"] {
    width: 100%;
}