// Wraps everything.
.tb-results-filter {
    background: config('colors.white');
    position: relative;

    html.filter-list-is-target & {
        z-index: config('zIndex.full');

        @media screen and (min-width: $mediaquery-lg) {
            z-index: auto;
        }
    }

    .tb-results--filter-hidden & {
        display: none;
    }
}

// TEMPORARY FIX FOR LAYOUT CONTAINER WRAPPING ISSUE
.o-container .tb-results-filter {
    padding-left: 0;
    padding-right: 0;
}

// Wraps the buttons and the map switch (if available).
.tb-results-filter__navigation {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.tb-results-filter__navigation--offer {
    .tb-date-picker__button {
        margin-right: $spacing-base;
    }

    @media screen and (min-width: $mediaquery-lg) {
        justify-content: flex-start;
    }
}

.tb-results-filter__navigation--events {
    .tb-results-filter__list {
        display: flex;
        position: static;
        margin-top: 0;

        &.is-target {
            flex-direction: row;
            justify-content: initial;
            height: auto;
            padding: 0;
        }
    }

    .tb-results-filter__list-item {
        border: 0;
        margin-bottom: 0;
        margin-right: $spacing-base;
        padding-bottom: 0;
    }
}
