/* -------------------------------------- */
/* Sanvedana Donation Slip Form – v2      */
/* Brand color: #fbbc10                   */
/* -------------------------------------- */

/* ----------------------------- */
/* General form styling */
#donationSlipForm {
    max-width: 700px;
    margin: 30px auto;
    padding: 30px;
    background: #ffffff;
    border-radius: 14px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    transition: all 0.3s ease-in-out;
}

#donationSlipForm:hover {
    box-shadow: 0 6px 14px rgba(251, 188, 16, 0.35);
}

#donationSlipForm h2 {
    text-align: center;
    color: #000;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px;
    border-bottom: 2px solid #fbbc10;
    padding-bottom: 10px;
}

/* ----------------------------- */
/* Input fields */
#donationSlipForm input,
#donationSlipForm select,
#donationSlipForm textarea {
    width: 100%;
    padding: 12px 14px;
    margin: 10px 0 15px;
    border-radius: 8px;
    border: 1px solid #ccc;
    font-size: 15px;
    box-sizing: border-box;
    transition: all 0.2s ease-in-out;
    background: #fff;
}

#donationSlipForm input:focus,
#donationSlipForm select:focus,
#donationSlipForm textarea:focus {
    outline: none;
    border-color: #fbbc10;
    box-shadow: 0 0 5px rgba(251, 188, 16, 0.5);
    background: #fff;
}

/* ----------------------------- */
/* Submit button */
#donationSlipForm button {
    background: #fbbc10;
    color: #000;
    font-weight: 600;
    border: none;
    border-radius: 8px;
    padding: 12px 20px;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 3px 6px rgba(251, 188, 16, 0.4);
}

#donationSlipForm button:hover {
    background: #e5aa00;
    box-shadow: 0 4px 8px rgba(251, 188, 16, 0.6);
    transform: translateY(-1px);
}

/* ----------------------------- */
/* PDF Preview iframe */
#pdfPreview {
    max-width: 1200px;
    margin: 30px auto;
    text-align: center;
}

#pdfPreview iframe {
    border: 2px solid #fbbc10;
    border-radius: 10px;
    box-shadow: 0 3px 10px rgba(251, 188, 16, 0.3);
}

/* ----------------------------- */
/* Download & Send Button */
#pdfPreview button#downloadAndSend {
    background: #fbbc10;
    color: #000;
    padding: 14px 24px;
    border-radius: 8px;
    border: none;
    font-size: 17px;
    font-weight: 700;
    cursor: pointer;
    margin-top: 18px;
    transition: all 0.3s ease;
    box-shadow: 0 3px 8px rgba(251, 188, 16, 0.4);
}

#pdfPreview button#downloadAndSend:hover {
    background: #e5aa00;
    box-shadow: 0 4px 10px rgba(251, 188, 16, 0.5);
}

/* ----------------------------- */
/* Donation Log Table */
#donationLogTable {
    max-width: 1000px;
    margin: 40px auto;
    overflow-x: auto;
}

#donationLogTable table {
    width: 100%;
    border-collapse: collapse;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 15px;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

#donationLogTable th,
#donationLogTable td {
    padding: 12px 14px;
    text-align: left;
    border-bottom: 1px solid #f6f6f6;
}

#donationLogTable th {
    background: #fbbc10;
    color: #000;
    font-weight: bold;
    position: sticky;
    top: 0;
    z-index: 1;
}

#donationLogTable tr:nth-child(even) {
    background: #fff9e6;
}

#donationLogTable a {
    color: #e5aa00;
    text-decoration: none;
    font-weight: 600;
}

#donationLogTable a:hover {
    text-decoration: underline;
}

/* ----------------------------- */
/* Responsive */
@media (max-width: 768px) {
    #donationSlipForm, #pdfPreview, #donationLogTable {
        width: 95%;
        margin: 15px auto;
    }

    #donationSlipForm input, 
    #donationSlipForm button {
        font-size: 14px;
    }

    #pdfPreview button#downloadAndSend {
        width: 100%;
    }
}

/* ----------------------------- */
/* Preview Section */
#donationSlip {
    background: #fff;
    padding: 30px 0 0;
    border: 2px solid #fbbc10;
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    color: #000;
    border-radius: 10px;
    box-shadow: 0 3px 8px rgba(251, 188, 16, 0.2);
}
#donationSlip table {
    width: 100%;
    border-collapse: collapse;
}
#donationSlip th, #donationSlip td {
    border: 1px solid #000;
    padding: 10px;
    text-align: left;
}