/* Issue #8951 M16 — Public Support Modal Bridge styles
 *
 * Termont.com runs the Logistik parent theme + Elementor. Elementor's UI
 * stack (sticky header, mobile menu drawer, hello bars) lives at z-index
 * 9990–9999. Bootstrap 5 modals default to z-index 1055 — they would render
 * BEHIND any Elementor sticky header.
 *
 * Hardening (high specificity but no !important on baseline rules):
 *   1. Force the modal + backdrop above Elementor's z-stack
 *   2. Restore body scroll-lock parity (Elementor sticky header sometimes
 *      conflicts with the open-modal inline padding-right)
 *   3. Sane defaults for the anon Name/Email row that some parent themes
 *      style as form-control overrides
 */

#cw-hypercare-ticket-modal {
    z-index: 100050 !important;
}

.modal-backdrop.show {
    z-index: 100040 !important;
}

/* Elementor sticky header sometimes sets `pointer-events:none` on body.modal-open
 * which prevents clicking the modal close button. Restore. */
body.modal-open #cw-hypercare-ticket-modal {
    pointer-events: auto;
}

/* Anon-only fields — keep visual parity with the rest of the form */
#cw-hypercare-ticket-modal .cw-hyp-anon-fields .form-label {
    font-weight: 600;
    color: #003366;
}

#cw-hypercare-ticket-modal .cw-hyp-anon-fields .form-control {
    border: 1px solid #ced4da;
    border-radius: 6px;
    padding: 8px 12px;
}

#cw-hypercare-ticket-modal .cw-hyp-anon-fields .form-control:focus {
    border-color: #0056b3;
    box-shadow: 0 0 0 .2rem rgba( 0, 86, 179, .15 );
}

/* Visual cue that a tel: link has been hijacked (subtle — only on hover) */
a[data-cw-support-bridge="1"]:hover {
    cursor: pointer;
}