/* APST68 — Filtre par thème compact sur téléphone.
 * Chargé automatiquement par l'extension sur la page Documentation.
 * Les boutons et leur filtrage Elementor sont conservés.
 */
@media (max-width: 767px) {
  body.page-id-2735 .elementor-element-dd70ee1 {
    min-width: 0;
    max-width: 100%;
  }

  body.page-id-2735 .elementor-element-dd70ee1 .e-filter {
    display: flex !important;
    flex-flow: row nowrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    overflow-x: auto !important;
    padding: 4px 4px 8px !important;
    scrollbar-width: thin;
    scrollbar-color: #cbd5df transparent;
  }

  body.page-id-2735 .elementor-element-dd70ee1 .e-filter-item {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    box-sizing: border-box !important;
    min-height: 44px;
    margin: 0 !important;
    padding: 10px 14px !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
    border-radius: 999px !important;
  }

  body.page-id-2735 .elementor-element-dd70ee1 .e-filter-item[data-filter="__all"] {
    order: -1;
  }

  body.page-id-2735 .elementor-element-dd70ee1::after {
    content: "Faites glisser pour voir tous les thèmes →";
    display: block;
    margin: 4px 0 0;
    color: #64748b;
    font-size: 12px;
    line-height: 1.5;
  }
}