/* Mobile button size fixes - make buttons smaller on mobile */

/* Filter buttons (Live, Finished, Upcoming) */
@media (max-width: 47.9375rem) {
  .button--sm {
    height: calc(var(--spacing) * 7); /* 28px instead of 36px */
    padding-inline: calc(var(--spacing) * 2.5); /* Slightly less padding */
    font-size: 0.8125rem; /* 13px */
  }

  .button--sm svg:not([data-slot=spinner] svg) {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5); /* 14px icons */
  }

  /* Live count badge */
  .button--sm #liveCount {
    font-size: 0.6875rem; /* 11px */
    padding: 0.125rem 0.375rem;
  }
}

/* Day navigation icon buttons */
@media (max-width: 47.9375rem) {
  .button--icon-only.button--md {
    width: calc(var(--spacing) * 8); /* 32px */
    height: calc(var(--spacing) * 8);
  }
}

/* Day center button */
@media (max-width: 47.9375rem) {
  .button--lg {
    height: calc(var(--spacing) * 8); /* 32px instead of 44px */
    font-size: 0.875rem; /* 14px text */
  }

  .button--lg svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4); /* 16px icon */
  }
}

/* Search field */
@media (max-width: 47.9375rem) {
  .search-field.search-field--secondary {
    height: calc(var(--spacing) * 7); /* 28px */
  }

  .search-field__input {
    font-size: 0.8125rem; /* 13px */
  }
}