/* =============================================
   SocialBoost - Custom Styles
   ============================================= */

/* Fix: Modal overlay must appear above the fixed sidebar (z-40) 
   and sticky header (z-20). Because these elements are in separate
   stacking contexts from the modal, we use !important overrides
   on both the modal AND the header/sidebar elements. */

/* When a modal backdrop is visible, lower the sidebar and header z-index */
/* Sidebar: aside with fixed positioning */
body:has(.fixed.inset-0[class*="backdrop"]) aside[class*="fixed"][class*="z-40"] {
    z-index: 0 !important;
}

/* Mobile top header bar */
body:has(.fixed.inset-0[class*="backdrop"])>#root div[class*="lg:hidden"][class*="fixed"][class*="z-20"] {
    z-index: 0 !important;
}

/* Desktop sticky header */
body:has(.fixed.inset-0[class*="backdrop"]) div[class*="sticky"][class*="z-20"][class*="px-8"] {
    z-index: 0 !important;
}

/* Ensure modal backdrop is always on top */
.fixed.inset-0 {
    /* Only apply to modal-like overlays with dark backgrounds */
}

div[class*="fixed"][class*="inset-0"][class*="bg-black"] {
    z-index: 9999 !important;
}

div[class*="fixed"][class*="inset-0"][class*="backdrop-blur"] {
    z-index: 9999 !important;
}