/* The Golf Weekend mobile cleanup — Pass 3
   League home: compact command-center hero and denser shortcuts.
   Golfer Database: compact hero so search/results arrive faster.
*/

@media (max-width: 639px) {
  /* LEAGUE HOME --------------------------------------------------------- */
  main:has(a[href$="/free-agents"]):has(a[href$="/transactions"]) .profile-clubhouse > section.clubhouse-hero:first-child {
    border-radius: 1.35rem !important;
    padding: 1rem !important;
  }

  main:has(a[href$="/free-agents"]):has(a[href$="/transactions"]) .profile-clubhouse > section.clubhouse-hero:first-child > div {
    gap: 0.85rem !important;
  }

  main:has(a[href$="/free-agents"]):has(a[href$="/transactions"]) .profile-clubhouse > section.clubhouse-hero:first-child h1 {
    margin-top: 0.35rem !important;
    font-size: 1.9rem !important;
    line-height: 1.05 !important;
  }

  main:has(a[href$="/free-agents"]):has(a[href$="/transactions"]) .profile-clubhouse > section.clubhouse-hero:first-child p.mt-3 {
    margin-top: 0.45rem !important;
  }

  main:has(a[href$="/free-agents"]):has(a[href$="/transactions"]) .profile-clubhouse > section.clubhouse-hero:first-child a[href$="/lineup"] {
    height: 2.5rem !important;
    padding-inline: 0.8rem !important;
    font-size: 0.75rem !important;
  }

  main:has(a[href$="/free-agents"]):has(a[href$="/transactions"]) .profile-clubhouse > div.grid:has(> a[href$="/free-agents"]) {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0.5rem !important;
  }

  main:has(a[href$="/free-agents"]):has(a[href$="/transactions"]) .profile-clubhouse > div.grid:has(> a[href$="/free-agents"]) .card-surface {
    min-height: 4.8rem !important;
    padding: 0.45rem !important;
    border-radius: 1rem !important;
  }

  main:has(a[href$="/free-agents"]):has(a[href$="/transactions"]) .profile-clubhouse > div.grid:has(> a[href$="/free-agents"]) .card-surface > span {
    width: 2rem !important;
    height: 2rem !important;
    border-radius: 0.7rem !important;
  }

  main:has(a[href$="/free-agents"]):has(a[href$="/transactions"]) .profile-clubhouse > div.grid:has(> a[href$="/free-agents"]) .card-surface > p {
    margin-top: 0.4rem !important;
    font-size: 0.64rem !important;
    line-height: 1.05 !important;
  }

  /* GOLFER DATABASE ----------------------------------------------------- */
  main:has(input[placeholder^="Search golfers by name"]) section:has(img[alt*="Golf analytics dashboard"]) {
    min-height: 205px !important;
    border-radius: 1.35rem !important;
  }

  main:has(input[placeholder^="Search golfers by name"]) section:has(img[alt*="Golf analytics dashboard"]) > div.relative.z-10 {
    min-height: 205px !important;
    padding: 1rem !important;
  }

  main:has(input[placeholder^="Search golfers by name"]) section:has(img[alt*="Golf analytics dashboard"]) h1 {
    font-size: 1.9rem !important;
    line-height: 1.02 !important;
  }

  main:has(input[placeholder^="Search golfers by name"]) section:has(img[alt*="Golf analytics dashboard"]) h1 + p {
    margin-top: 0.45rem !important;
    font-size: 0.78rem !important;
    line-height: 1.25rem !important;
  }

  main:has(input[placeholder^="Search golfers by name"]) section:has(img[alt*="Golf analytics dashboard"]) .mt-5.flex.flex-wrap {
    margin-top: 0.75rem !important;
    gap: 0.35rem !important;
  }

  main:has(input[placeholder^="Search golfers by name"]) section:has(img[alt*="Golf analytics dashboard"]) .mt-5.flex.flex-wrap > div {
    padding: 0.4rem 0.55rem !important;
    border-radius: 0.65rem !important;
  }

  main:has(input[placeholder^="Search golfers by name"]) section:has(img[alt*="Golf analytics dashboard"]) .mt-5.flex.flex-wrap > div > p:first-child {
    font-size: 0.9rem !important;
  }

  main:has(input[placeholder^="Search golfers by name"]) section:has(img[alt*="Golf analytics dashboard"]) .mt-5.flex.flex-wrap > div > p:last-child {
    margin-top: 0.2rem !important;
    font-size: 0.46rem !important;
  }

  main:has(input[placeholder^="Search golfers by name"]) input[placeholder^="Search golfers by name"] {
    font-size: 16px !important;
    padding-top: 0.7rem !important;
    padding-bottom: 0.7rem !important;
  }
}