/* ==========================================================
Section: Fluent Form ID 4 - Contact Form Styling
Date Added: 2026-08-09
Purpose:
Improves the appearance, readability, and usability of the
Nuts and Bolts Coaching Contact Form.

Notes:
- Applies only to Fluent Form ID 4.
- Increases label and field text size for readability.
- Increases input height and internal spacing.
- Provides comfortable spacing between form fields.
- Uses Nuts and Bolts Coaching gold #BA8544 for the submit button.
- Uses black button text for contrast and site consistency.
- Does not affect other Fluent Forms on the website.
========================================================== */

/* Form labels */
#fluentform_4 .ff-el-input--label label {
    font-size: 16px;
    line-height: 1.5;
    color: #000000;
}

/* Text inputs and textarea */
#fluentform_4 .ff-el-form-control {
    font-size: 16px;
    line-height: 1.5;
    padding: 12px 14px;
    min-height: 48px;
}

/* Message textarea */
#fluentform_4 textarea.ff-el-form-control {
    min-height: 140px;
}

/* Space between fields */
#fluentform_4 .ff-el-group {
    margin-bottom: 20px;
}

/* Fluent Forms primary color for Form 4 */
#fluentform_4 {
    --fluentform-primary: #BA8544;
}

/* Submit button */
#fluentform_4 .ff-btn-submit {
    background: #BA8544 !important;
    background-color: #BA8544 !important;
    color: #000000 !important;
    border: 1px solid #BA8544 !important;
    border-radius: 25px !important;
    padding: 12px 24px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    box-shadow: none !important;
    cursor: pointer;
}

/* Submit button hover and focus */
#fluentform_4 .ff-btn-submit:hover,
#fluentform_4 .ff-btn-submit:focus {
    background: #BA8544 !important;
    background-color: #BA8544 !important;
    color: #000000 !important;
    border-color: #BA8544 !important;
}