/* Fix z-index for search autocomplete dropdown to appear above content-header-bottom */
.autocomplete-suggestions {
    z-index: 1050 !important; /* Higher than header-menu-modern (1000) */
}

/* Ensure search container has proper positioning context */
.searh-form-container {
    position: relative;
    z-index: 1050;
}

/* Additional fix for search form positioning */
.search-form {
    position: relative;
    z-index: 1050;
}

/* Ensure the autocomplete is positioned correctly relative to search form */
#js-seach-holder {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1051 !important;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    max-height: 400px;
    overflow-y: auto;
}

/* Style improvements for autocomplete items */
.autocomplete-suggestions .item {
    transition: background-color 0.2s ease;
}

.autocomplete-suggestions .item:hover {
    background-color: #f8f9fa;
}

/* Fix potential layout issues with content header */
.content-header-bottom,
.content-header-bottom-modern {
    position: relative;
    z-index: 1000; /* Lower than search dropdown */
}