/* === ConvertKit Form Custom Styling === */
/* Override ConvertKit default styles to match website design */

.email-form .formkit-form,
.newsletter-content .formkit-form {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}

.formkit-form[data-uid="e13c66f0e2"] {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

.formkit-form .formkit-fields {
    display: flex !important;
    flex-direction: column !important;
    gap: 15px !important;
    width: 100% !important;
}

.formkit-form input[type="text"],
.formkit-form input[type="email"] {
    width: 100% !important;
    padding: 15px 20px !important;
    border: 2px solid #d4a59a !important;
    border-radius: 10px !important;
    font-size: 1rem !important;
    font-family: 'Montserrat', sans-serif !important;
    background: #ffffff !important;
    color: #4a4a4a !important;
    transition: all 0.3s ease !important;
}

.formkit-form input[type="text"]:focus,
.formkit-form input[type="email"]:focus {
    outline: none !important;
    border-color: #c9a961 !important;
    box-shadow: 0 0 0 3px rgba(201, 169, 97, 0.1) !important;
}

.formkit-form button[type="submit"],
.formkit-form .formkit-submit {
    width: 100% !important;
    padding: 15px 40px !important;
    background: #c9a961 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 10px !important;
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    font-family: 'Montserrat', sans-serif !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-transform: none !important;
}

.formkit-form button[type="submit"]:hover,
.formkit-form .formkit-submit:hover {
    background: #b8935a !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 5px 20px rgba(201, 169, 97, 0.4) !important;
}

/* Hide ConvertKit branding */
.formkit-form .formkit-powered-by,
.formkit-form .formkit-guarantee {
    display: none !important;
}

/* Success message styling */
.formkit-form .formkit-alert-success {
    background: rgba(201, 169, 97, 0.1) !important;
    color: #c9a961 !important;
    border: 2px solid #c9a961 !important;
    border-radius: 10px !important;
    padding: 20px !important;
    font-family: 'Montserrat', sans-serif !important;
    text-align: center !important;
    margin-top: 20px !important;
}

/* Error message styling */
.formkit-form .formkit-alert-error {
    background: rgba(220, 38, 38, 0.1) !important;
    color: #dc2626 !important;
    border: 2px solid #dc2626 !important;
    border-radius: 10px !important;
    padding: 15px !important;
    font-family: 'Montserrat', sans-serif !important;
}

/* Form note styling */
.form-note,
.form-note-white {
    font-size: 0.875rem !important;
    margin-top: 15px !important;
}