/* ==================================================================
   CIVIS-CI — Page « Faire un don »
   ================================================================== */
.don-form{ background:#fff; border:1px solid var(--rule); border-radius:22px; padding:36px 34px; }
.don-label{ display:block; font-weight:700; font-size:15px; margin-bottom:14px; }

.don-presets{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:16px; }
.don-preset{ padding:14px 10px; border:1.5px solid var(--rule); border-radius:12px; background:var(--paper); font-family:inherit; font-size:15px; font-weight:700; color:var(--ink); cursor:pointer; transition:background .15s ease, color .15s ease, border-color .15s ease; }
.don-preset:hover{ border-color:var(--orange); }
.don-preset.active{ background:var(--orange); color:#fff; border-color:var(--orange); }

.don-amount-wrap{ position:relative; display:flex; align-items:center; }
.don-amount-wrap input{ flex:1; width:100%; font-family:inherit; font-size:20px; font-weight:700; color:var(--ink); background:var(--paper); border:1.5px solid var(--rule); border-radius:12px; padding:15px 74px 15px 16px; outline:none; }
.don-amount-wrap input:focus{ border-color:var(--orange); box-shadow:0 0 0 3px rgba(224,101,30,.12); }
.don-amount-wrap input::-webkit-outer-spin-button,
.don-amount-wrap input::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
.don-currency{ position:absolute; right:18px; font-weight:700; color:var(--ink-3); pointer-events:none; }
.don-hint{ font-size:13px; color:var(--ink-3); margin:8px 0 26px; }

.don-fields{ display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:24px; }
.don-fields .field{ display:flex; flex-direction:column; gap:7px; }
.don-fields label{ font-size:13px; font-weight:700; color:var(--ink); }
.don-fields label .req{ color:var(--orange); }
.don-fields input{ font-family:inherit; font-size:15px; color:var(--ink); background:var(--paper); border:1.5px solid var(--rule); border-radius:12px; padding:12px 14px; outline:none; }
.don-fields input:focus{ border-color:var(--orange); box-shadow:0 0 0 3px rgba(224,101,30,.12); }

.don-submit{ width:100%; justify-content:center; font-size:16px; padding:16px; }
.don-secure{ text-align:center; font-size:12.5px; color:var(--ink-3); margin-top:14px; }

@media (max-width:560px){
  .don-presets{ grid-template-columns:1fr 1fr; }
  .don-fields{ grid-template-columns:1fr; }
  .don-form{ padding:26px 22px; }
}