/* ═══════════════════════════════════════════════════════════
   TAP TARGETS — Comprehensive 44px minimum for mobile
   Ensures all interactive elements are thumb-friendly
   and spaced to prevent accidental taps.
   ═══════════════════════════════════════════════════════════ */

@media (max-width: 768px) {

  /* === ELEMENTS MISSING FROM EXISTING RULES === */
  /* mobile.css & features-bundle already cover: button, a, .pick-btn,
     .vote-btn, .pp-btn, [onclick], .tab, .pill, .ef-btn, .subnav-pill,
     .quick-nav a, .filter-pill, .fpill, .tab-pill, .sort-btn, .draft-filter,
     .sort-pill — but they miss min-width and several element types */

  /* Fill gaps: elements not covered elsewhere */
  .bb-pill,
  .fn-btn,
  .btn-outline,
  .ticker-dismiss,
  .menu-toggle,
  .mobile-nav-close,
  .mobile-nav-link,
  .mobile-nav-search-btn,
  .nav-search-btn,
  .dropdown-toggle,
  .prediction-cta a,
  .prediction-cta button,
  select,
  input[type="submit"],
  input[type="button"],
  .gs-item,
  .slip-sheet-close {
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* Fix undersized elements from other CSS files */
  .pd-pagination button {
    min-width: 44px !important;
    min-height: 44px !important;
  }

  .pd-pill {
    min-height: 44px !important;
  }

  /* === MIN-WIDTH for small targets (dots, close buttons, icons) === */
  .menu-toggle,
  .mobile-nav-close,
  .ticker-dismiss,
  .nav-search-btn,
  .mobile-nav-search-btn,
  .slip-sheet-close {
    min-width: 44px !important;
  }

  /* === ADD TO SLIP — enlarged for thumb zone === */
  .add-slip-btn {
    min-height: 44px !important;
    padding: 10px 16px !important;
    font-size: 0.8rem !important;
  }

  /* === BB PILLS — larger tap area === */
  .bb-pill {
    padding: 8px 14px !important;
    min-height: 44px !important;
  }

  /* === SPACING BETWEEN ADJACENT TAP TARGETS === */
  /* Prevent accidental taps on neighboring elements */
  .subnav-scroll {
    gap: 8px !important;
  }

  .picks-grid .pick {
    margin-bottom: 8px !important;
  }

  /* Pill rows: ensure gap between items */
  .subnav-scroll,
  .pd-filters {
    gap: 8px !important;
  }

  /* === MOBILE NAV — full touch-friendly sizing === */
  .mobile-nav-link {
    min-height: 48px !important;
    padding: 12px 16px !important;
  }

  .mobile-nav-section-header {
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
  }

  /* === SLIP BAR — already 56px, ensure it stays === */
  .slip-bar {
    min-height: 56px !important;
  }

  /* === GS SEARCH RESULTS — tappable items === */
  .gs-item {
    min-height: 48px !important;
    padding: 8px 12px !important;
  }

  /* === CARD SPACING — prevent overlap between cards === */
  .prediction-card,
  .bb-card,
  .pick {
    margin-bottom: 12px !important;
  }

  /* === FN (NEWSLETTER) BUTTON === */
  .fn-btn {
    min-height: 48px !important;
    padding: 10px 20px !important;
  }

}