/*
 Theme Name:     Desert Endo Child Theme
 Theme URI:      https://mngragency.com/
 Description:    Divi Child Theme
 Author:         MNGR LLC
 Author URI:     https://mngragency.com/
 Template:       Divi
 Version:        1.0.0
*/


/* =Theme customization starts here
------------------------------------------------------- */

/* 1. Ensure Form 23 check-in fields are fully visible */
#wpforms-23-field_0-container,
#wpforms-23-field_2-container,
#wpforms-23-field_3-container {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* 2. Hide the native WPForms submit button on Form 23 ONLY
      (replaced by the #lookup-appointment HTML button) */
#wpforms-form-23 .wpforms-submit-container {
    display: none !important;
}

/* 3. Style the Lookup Button (Form 23) */
#lookup-appointment {
    background-color: #2ea3f2;
    color: #fff;
    padding: 20px;
    border: none;
    border-radius: 8px;
    font-weight: bold;
    width: 100%;
    cursor: pointer;
    font-size: 22px;
    margin-top: 10px;
    display: block;
}

#lookup-appointment:hover {
    background-color: #1a8fd1;
}

/* 4. Style the Pay Now submit button on Form 85 */
#wpforms-submit-85 {
    background-color: #2ea3f2 !important;
    color: #fff !important;
    width: 100% !important;
    font-size: 22px !important;
    font-weight: bold !important;
    border-radius: 8px !important;
}

#wpforms-submit-85:hover {
    background-color: #1a8fd1 !important;
}

/* 5. Hide the hidden Appointment ID field (Field #6) on Form 85 from patient view */
#wpforms-85-field_6-container {
    display: none !important;
}

/* 6. Custom confirmation message styling for Form 85 */
#wpforms-form-85 .wpforms-confirmation-container-full,
.wpforms-confirmation-container-full {
    background-color: #f1f1f1 !important;
    border: 1px solid #cccccc !important;
    border-radius: 4px !important;
    padding: 20px 24px !important;
    font-size: 17px !important;
    color: #333333 !important;
}

/* 7. Hide the "Minimum Price: $X.XX" helper text on Form 85 Amount Due field */
#wpforms-85-field_3-container .wpforms-field-sublabel,
#wpforms-85-field_3-container .wpforms-field-description {
    display: none !important;
}

/* 8. Prepend a dollar sign to the Amount Due input on Form 85 */
#wpforms-85-field_3-container {
    position: relative;
}

#wpforms-85-field_3-container::before {
    content: '$';
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    color: #333333;
    pointer-events: none;
    z-index: 1;
}

#wpforms-85-field_3 {
    padding-left: 26px !important;
}



/* 9. Fix Pay Now button — prevent Divi row/section overflow from clipping the submit button */
#wpforms-form-85 .wpforms-submit-container {
    display: block !important;
    padding: 10px 0 24px 0;
    overflow: visible;
}

#wpforms-form-85 {
    overflow: visible !important;
}

.wpforms-container,
.wpforms-container-full {
    overflow: visible !important;
}