.tb-event-filter-facet-option {
    display: inline-block;
}

@include mappy-bp(max sm) {
    .tb-event-filter-facet-option--initially-hidden-on-mobile {
        display: none;
    }

    .tb-event-filter-facet__options.is-target .tb-event-filter-facet-option--initially-hidden-on-mobile {
        display: inline-block;
    }
}

/*
 * Reset hover styling on touch  devices
 * As all styling inside the `hover: none` media query has less
 * less specificity than the preceding selectors, thus requireing `!important`.
*/

/* stylelint-disable declaration-no-important */
@media (hover: none) {
    .tb-event-filter-facet .tb-date-picker__button:hover,
    .tb-event-filter-facet-option:hover {
        color: config('colors.secondary') !important;
        background-color: config('colors.white') !important;
    }

    .tb-event-filter-facet-option.is-selected {
        color: config('colors.white') !important;
        background-color: config('colors.secondary') !important;
    }
}
/* stylelint-enable */
