/* Homepage category filter (includes/home-category-filter.php): the buttons are .tmc24-tabs links, so they keep the tab look.
   Only what a link used as a button needs is added here. */
.tmc24-tabs a[data-tmc-filter] { cursor: pointer; }
/* The row scrolls sideways when it is long, which clips an outside outline: the focus ring is drawn inside. */
.tmc24-tabs a[data-tmc-filter]:focus-visible { outline: 2px solid #0f62f0; outline-offset: -3px; border-radius: 999px; }
.tmc-home-filter-empty { max-width: 1080px; margin: 18px auto 0; padding: 0 16px; text-align: center; color: #50607a; font-size: 16px; line-height: 1.5; }
/* While a block is chosen the grid's own "Show all competitions" button is not offered: the filter lists all of the block's competitions. */
.tmc51-competition-grid.tmc-home-filtering ~ .tmc51-show-all-wrap { display: none !important; }

/* Phones (owner 2026-10-27): the category row stays one line and scrolls sideways by finger; semi-transparent arrows at the edges show
   there is more and scroll it. They appear only when the row is longer than the screen (never on desktop, where it fits). */
.tmc-home-filter-scroller { position: relative; }
.tmc-home-filter-arrow { position: absolute; top: 50%; z-index: 3; width: 30px; height: 30px; margin-top: -15px; padding: 0; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .72); color: #1f2937; box-shadow: 0 1px 6px rgba(0, 19, 31, .18); display: flex; align-items: center; justify-content: center; cursor: pointer; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
.tmc-home-filter-arrow[hidden] { display: none; }
.tmc-home-filter-arrow--prev { left: 4px; }
.tmc-home-filter-arrow--next { right: 4px; }
@media (max-width: 760px) {
  body.tmc24-theme.home .tmc24-tabs[data-tmc-home-filter] { flex-wrap: nowrap !important; justify-content: flex-start !important; overflow-x: auto !important; overflow-y: hidden !important; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; scrollbar-width: none; }
  body.tmc24-theme.home .tmc24-tabs[data-tmc-home-filter]::-webkit-scrollbar { display: none; }
  body.tmc24-theme.home .tmc24-tabs[data-tmc-home-filter] a { flex: 0 0 auto !important; padding: 0 12px !important; }
}
@media (prefers-reduced-motion: reduce) {
  body.tmc24-theme.home .tmc24-tabs[data-tmc-home-filter] { scroll-behavior: auto; }
}