/*
 * Mobile adaptation for /blog/ page filter tags.
 */

@media (max-width: 767px) {
  /* Filter tags row — horizontal scroll, hide scrollbar */
  body.blog .e-filter,
  body.archive .e-filter,
  body .e-filter {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important; /* Firefox */
    -ms-overflow-style: none !important; /* IE/Edge */
    padding: 0 16px !important;
    margin: 0 -16px !important;
    box-sizing: border-box !important;
  }
  body.blog .e-filter::-webkit-scrollbar,
  body.archive .e-filter::-webkit-scrollbar,
  body .e-filter::-webkit-scrollbar {
    display: none !important; /* WebKit */
    width: 0 !important;
    height: 0 !important;
  }
  body.blog .e-filter .e-filter-item,
  body.archive .e-filter .e-filter-item,
  body .e-filter .e-filter-item {
    flex: 0 0 auto !important;
    width: auto !important;
    white-space: nowrap !important;
  }
}