/*
 * Subedinfo Website - Custom Form Submit Button Style
*/

.sbi-submit-button {
   background-color: #10B981 !important; /* Your brand's primary green  */
   color: #f0f0f0 !important; /* White text */
   border-radius: 6px !important; /* Adjust for more/less rounded corners */
   border: none !important;
   padding: 10px 20px !important; /* Adjust vertical and horizontal spacing */
   font-weight: bold !important;
   text-transform: none !important; /* Ensures text isn't forced to uppercase */
   transition: background-color 0.3s ease !important;
}
 
/* Adds a slight darkening effect when the mouse hovers over the button */
.sbi-submit-button:hover {
    background-color: #0f9d74 !important; 
}

/*
 * JetFormBuilder form styling
 */

.jet-form-builder__submit-wrap {
    justify-content: center !important;
}

/* Add spacing between the First/Last Name Gutenberg columns */
.jet-form-builder .wp-block-columns {
    gap: 20px;
    margin-bottom: 0;
}

/* Correct the line-height for JetFormBuilder fields */
.jet-form-builder__field-wrap .jet-form-builder__field {
    line-height: 1 !important; /* Use a relative value for better results */
}

/* --- Styles for the bottom border (Keep these) --- */
.jet-form-builder__field-wrap .jet-form-builder__field {
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    border-bottom: 1px solid #CCCCCC !important; /* Light grey bottom line */
    padding-left: 2px !important;
    padding-right: 2px !important;
    transition: border-color 0.3s ease;
}

/* --- Focus effect for the bottom border --- */
.jet-form-builder__field-wrap .jet-form-builder__field:focus {
    box-shadow: none !important; /* Remove default focus glow */
    border-bottom-color: #89c241 !important; /* Your brand green on focus */
}