/* Filtres des pages de résultats (public/themes/agency/js/tl-filters.js).
   ≤ 991 px : bouton « Filtres » à la place du bloc ; le bloc s'ouvre en plein écran. Bureau : inchangé. */
.tl-filters__btn{ display: none; }

@media (max-width: 991px){
  .tl-filters__btn{
    display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 100%;
    margin: 0 0 14px; padding: 12px 16px; border: 1px solid #e3e6ec; border-radius: 999px;
    background: #fff; color: #1f2633; font-weight: 700; font-size: 15px; cursor: pointer;
    box-shadow: 0 4px 14px rgba(15, 23, 42, .06); position: sticky; top: 8px; z-index: 20;
  }
  .tl-filters__btn:focus-visible{ outline: 3px solid var(--main-color, #e8483b); outline-offset: 2px; }
  .tl-filters__count{
    min-width: 22px; height: 22px; padding: 0 6px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center;
    background: var(--main-color, #e8483b); color: #fff; font-size: 12px;
  }
  .tl-filters__count[hidden]{ display: none; }
  /* Bloc de filtres masqué dans la page (il vit dans la fenêtre quand elle est ouverte) */
  .tl-filters{ display: none !important; }
}

html.tl-filters-lock, html.tl-filters-lock body{ overflow: hidden; }
.tl-filters-sheet{
  position: fixed; inset: 0; z-index: 99995; display: flex; flex-direction: column; background: #fff; color: #1f2633;
}
.tl-filters-sheet__head{
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: calc(12px + env(safe-area-inset-top, 0px)) 16px 12px; border-bottom: 1px solid #e8eaef; font-size: 17px;
}
.tl-filters-sheet__close{
  width: 40px; height: 40px; border: 0; border-radius: 50%; background: #f5f6f9; color: #1f2633; font-size: 26px; line-height: 1; cursor: pointer;
}
.tl-filters-sheet__body{ flex: 1; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; padding: 8px 16px 24px; }
.tl-filters-sheet__foot{
  display: flex; gap: 10px; padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px));
  border-top: 1px solid #e8eaef; box-shadow: 0 -6px 18px rgba(15, 23, 42, .06); background: #fff;
}
.tl-filters-sheet__reset{
  flex: 0 0 auto; padding: 12px 16px; border: 1px solid #e3e6ec; border-radius: 999px; background: #fff; color: #1f2633; font-weight: 600; cursor: pointer;
}
.tl-filters-sheet__reset[hidden]{ display: none; }
.tl-filters-sheet__apply{
  flex: 1; padding: 12px 16px; border: 0; border-radius: 999px; background: var(--main-color, #e8483b); color: #fff; font-weight: 700; cursor: pointer;
}
.tl-filters-sheet__close:focus-visible, .tl-filters-sheet__reset:focus-visible, .tl-filters-sheet__apply:focus-visible{
  outline: 3px solid var(--main-color, #e8483b); outline-offset: 2px;
}
/* Dans la fenêtre : le bloc s'affiche en entier, sans les anciennes bascules « Filtres » ni colonnes fixes */
.tl-filters-sheet .tl-filters{
  display: block !important; position: static !important; width: auto !important; max-width: none !important;
  top: auto !important; margin: 0 !important; box-shadow: none !important; border: 0 !important; background: transparent !important;
}
.tl-filters-sheet .open-call{ display: none !important; }
.tl-filters-sheet #wrap, .tl-filters-sheet .content{ display: block !important; }
.tl-filters-sheet .content{ padding: 0 !important; background: transparent !important; }
.tl-filters-sheet form button[type="submit"]{ display: none !important; } /* « Voir les résultats » envoie le formulaire */
@media (max-width: 991px){
  /* Pages en colonnes flex (hôtels, vols, activités) : le bouton occupe toute la largeur au-dessus des résultats */
  *:has(> .tl-filters__btn){ flex-wrap: wrap; }
  .tl-filters__btn{ flex: 0 0 100%; order: -1; }
}