/* ============================================================
   Scholarship Form – overrides on top of cubic-form CSS
   File: inc/scholarship-form/assets/css/scholarship-form.css
   ============================================================ */

/* ── Full width ── */
.sf-wrap,
.sf-wrap .cubic-form-wrap,
.sf-wrap .cf-form-instance {
    max-width: 100% !important;
    width: 100%;
}

/* ── Taller textarea ── */
.sf-form-instance textarea[name="submission_details"] {
    min-height: 200px;
}

/* ── Success message — green ── */
.sf-feedback.sf-success {
    display: block;
    padding: 16px 20px;
    background: #eafaf1;
    border: 1px solid #27ae60;
    border-radius: 6px;
    color: #1a5e35;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 20px;
}

.sf-success-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    background: #27ae60;
    color: #fff;
    border-radius: 50%;
    font-size: 13px;
    font-weight: bold;
    margin-right: 8px;
    vertical-align: middle;
}

/* ── Error message — red (inline, inside form) ── */
.sf-feedback.sf-error {
    display: block;
    padding: 12px 16px;
    background: #fdf0ee;
    border: 1px solid #c0392b;
    border-radius: 6px;
    color: #7b1e1e;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 16px;
}