/*
 * detrado Search Layer - functional CSS only
 *
 * Keep visual styling (colors, typography, spacing, borders, grids, responsive
 * design) in the storefront/theme all.css. This file only guarantees that the
 * AJAX suggestion fragment behaves as a real overlay.
 */

.search-suggest.dsl-layer {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    z-index: 1090 !important;
    pointer-events: none;
}

.dsl-layer__backdrop {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    pointer-events: auto;
}

.dsl-layer__panel {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    max-height: calc(100vh - 40px);
    overflow: auto;
    overscroll-behavior: contain;
    pointer-events: auto;
}

.dsl-layer__input {
    min-width: 0;
}