/**
 * @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;
    --magebit-athos-focus-color: #0b233f;
    --magebit-athos-strike-price-color: #71717a;
}

@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);
}

/* WCAG 2.4.7: the Snap theme sets `outline: none` on autocomplete links, leaving keyboard focus invisible */
#search_mini_form .ss__autocomplete :is(a, [role="button"]):focus-visible {
    outline: 2px solid var(--magebit-athos-focus-color);
    outline-offset: 2px;
}

/* WCAG 1.4.3: the Snap theme's #a1a1aa old price has 2.56:1 contrast on white; this colour has 4.83:1 */
:is(#athos-templates, #search_mini_form) .ss__price--strike {
    color: var(--magebit-athos-strike-price-color);
}