/* Shared submit-button spinner + page overlay used across patient entry forms (LP, sticker, combined, PUF upload). */

@keyframes hivespin { to { transform: rotate(360deg); } }

.hive-spinner {
    display: inline-block;
    box-sizing: border-box;
    width: 1.2em;
    height: 1.2em;
    margin-right: 0.5em;
    vertical-align: -0.2em;
    border-radius: 50%;
    border: 0.15em solid;
    border-color: currentColor currentColor currentColor transparent;
    animation: hivespin 0.7s linear infinite;
    pointer-events: none;
}

/* Input elements (type=submit / type=button) can't contain child markup, so the spinner
   renders as an absolutely-positioned sibling instead of a prepended child. */
.hive-spinner-input-wrap {
    position: relative;
    display: inline-block;
    width: 100%;
}
.hive-spinner-input-wrap .hive-spinner {
    position: absolute;
    left: 0.75em;
    top: 50%;
    margin: -0.6em 0.5em 0 0;
    z-index: 2;
}
.hive-spinner-input-wrap input.hive-spinner-btn.is-submitting {
    padding-left: 2.1em;
}

.insurance_card_details .hive-spinner-input-wrap .hive-spinner {
    width: 2em;
    height: 2em;
    margin: -1.2em 0.5em 0 0;
    left: 9.5em;
}

.hive-spinner-btn[disabled],
.hive-spinner-btn.is-submitting {
    cursor: not-allowed;
    opacity: 0.7;
}

.hive-submit-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.01);
    z-index: 99999;
    cursor: wait;
}
.hive-submit-overlay.is-active {
    display: block;
}

/*
 * These forms already toggle a `.trasparentPart` class on `.submit-row` during
 * submission (pre-existing behavior), which several stylesheets pair with an
 * image-based `:before` spinner. Suppress that legacy spinner wherever it would
 * otherwise render alongside the one above, so only one spinner ever shows.
 * !important is required to win regardless of stylesheet load order.
 */
#form-container2 .submit-row.trasparentPart:before,
.conversion_layout .submit-row.trasparentPart:before {
    content: none !important;
    display: none !important;
}