/**
 * @author Magebit <info@magebit.com>
 * @copyright Copyright (c) Magebit, Ltd. (https://magebit.com)
 * @license https://magebit.com/code-license
 */

:root {
    --magebit-athos-overlay-color: rgba(0, 0, 0, 0.5);
    --magebit-athos-search-z-index: 100001;
    --magebit-athos-autocomplete-offset: 0.125rem;
}

@media (min-width: 1024px) {
    :root {
        --magebit-athos-autocomplete-offset: 0.25rem;
    }
}

#search_mini_form .ss__autocomplete-fixed__inner {
    margin-top: var(--magebit-athos-autocomplete-offset);
}

.ss__autocomplete-fixed__modal .ss__modal__overlay.ss__overlay--active {
    background-color: var(--magebit-athos-overlay-color);
}

:has(> #search_mini_form .ss__overlay--active)::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: var(--magebit-athos-search-z-index);
    border-radius: inherit;
    background-color: inherit;
}

#search_mini_form:has(.ss__overlay--active) > input {
    position: relative;
    z-index: var(--magebit-athos-search-z-index);
}

#search_mini_form:has(.ss__overlay--active) > :is(label, button) {
    z-index: calc(var(--magebit-athos-search-z-index) + 1);
}