/*For the Waiver and signature feature */
/* Ensure the signature container does not block the submit button */
#signature-container {
    position: relative;
    z-index: 1; /* Lower than submit button */
}

/* Signature canvas settings */
#signature-pad {
    display: block;
    margin: 0 auto;
    border: 1px solid #ccc;
    background: white;
    max-width: 100%;
    pointer-events: auto; /* Allows drawing normally */
}

/* Fix the overlapping issue by making transparent sections non-interactive */
#signature-container:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none; /* Prevents blocking clicks */
    background: transparent;
    z-index: -1; /* Push behind submit button */
}

/* Ensure the submit button is above everything */
.bricks-button.sm {
    position: relative;
    z-index: 3; /* Higher than signature */

}


/* Align radio buttons side-by-side */
.form-group[role="radiogroup"] .options-wrapper {
    display: flex;
    align-items: center;
    gap: 15px; /* Adjust spacing */
}


/* Style the error message */
.form-group[role="radiogroup"] div {
    margin-left: 10px; /* Add space between radio options and error message */
    font-weight: bold;
    color: red;
    font-size: 14px;
}


/*For the Waiver and submissions form */
/* Ensure text stays small */
.form-group[role="radiogroup"] label {
    font-size: 14px;
    white-space: nowrap; /* Prevents text from breaking into multiple lines */
}

/* Error message styling */
.form-group[role="radiogroup"] div[style*="color: red"] {
    margin-left: 15px; /* Adjusts error message positioning */
    font-weight: bold;
}