/* Mobile tap-target compliance — WCAG 2.5.5 (Target Size, Level AAA = 44x44).
   Applies under 768px only. Desktop sizing is unchanged. */
@media (max-width: 767.98px){
  /* Header chrome */
  .theme-toggle,
  .mobile-menu-btn{ width: 44px; height: 44px; }

  /* Bonus-codes hub: card layout brand-name link + Claim + Copy */
  .promo-table .name-cell > a{
    display: inline-block;
    padding: 8px 4px;
    line-height: 1.3;
  }
  .promo-table .cta-btn,
  a.cta-btn{
    min-height: 44px;
    padding: 10px 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .copy-btn{
    min-height: 44px;
    padding: 10px 18px;
  }

  /* Filter / promo-chip row gets bigger taps and a touch more spacing */
  .promo-chip{
    min-height: 40px;
    padding: 8px 14px;
  }
  .promo-chips{
    gap: 8px;
  }

  /* Breadcrumb links — easier to thumb back */
  .breadcrumb a{
    display: inline-block;
    padding: 6px 4px;
  }

  /* Footer policy links — Privacy etc. were 15px tall */
  footer .footer-bottom a,
  footer .footer-policies a,
  footer ul li > a{
    display: inline-block;
    padding: 6px 0;
    line-height: 1.4;
  }
}
