/* ============================================
   ULTRA AGGRESSIVE - HIDE FLOATING BUTTON ON MODAL
   Maximum specificity and multiple approaches
   ============================================ */

/* APPROACH 1: Target by class with body.modal-open */
body.modal-open .sidebar-toggle-floating,
body.modal-open button.sidebar-toggle-floating,
html body.modal-open .sidebar-toggle-floating {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateX(-9999px) !important;
    z-index: -9999 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* APPROACH 2: Target by ID with body.modal-open */
body.modal-open #sidebarToggleFloating,
body.modal-open button#sidebarToggleFloating,
html body.modal-open #sidebarToggleFloating {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateX(-9999px) !important;
    z-index: -9999 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* APPROACH 3: Target by element type */
body.modal-open button[class*="sidebar-toggle"],
body.modal-open button[id*="sidebarToggle"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateX(-9999px) !important;
    z-index: -9999 !important;
}

/* APPROACH 4: Nuclear option - hide ALL fixed positioned buttons when modal is open */
body.modal-open button[class*="floating"],
body.modal-open .floating-button {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Hide sidebar and overlay too */
body.modal-open .sidebar,
body.modal-open #sidebar,
body.modal-open nav.sidebar {
    display: none !important;
    transform: translateX(-100%) !important;
    visibility: hidden !important;
}

body.modal-open .sidebar-overlay,
body.modal-open #sidebarOverlay {
    display: none !important;
    visibility: hidden !important;
}

/* Extra specificity with modal.show present */
.modal.show ~ * .sidebar-toggle-floating,
.modal.show ~ * #sidebarToggleFloating {
    display: none !important;
}

/* When modal exists in DOM */
.modal + * .sidebar-toggle-floating,
.modal + * #sidebarToggleFloating {
    display: none !important;
}