/* ============================================
   COMPONENT: FORMS (Global Fluent Forms Styling)
   ============================================ */

.fluent_form_2 {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 0.8em !important;
    text-align: center !important;
}

.fluent_form_2 input[type="email"] {
    background: var(--btv-black) !important;
    border: 1px solid var(--btv-violet) !important;
    color: var(--btv-silver) !important;
    border-radius: 4px !important;
    font-family: var(--btv-font-body) !important;
    text-align: center !important;
    padding: 0.8em 1.1em !important;
    width: 100% !important;
    max-width: 520px !important;
}

/* Submit Button */
.fluent_form_2 .ff-btn-submit {
    border: 1px solid var(--btv-purple) !important;
    color: var(--btv-purple) !important;
    background: transparent !important;
    border-radius: 4px !important;
    text-transform: uppercase !important;
    font-family: var(--btv-font-head) !important;
    letter-spacing: 0.15em !important;
    padding: 0.8em 1.1em !important;
    min-width: 220px !important;
    transition: all 0.25s ease-in-out !important;
    cursor: pointer !important;
}

/* Hover */
.fluent_form_2 .ff-btn-submit:hover {
    background: var(--btv-purple) !important;
    color: var(--btv-black) !important;
    box-shadow: 0 0 12px var(--btv-purple);
}

/* Success Message */
.fluent_form_2 .ff-message-success {
    color: var(--btv-purple) !important;
    font-family: var(--btv-font-body) !important;
    animation: flicker 2.5s infinite;
}
/* Make Submit Button Same Width as Input */
.fluent_form_2 .ff-btn-submit {
    width: 100% !important;
    max-width: 520px !important;
}
/* Vertical Form Rhythm */
.fluent_form_2 .ff-el-group,
.fluent_form_2 input[type="email"],
.fluent_form_2 .ff-btn-submit {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
}
/* Form Container Spacing */
.fluent_form_2 {
    margin-top: 24px !important;
    margin-bottom: 36px !important;
}
