/* SCSDS Contact Details Section Look & Feel - Unified Form Styles */

/* Main container for donation form */
body .scsd-donation-form {
    max-width: 780px !important;
    width: 100% !important;
    margin: 2em auto !important;
    font-family: 'Segoe UI', Arial, sans-serif !important;
}

/* Headings */
body .scsd-donation-form h2, 
body .scsd-donation-form h3 {
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 0.7em !important;
    font-weight: 700 !important;
    color: #275a2e !important;
    letter-spacing: 0.5px !important;
}
body .scsd-donation-form h3 {
    font-size: 1.22em !important;
    font-weight: 600 !important;
    color: #2d4d2a !important;
}

.scsd-form-card {
    background: #f6fbf6 !important;
    border-radius: 14px !important;
    box-shadow: 0 2px 16px rgba(45,77,42,0.09) !important;
    padding: 2em 1.5em 1.7em 1.5em !important;
    margin-bottom: 2em !important;
    font-family: inherit !important;
    border: 1px solid #d6e7d4 !important;
}

body .scsd-donation-form .scsd-form-section {
    margin-bottom: 2em !important;
}

/* Rows & layout */
body .scsd-donation-form .scsd-form-row,
body .scsd-donation-form .scsd-block-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 1.1em !important;
    margin-bottom: 1em !important;
}
body .scsd-donation-form .scsd-form-group,
body .scsd-donation-form .scsd-form-group-small,
body .scsd-donation-form .scsd-form-group-state {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 210px !important;
    min-width: 120px !important;
    margin-bottom: 0.5em !important;
}
body .scsd-donation-form .scsd-form-group-small {
    max-width: 100px !important;
}
body .scsd-donation-form .scsd-form-group-state {
    max-width: 90px !important;
}

/* Labels */
body .scsd-donation-form .scsd-form-group label,
body .scsd-donation-form .scsd-form-group-small label,
body .scsd-donation-form .scsd-form-group-state label {
    font-weight: 500 !important;
    margin-bottom: 0.23em !important;
    font-size: 1em !important;
    color: #215927 !important;
    letter-spacing: 0.15px !important;
}

/* Inputs, selects, textareas */
body .scsd-donation-form .scsd-form-group input,
body .scsd-donation-form .scsd-form-group select,
body .scsd-donation-form .scsd-form-group textarea,
body .scsd-donation-form .scsd-form-group-small input,
body .scsd-donation-form .scsd-form-group-small select,
body .scsd-donation-form .scsd-form-group-state select {
    padding: 0.52em 0.8em !important;
    font-size: 1em !important;
    border: 1.5px solid #bfc9b9 !important;
    border-radius: 8px !important;
    background: #f8faf7 !important;
    transition: border 0.22s !important;
    color: #222 !important;
    box-shadow: 0 1px 2px rgba(45,77,42,0.03) !important;
}

body .scsd-donation-form .scsd-form-group input:focus,
body .scsd-donation-form .scsd-form-group select:focus,
body .scsd-donation-form .scsd-form-group textarea:focus,
body .scsd-donation-form .scsd-form-group-small input:focus,
body .scsd-donation-form .scsd-form-group-small select:focus,
body .scsd-donation-form .scsd-form-group-state select:focus {
    border-color: #388e3c !important;
    outline: none !important;
    background: #f1f9f0 !important;
}

/* Contact Details Block Row */
body .scsd-donation-form .city-state-zip {
    gap: 1.3em !important;
}

/* Donated & Volunteer Blocks */
body .scsd-donation-form .scsd-donated-item-block,
body .scsd-donation-form .scsd-volunteer-activity-block {
    background: #eaf7e2 !important;
    border-radius: 8px !important;
    padding: 1em 0.8em 0.8em 0.8em !important;
    margin-bottom: 1em !important;
    box-shadow: 0 1px 5px rgba(45,77,42,0.05) !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.8em !important;
}

body .scsd-donation-form .scsd-donated-item-block input[readonly],
body .scsd-donation-form .scsd-volunteer-activity-block input[readonly] {
    background: #f6fff0 !important;
    color: #222 !important;
    border: 1px solid #b2e19e !important;
}

/* Totals highlight */
body .scsd-donation-form .scsd-total-highlight {
    background: #d6e7d4 !important;
    border-radius: 7px !important;
    padding: 0.7em 1em !important;
    margin: 0.5em 0 !important;
    font-size: 1.12em !important;
    font-weight: 600 !important;
    color: #24541c !important;
    border: 1px solid #b2e19e !important;
    display: inline-block !important;
}

/* Buttons */
body .scsd-donation-form button,
body .scsd-donation-form input[type="submit"] {
    background: #275a2e !important;
    color: #fff !important;
    border: none !important;
    border-radius: 7px !important;
    padding: 0.72em 1.6em !important;
    font-size: 1em !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    margin-top: 0.5em !important;
    margin-bottom: 0.5em !important;
    transition: background 0.2s !important;
    box-shadow: 0 0.5px 2px rgba(45,77,42,0.08) !important;
}
body .scsd-donation-form button:hover,
body .scsd-donation-form input[type="submit"]:hover {
    background: #205d1e !important;
}
body .scsd-donation-form button[disabled],
body .scsd-donation-form input[type="submit"][disabled] {
    background: #bfc9b9 !important;
    color: #fff !important;
    cursor: not-allowed !important;
}

/* Static Value Rate */
body .scsd-donation-form .scsd-static-rate {
    display: inline-block !important;
    background: #d6e7d4 !important;
    color: #24541c !important;
    font-weight: 600 !important;
    border-radius: 5px !important;
    padding: 0.21em 0.6em !important;
    margin-left: 0.3em !important;
    font-size: 0.98em !important;
}

/* Error & Success Messages */
body .scsd-donation-form .scsd-error-message {
    color: #b30000 !important;
    background: #ffeaea !important;
    border: 1.5px solid #b30000 !important;
    padding: 0.7em !important;
    border-radius: 6px !important;
    margin-bottom: 1em !important;
    text-align: center !important;
    font-weight: 600 !important;
}
body .scsd-donation-form .scsd-success-message {
    color: #1b4e1b !important;
    background: #eaf7e2 !important;
    border: 1.5px solid #24541c !important;
    padding: 0.7em !important;
    border-radius: 6px !important;
    margin-bottom: 1em !important;
    text-align: center !important;
    font-weight: 600 !important;
}

/* Volunteer Guidance Note */
body .scsd-donation-form .scsd-volunteer-guidance {
    background: #f1f8ec !important;
    color: #205d1e !important;
    border-radius: 6px !important;
    padding: 0.75em 1em !important;
    font-size: 1em !important;
    font-weight: 500 !important;
    margin-bottom: 0.2em !important;
    border-left: 4px solid #cfe2ce !important;
    box-shadow: 0 1px 4px rgba(45,77,42,0.03) !important;
}

/* Volunteer Footnote */
body .scsd-donation-form .scsd-volunteer-footnote {
    font-size: 0.98em !important;
    color: #296b34 !important;
    margin-top: 0.6em !important;
    padding-left: 0.4em !important;
}

/* Success HTML preview */
body .scsd-html-preview {
    border: 2px solid #388e3c !important;
    background: #f8fff8 !important;
    padding: 1.5em !important;
    border-radius: 10px !important;
    margin: 2em 0 !important;
    box-shadow: 0 2px 14px rgba(56,142,60,0.07) !important;
}

/* Sponsor Level Proposal */
body .scsd-donation-form .scsd-sponsor-proposal-note {
    background: #f6fbf6 !important;
    color: #215927 !important;
    font-size: 1.04em !important;
    border-radius: 6px !important;
    padding: 0.75em 1em !important;
    margin-bottom: 1em !important;
    border-left: 4px solid #cfe2ce !important;
    font-style: italic !important;
}

/* Responsive adjustments */
@media (max-width: 700px) {
    body .scsd-donation-form {
        padding: 1em 0.5em !important;
    }
    body .scsd-donation-form .scsd-form-row,
    body .scsd-donation-form .scsd-block-row {
        flex-direction: column !important;
        gap: 0.7em !important;
    }
    body .scsd-donation-form .scsd-donated-item-block,
    body .scsd-donation-form .scsd-volunteer-activity-block {
        flex-direction: column !important;
        gap: 0.7em !important;
    }
    body .scsd-donation-form button,
    body .scsd-donation-form input[type="submit"] {
        width: 100% !important;
        box-sizing: border-box !important;
    }
    body .scsd-html-preview {
        padding: 1em !important;
    }
}