/* Wrapper */
.wdf-wrap{
  max-width:980px;
  margin:0 auto;
  padding:30px 20px;
  font-family:inherit;
  color:#000;
}

/* Title */
.wdf-title{
  font-size:34px;
  margin:0 0 18px;
  text-align:right;
  color:#000;
}

/* Amount box */
.wdf-amount-box{
  background:#000;
  border-radius:28px;
  padding:30px;
  margin-bottom:28px;
}

/* Amount input */
.wdf-amount{
  width:100%;
  border:0;
  background:transparent;
  font-size:64px;
  outline:none;
  text-align:left;
  direction:ltr;
  color:#BC0000;
  font-weight:700;
}

/* Grid */
.wdf-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin-bottom:24px;
}

/* Inputs & Select */
.wdf-grid input,
.wdf-grid select{
  padding:18px;
  border-radius:22px;
  border:1px solid #000;
  background:#fff;
  outline:none;
  font-size:16px;
  color:#000;
}

/* Focus state */
.wdf-grid input:focus,
.wdf-grid select:focus{
  border-color:#BC0000;
}

/* Actions */
.wdf-actions{
  display:flex;
  gap:18px;
  justify-content:center;
  flex-wrap:wrap;
}

/* Buttons */
.wdf-btn{
  flex:1;
  min-width:260px;
  border:0;
  border-radius:999px;
  padding:18px 22px;
  font-size:20px;
  cursor:pointer;
  transition:all .25s ease;
}

/* Donate Now */
.wdf-btn-primary{
  background:#BC0000;
  color:#fff;
}

.wdf-btn-primary:hover{
  background:#000;
}

/* Hide collector button */
.wdf-btn-secondary{
  display:none !important;
}

/* Message box */
.wdf-msg{
  margin-top:16px;
  padding:14px;
  border-radius:14px;
  background:#f5f5f5;
  color:#000;
  border-left:5px solid #BC0000;
}

.wdf-msg.ok{
  background:#fdf0f0;
  border-left-color:#000;
}

/* Mobile */
@media (max-width:700px){
  .wdf-grid{
    grid-template-columns:1fr;
  }
  .wdf-amount{
    font-size:48px;
  }
}
/* Hide number input arrows (Chrome, Safari, Edge) */
.wdf-amount::-webkit-outer-spin-button,
.wdf-amount::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Hide number input arrows (Firefox) */
.wdf-amount {
  -moz-appearance: textfield;
  appearance: textfield;
}