/* Z-INDEX HIERARCHY MANAGEMENT 
   Organized in layers with room for additions
   ============================================ */

/* LEVEL 0-9: Base document flow */
/* Reserved for elements that should be at the lowest level */

/* LEVEL 10-19: Background decorative elements */
.cards-background-container {
    z-index: 10;
}

.bg-card {
    z-index: 11; /* Individual cards slightly above container */
}

/* LEVEL 20-29: Page sections and main content */
section {
    position: relative;
    z-index: 20;
}

/* LEVEL 30-39: Section content and containers */
.cta-container,
.reports-container,
.faq-container,
.feature-parent-card,
.pricing-container,
.plans-container {
    position: relative;
    z-index: 30;
}

/* LEVEL 40-49: Interactive elements */
button,
a,
input,
select,
textarea,
.clickable-block,
.feature-button,
.cta-button,
.nav-btn,
.report-card {
    position: relative;
    z-index: 40;
}

/* LEVEL 50-59: Overlays and dropdowns */
.dropdown,
.dropdown-menu,
.tooltip {
    z-index: 50;
}

/* LEVEL 60-69: Headers and navigation */
header,
nav,
.header-placeholder,
#header-placeholder {
    position: relative;
    z-index: 60;
}

/* LEVEL 70-79: Sticky elements */
.sticky,
.fixed-header {
    z-index: 70;
}

/* LEVEL 80-89: Modals and popups */
.modal,
.popup,
.report-modal {
    z-index: 80;
}

.modal-backdrop {
    z-index: 79;
}

/* LEVEL 90-99: Critical overlays */
.loading,
.spinner,
.error-message {
    z-index: 90;
}

/* LEVEL 100+: Emergency/System critical */
.system-alert,
.cookie-banner {
    z-index: 100;
}

/* LEVEL 9999: Debug elements (remove in production) */
.debug-overlay {
    z-index: 9999;
}