// Wraps everything.
.tb-results-filter {
    border-bottom: 1px solid config('colors.grey-light');
    margin-bottom: $spacing-5;
    padding: $spacing-base;
    background: config('colors.white');
    position: relative;
    z-index: 1;

    html.filter-list-is-target & {
        z-index: 9999;
    }
}

// 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 {
        z-index: 4;
    }

    .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;
        z-index: 0;
        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;
    }
}
