.rdp-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* space between inputs */
    margin-bottom: 15px;
}

.rdp-row.two-columns > * {
    flex: 1 1 calc(50% - 10px); /* two columns with gap */
    box-sizing: border-box;
}

.rdp-btn {
    padding: 10px 20px;
    background-color: #0073aa;
    color: #fff;
    border: none;
    cursor: pointer;
    border-radius: 4px;
}

.rdp-btn:hover {
    background-color: #005177;
}


/* Make form inputs readable */
.rdp-row input,
.rdp-row select {
    color: #000 !important;            /* text color */
    background-color: #fff; /* input background */
    border: 1px solid #ccc; /* border for visibility */
    padding: 8px 10px;
    border-radius: 4px;
    width: 100%;
    box-sizing: border-box;
}

.rdp-row input::placeholder,
.rdp-row select::placeholder {
    color: #888; /* placeholder color */
}

/* Outer form container */
form[name="reddragonpay_form"],
form#rdp_payment_form {
    max-width: 900px;   /* wider for two-column */
    margin: 30px auto;
    background: #fff;
    padding: 25px;
    border-radius: 8px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

/* Button */
form[name="reddragonpay_form"] button,
form#rdp_payment_form button {
    width: 100%;
    padding: 14px;
    font-size: 16px;
    background-color: #0b93d5;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}
form[name="reddragonpay_form"] button:hover,
form#rdp_payment_form button:hover {
    background-color: #007bb8;
}

/* reCAPTCHA wrapper */
.rdp-recaptcha {
    flex: 1 1 100%; /* force full row */
    margin-top: 10px;
}
.rdp-recaptcha-wrapper {
    position: relative;
    z-index: 1;
}

/* Placeholder text */
form[name="reddragonpay_form"] ::placeholder,
form#rdp_payment_form ::placeholder {
    color: #888;
    opacity: 1;
}

/* Payment success/failure tables */
.rdp-success-table,
.rdp-failed-table,
.rdp-success-table th,
.rdp-success-table td,
.rdp-failed-table th,
.rdp-failed-table td {
    color: #000 !important;           /* force black text */
    border: 1px solid #ccc;
    padding: 8px;
    text-align: left;
    font-family: Arial, sans-serif;
    background-color: #fff;           /* optional: ensure white background */
}

/* Table headers background */
.rdp-success-table th,
.rdp-failed-table th {
    background-color: #f5f5f5;
}

/* Overall wrapper for spacing */
.rdp-success-wrapper,
.rdp-failed-wrapper,
.rdp-success-wrapper h2,
.rdp-failed-wrapper h2 {
    max-width: 900px;
    margin: 30px auto;
    padding: 25px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    color: #000 !important;  
}
/* Make country names in the dropdown black */
.iti__country-list .iti__country .iti__country-name {
    color: #000 !important;
}
/* Responsive: single column on small screens */
@media (max-width: 600px) {
    .rdp-row {
        flex-direction: column;
    }
}