/* Fix CSS Overlap Issues */

/* Reset z-index conflicts */
* {
  box-sizing: border-box;
}

/* Fix navigation z-index */
.navbar {
  z-index: 1000 !important;
}

.nav-menu {
  z-index: 1001 !important;
}

.nav-menu.active {
  z-index: 1001 !important;
}

/* Fix hero section overlaps */
.hero {
  position: relative;
  z-index: 1;
}

.hero-content {
  position: relative;
  z-index: 2;
}

.hero-background {
  z-index: 0;
}

.hero-particles {
  z-index: 0;
}

.hero-gradient {
  z-index: 0;
}

/* Fix card overlaps */
.service-card,
.testimonial-card,
.blog-card,
.contact-card {
  position: relative;
  z-index: 1;
}

/* Fix admin menu z-index */
.admin-menu-toggle {
  z-index: 9999 !important;
}

.admin-menu {
  z-index: 9998 !important;
}

/* Fix mobile menu */
@media (max-width: 768px) {
  .nav-menu {
    z-index: 1002 !important;
  }
  
  .nav-menu.active {
    z-index: 1002 !important;
  }
}

/* Fix button overlaps */
.btn {
  position: relative;
  z-index: 1;
}

/* Fix modal/overlay z-index */
.modal,
.overlay {
  z-index: 10000 !important;
}

/* Fix footer z-index */
.footer {
  position: relative;
  z-index: 1;
}

/* Fix content sections */
section {
  position: relative;
  z-index: 1;
}

/* Fix absolute positioned elements */
.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.fixed {
  position: fixed;
}

/* Ensure proper stacking context */
.container {
  position: relative;
  z-index: 1;
}

/* Fix text overlaps */
h1, h2, h3, h4, h5, h6 {
  position: relative;
  z-index: 1;
}

p, span, div {
  position: relative;
  z-index: 1;
}