/* Enquiry form styles — base input/select/textarea/button styles come from style.css and are inherited. */

/* White card wrapping the form */
.sks-enquiry-wrap {
    background: #ffffff;
    border-radius: 12px;
    padding: 40px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    max-width: 760px;
    margin: 0 auto;
}

/* Field labels */
.sks-enquiry-wrap label {
    display: block;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 5px;
    color: #333333;
}

/* Required field asterisk */
.sks-required {
    color: #dc2626;
    margin-left: 2px;
}

/* Success message shown after a successful submission */
#sks-message.sks-success {
    padding: 14px 18px;
    background: #d1fae5;
    color: #065f46;
    border: 1px solid #6ee7b7;
    border-radius: 6px;
    margin-bottom: 20px;
}

/* Error message shown on validation failure or API error */
#sks-message.sks-error {
    padding: 14px 18px;
    background: #fee2e2;
    color: #991b1b;
    border: 1px solid #fca5a5;
    border-radius: 6px;
    margin-bottom: 20px;
}

/* Bootstrap validation — red border on invalid fields after submit attempt */
#sks-enquiry-form.was-validated input:invalid,
#sks-enquiry-form.was-validated select:invalid,
#sks-enquiry-form.was-validated textarea:invalid {
    border-color: #dc3545;
}

/* Green border on valid fields after submit attempt */
#sks-enquiry-form.was-validated input:valid,
#sks-enquiry-form.was-validated select:valid {
    border-color: #28a745;
}

/* Error message under each invalid field — hidden by default, shown by .was-validated */
#sks-enquiry-form .invalid-feedback {
    display: none;
    color: #dc3545;
    font-size: 12px;
    margin-top: 4px;
}

#sks-enquiry-form.was-validated input:invalid ~ .invalid-feedback,
#sks-enquiry-form.was-validated select:invalid ~ .invalid-feedback {
    display: block;
}

/* Per-field validation on blur — show error/success before submit attempt */
#sks-enquiry-form .is-invalid {
    border-color: #dc3545;
}
#sks-enquiry-form .is-valid {
    border-color: #28a745;
}
#sks-enquiry-form .is-invalid ~ .invalid-feedback {
    display: block;
}

/* Eligibility loader — shown below DOB: loading, error, empty states */
.sks-elig-loader {
    font-size: 13px;
    margin: 6px 0 10px;
    color: #6c757d;
    background: #fbfcfd;
    padding: 5px 5px;
    border-radius: 5px;
}
.sks-elig-loader.sks-elig-error {
    color: #dc3545;
}

/* Eligibility status — future class info note shown near Class dropdown */
#sks-eligibility-status {
    font-size: 12px;
    margin-top: 4px;
    color: #6c757d;
}
#sks-eligibility-status.sks-elig-error {
    color: #dc3545;
}

/* Locked fields — visually dimmed while eligibility is pending */
#sks-enquiry-form input:disabled,
#sks-enquiry-form select:disabled,
#sks-enquiry-form textarea:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    background-color: #f8f9fa;
}

/* Submit button — inherits .btn-primary colour from style.css */
#sks-submit-btn:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

#sks-submit-btn {
    min-width: 200px;
    padding: 12px 30px;
    font-size: 15px;
    font-weight: 600;
}