/* Chayatal Donation – extracted from form.html + result/admin helpers */
.chayatal-donation .donation-box  {

  max-width: 700px;
margin: 50px auto;
background: #fff;
border: 2px solid #e64b6c;
padding: 30px;
border-radius: 4px;
}

.chayatal-donation .donation-box h2  {

  text-align: center;
margin-bottom: 30px;
font-size: 24px;
font-weight: normal;
color: #333;
}

.chayatal-donation label {

  display: block;
margin: 10px 0 5px;
font-weight: bold;
color: #555;
}

.chayatal-donation select,
.chayatal-donation input[type="text"],
.chayatal-donation input[type="email"],
.chayatal-donation input[type="number"]  {

  width: 100%;
padding: 10px;
border: 1px solid #ddd;
border-radius: 3px;
font-size: 16px;
box-sizing: border-box;
}

.chayatal-donation .amount-options  {

  display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 15px 0;
}

.chayatal-donation .amount-btn  {

  flex: 1;
padding: 10px 0;
text-align: center;
border: 1px solid #ddd;
cursor: pointer;
border-radius: 3px;
background-color: #fff;
font-size: 16px;
transition: all 0.3s ease;
user-select: none;
}

.chayatal-donation .amount-btn.active,
.chayatal-donation .amount-btn:hover  {

  background-color: #e64b6c;
color: white;
border-color: #e64b6c;
}

.chayatal-donation .or {

  display: flex;
align-items: center;
gap: 10px;
margin: 15px 0;
}

.chayatal-donation .or span  {

  color: #777;
}

.chayatal-donation .donor-info  {

  display: grid;
grid-template-columns: 1fr 1fr;
gap: 15px;
}

.chayatal-donation .donor-info input  {
 width: 100%;
}

.chayatal-donation .donate-btn  {

  margin-top: 20px;
width: 100%;
padding: 12px;
background-color: #e64b6c;
border: none;
border-radius: 3px;
color: white;
font-size: 18px;
cursor: pointer;
transition: background 0.3s ease;
}

.chayatal-donation .donate-btn:hover  {
 background-color: #c73f5a;
}

/* Mobile */
@media (max-width: 720px)  {

  .chayatal-donation .donation-box  {
 margin: 30px 12px;
padding: 20px;
}

  .donor-info  {
 grid-template-columns: 1fr;
}

}

/* Result page blocks */
.cdon-result  {

  max-width: 720px;
margin: 28px auto;
text-align: center;
padding: 24px;
border-radius: 6px;
border: 1px solid #e5e7eb;
background: #fff;
}

.cdon-result--success  {
 border-left: 4px solid #10b981;
}

.cdon-result--fail,
.cdon-result--cancel  {
 border-left: 4px solid #ef4444;
}

.cdon-btn  {

  display: inline-block;
padding: 10px 16px;
border-radius: 8px;
border: 1px solid #e64b6c;
color: #e64b6c;
background: transparent;
text-decoration: none;
}

/* Admin table subtle override if needed */

  font-weight: 600;
/* date on the left emphasized */

}