/* ========================================
   Sidebar and Modal Compatibility Fix
   Ensures sidebar works with modal system
   ======================================== */

/* Sidebar z-index management */
.carcass__sidebar {
    z-index: 1000 !important;
    transition: transform 0.3s ease !important;
}

.carcass__sidebar.active {
    z-index: 1000 !important;
    transform: translateX(0) !important;
}

/* Sidebar mobile menu button */
.mobile-menu-toggle {
    z-index: 1001 !important;
    position: relative !important;
}

/* When modal is open, ensure sidebar stays behind */
body.overflow .carcass__sidebar {
    z-index: 999 !important;
}

/* Sidebar backdrop */
.sidebar-backdrop {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0, 0, 0, 0.5) !important;
    z-index: 999 !important;
    display: none !important;
}

.sidebar-backdrop.show {
    display: block !important;
}

/* Ensure sidebar content is accessible */
.carcass__sidebar * {
    pointer-events: auto !important;
}

/* Sidebar buttons and links */
.carcass__sidebar .button,
.carcass__sidebar .modal-btn,
.carcass__sidebar a {
    position: relative !important;
    z-index: 1002 !important;
}

/* Mobile menu fixes */
@media (max-width: 768px) {
    .carcass__sidebar {
        transform: translateX(-100%) !important;
        transition: transform 0.3s ease !important;
    }

    .carcass__sidebar.active {
        transform: translateX(0) !important;
    }

    /* Ensure mobile menu doesn't conflict with modals */
    body.overflow .carcass__sidebar.active {
        transform: translateX(-100%) !important;
    }
}

/* Header adjustments for modal compatibility */
.carcass__header {
    z-index: 1000 !important;
    position: relative !important;
}

/* When modal is open, reduce header z-index */
body.overflow .carcass__header {
    z-index: 999 !important;
}

/* Main content area adjustments */
.carcass__body {
    position: relative !important;
    z-index: 1 !important;
}

/* Ensure game content doesn't interfere with modals */
.main-content {
    position: relative !important;
    z-index: 1 !important;
}

/* Footer adjustments */
.footer {
    position: relative !important;
    z-index: 1000 !important;
}

body.overflow .footer {
    z-index: 999 !important;
}