/* Prottyashi Donation - Basic styles (replaceable by your theme/Elementor) */

.pd-wrap { max-width: 1100px; margin: 30px auto; font-family: Arial, sans-serif; color: #222; padding: 0 15px; }
.pd-banner { text-align: left; margin-bottom: 20px; }
.pd-banner h1 { margin: 0 0 6px 0; font-size: 28px; color: #0a5a8f; }
.pd-banner p { margin: 0; color: #444; }

.pd-row { display: flex; gap: 20px; flex-wrap: wrap; }
.pd-col { box-sizing: border-box; }
.pd-col-left { flex: 1 1 480px; min-width: 300px; }
.pd-col-right { flex: 0 0 420px; max-width: 420px; }

.pd-box { background: #fff; border: 1px solid #e6e6e6; padding: 18px; border-radius: 8px; margin-bottom: 18px; box-shadow: 0 1px 2px rgba(0,0,0,0.03); }

.pd-amount-buttons { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 12px; }
.pd-amt { padding: 10px 14px; background: #0073aa; color: #fff; border: none; border-radius: 6px; cursor: pointer; font-weight: 600; }
.pd-amt:hover { opacity: 0.9; }
.pd-amt.pd-active { box-shadow: 0 4px 14px rgba(0,115,170,0.18); transform: translateY(-1px); }

.pd-custom label { display: block; margin-bottom: 6px; color: #333; }
#pd_custom_amount { padding: 8px; width: 160px; border: 1px solid #ddd; border-radius: 6px; }

.pd-form input[type="text"], .pd-form input[type="email"], .pd-form input[type="number"] {
    width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 6px; box-sizing: border-box; margin-top: 6px;
}

.pd-btn { background: #0a5a8f; color: #fff; padding: 10px 14px; border: none; border-radius: 6px; cursor: pointer; font-weight: 600; }
.pd-btn:hover { opacity: 0.95; }

.pd-msg { margin-top: 10px; min-height: 20px; }
.pd-success { color: #0a8f3a; }
.pd-error { color: #d63434; }

/* responsive */
@media (max-width: 900px) {
    .pd-row { flex-direction: column; }
    .pd-col-right { max-width: none; width: 100%; }
    .pd-col-left { width: 100%; }
}