/* ==========================================================================
   DON.CSS - Styles spécifiques à la page Faire un don
   ========================================================================== */

.don-hero {
    background-color: var(--wrc-bg-warm);
    padding: 3.5rem 1.5rem 2.5rem 1.5rem;
}

.max-width-600 {
    max-width: 600px;
}

.don-section {
    padding-top: 3rem;
    padding-bottom: 4rem;
    background-color: var(--wrc-bg-cream);
}

.don-card {
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(109, 61, 61, 0.06);
    border: 1px solid var(--wrc-border-gold-ultra-light);
    padding: 2.5rem;
}

/* Boutons de sélection du montant */
.don-amount-btn {
    background-color: var(--wrc-bg-beige);
    border: 1px solid var(--wrc-border-gold-medium);
    color: var(--wrc-text-dark);
    font-weight: 600;
    font-size: 1.1rem;
    border-radius: 8px;
    height: 3rem;
    transition: all 0.25s ease;
}

.don-amount-btn:hover {
    border-color: var(--wrc-gold-dark);
    color: var(--wrc-dark-plum);
    background-color: var(--wrc-bg-warm);
}

.don-amount-btn.is-selected {
    background-color: var(--wrc-dark-plum);
    border-color: var(--wrc-dark-plum);
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(109, 61, 61, 0.2);
}

/* Saisie du formulaire */
.don-input {
    background-color: var(--wrc-bg-cream);
    border: 1px solid var(--wrc-border-gold-medium);
    border-radius: 6px;
    color: var(--wrc-text-dark);
    box-shadow: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.don-input:focus {
    border-color: var(--wrc-gold);
    box-shadow: 0 0 0 0.125em rgba(194, 155, 120, 0.25);
}

.don-input::placeholder {
    color: #a5a5a5;
}

.don-divider {
    background-color: var(--wrc-border-gold-light);
    height: 1px;
    border: none;
}

textarea.don-input {
    resize: vertical;
}

/* Adaptation mobile */
@media screen and (max-width: 768px) {
    .don-card {
        padding: 1.5rem;
    }

    .w-100-mobile {
        width: 100%;
    }
}