/* Z-INDEX FIX - Giải quyết vấn đề gradient background chồng chéo */

/* Reset z-index cho gradient backgrounds để tránh xung đột */
.bg-gradient-to-br::before,
.bg-gradient-to-r::before {
    z-index: -1 !important; /* Đưa pseudo-element xuống dưới */
}

.bg-gradient-to-br > *,
.bg-gradient-to-r > * {
    z-index: auto !important; /* Reset z-index cho children */
    position: relative;
}

/* Đảm bảo header luôn ở trên cùng */
header.main-nav,
header.sticky {
    z-index: 9999 !important;
    position: relative;
}

/* Mobile menu z-index */
#mobile-menu {
    z-index: 9998 !important;
}

#mobile-menu-overlay {
    z-index: 9997 !important;
}

/* Hero section z-index cụ thể */
.hero-section {
    position: relative;
    z-index: 1;
}

.hero-section > .absolute {
    z-index: 1 !important; /* Background overlay */
}

.hero-section .container-responsive {
    z-index: 2 !important; /* Content */
}

/* Section backgrounds không được che lấp content */
section.bg-gradient-to-br,
section.bg-gradient-to-r {
    position: relative;
    z-index: auto;
}

/* Đảm bảo content trong sections luôn hiển thị */
section.bg-gradient-to-br .container-responsive,
section.bg-gradient-to-r .container-responsive,
section .container-responsive {
    position: relative;
    z-index: 2;
}

/* Fix cho cards và buttons */
.bg-white {
    position: relative;
    z-index: 3;
}

/* Fix cho buttons và links */
a, button {
    position: relative;
    z-index: 4;
}

/* Newsletter section fix */
.newsletter-section::before {
    z-index: -1 !important;
}

.newsletter-section > * {
    z-index: 1 !important;
}

/* Tooltip và modal z-index */
.tooltip {
    z-index: 10000 !important;
}

.modal {
    z-index: 10001 !important;
}

/* Dropdown menu z-index */
.dropdown-menu {
    z-index: 9996 !important;
}

/* Fix cho các element bị che lấp */
.shadow-lg, .shadow-xl {
    position: relative;
    z-index: 3;
}

/* Đảm bảo form elements không bị che */
input, textarea, select, button {
    position: relative;
    z-index: 5;
}

/* Fix cho navigation items */
nav a, nav button {
    position: relative;
    z-index: 6;
}

/* Debug: Thêm border để kiểm tra vấn đề (có thể xóa sau) */
/*
.bg-gradient-to-br::before,
.bg-gradient-to-r::before {
    border: 2px solid red !important;
}
*/