/* Zendesk Widget - Positioned on the right, above footer (4500) but below transition bands (5000-5010) */
/* Launcher (help bubble) - z-index above footer but below transition bands */
#launcher,
iframe[id="launcher"] {
    z-index: 4600 !important;
    position: fixed !important;
    pointer-events: auto !important;
    right: 20px !important;
    left: auto !important;
    bottom: 20px !important;
    top: auto !important;
    margin: 0 !important;
}

/* Zendesk chat window (messenger) - above launcher and footer but below transition bands */
iframe[id*="webWidget"]:not([id="launcher"]),
iframe[title*="messenger"],
iframe[title*="chat"],
iframe[aria-label*="messenger"],
iframe[aria-label*="chat"] {
    z-index: 4700 !important;
    position: fixed !important;
}

/* Ensure Zendesk widget container is visible */
div > iframe[id="launcher"] {
    display: block !important;
}

/* Mobile view - Zendesk widget above everything (header, nav, etc.) */
@media screen and (max-width: 1299px) {
    /* Launcher (help bubble) - above header (8000) and top-nav-container (7000) */
    #launcher,
    iframe[id="launcher"] {
        z-index: 10001 !important;
    }

    /* Zendesk chat window (messenger) - above launcher and all other elements */
    iframe[id*="webWidget"]:not([id="launcher"]),
    iframe[title*="messenger"],
    iframe[title*="chat"],
    iframe[aria-label*="messenger"],
    iframe[aria-label*="chat"] {
        z-index: 10002 !important;
    }
}