/* HappyHappyGolf V3.23.6 — focused Watch + Play refinements. */

/* The approved homepage intro still controls the animation. This only scales
   its persistent wordmark by 30%, from 16.5px to 21.5px. */
.home-minimal-header .hh-header-intro__wordmark{
  font-size:21.5px!important;
}

/* WATCH — the right half of the hero is now a concise, useful PGA TOUR
   leaderboard/event module instead of a second navigation panel. */
.watch-leaderboard{
  min-width:0;
  min-height:330px;
  box-sizing:border-box;
  padding:24px 26px 22px;
  border:1px solid rgba(7,86,47,.14);
  border-radius:26px;
  background:linear-gradient(145deg,rgba(245,249,241,.98),rgba(255,253,247,.98));
  box-shadow:0 18px 46px rgba(21,62,42,.08);
  color:#07562f;
  display:flex;
  flex-direction:column;
  gap:13px;
  overflow:hidden;
  scroll-margin-top:128px;
}
.watch-leaderboard-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}
.watch-leaderboard-head>div{
  display:flex;
  align-items:center;
  gap:9px;
}
.watch-leaderboard-head small,
.watch-leaderboard-event>small,
.watch-leaderboard-winner small,
.watch-leaderboard-players>small,
.watch-leaderboard-broadcast small,
.watch-leaderboard-defending small{
  font-family:"DM Sans",sans-serif;
  font-size:11px;
  font-weight:600;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.watch-leaderboard-head span{
  border:1px solid rgba(7,86,47,.14);
  border-radius:999px;
  padding:5px 9px;
  background:#fff;
  font:600 10px/1 "DM Sans",sans-serif;
  letter-spacing:.12em;
}
.watch-leaderboard-head span.is-live{
  color:#fff;
  border-color:#07562f;
  background:#07562f;
}
.watch-leaderboard-head time{
  color:#627168;
  font:500 11px/1.3 "DM Sans",sans-serif;
}
.watch-leaderboard-event h2{
  margin:3px 0 2px;
  color:#07562f;
  font:400 clamp(29px,2.6vw,42px)/.98 "Libre Caslon Display",serif;
  letter-spacing:-.025em;
}
.watch-leaderboard-event p,
.watch-leaderboard-summary,
.watch-leaderboard-broadcast,
.watch-leaderboard-defending{
  margin:0;
  color:#53645a;
  font:500 14px/1.45 "DM Sans",sans-serif;
}
.watch-leaderboard-list{
  list-style:none;
  margin:0;
  padding:0;
  border-top:1px solid rgba(7,86,47,.1);
}
.watch-leaderboard-list li{
  min-height:34px;
  display:grid;
  grid-template-columns:30px minmax(0,1fr) auto auto auto;
  align-items:center;
  gap:8px;
  border-bottom:1px solid rgba(7,86,47,.09);
  color:#4f6056;
  font:500 12px/1.2 "DM Sans",sans-serif;
}
.watch-leaderboard-list li>b{
  color:#07562f;
  font-weight:600;
}
.watch-leaderboard-list li>strong{
  overflow:hidden;
  color:#193d2c;
  font-size:13px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.watch-leaderboard-list li>em{
  color:#07562f;
  font-size:14px;
  font-style:normal;
  font-weight:600;
}
.watch-leaderboard-winner,
.watch-leaderboard-players{
  padding:12px 14px;
  border-radius:15px;
  background:rgba(7,86,47,.07);
}
.watch-leaderboard-winner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.watch-leaderboard-winner strong{
  font:400 23px/1 "Libre Caslon Display",serif;
}
.watch-leaderboard-players>div{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:8px;
}
.watch-leaderboard-players span{
  padding:6px 9px;
  border:1px solid rgba(7,86,47,.12);
  border-radius:999px;
  background:#fff;
  color:#365348;
  font:500 11px/1 "DM Sans",sans-serif;
}
.watch-leaderboard-summary{
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.watch-leaderboard footer{
  margin-top:auto;
  padding-top:12px;
  border-top:1px solid rgba(7,86,47,.1);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.watch-leaderboard footer a,
.watch-leaderboard footer button{
  border:0;
  background:none;
  color:#07562f;
  font:600 13px/1.2 "DM Sans",sans-serif;
  text-decoration:none;
  cursor:pointer;
}
.watch-leaderboard footer button{
  padding:9px 13px;
  border-radius:999px;
  color:#fff;
  background:#07562f;
}
.watch-leaderboard footer i{
  font-style:normal;
}

/* This Week behaves as a card-sized action on mouse, touch and keyboard. */
.watch-v32-row-action{
  cursor:pointer;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.watch-v32-row-action:hover{
  border-color:rgba(7,86,47,.24);
  box-shadow:0 10px 24px rgba(7,86,47,.07);
  transform:translateY(-1px);
}
.watch-v32-row-action:focus-visible{
  outline:3px solid rgba(7,86,47,.22);
  outline-offset:3px;
}
.watch-v32-row-action .watch-v32-arrow{
  display:grid;
  place-items:center;
}

/* PLAY — eight verified private-club results form a balanced two-row grid on
   desktop and keep the existing horizontal swipe behavior on mobile. */
@media (min-width:761px){
  #nearby-private-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
  #nearby-private-grid .private-club-card{
    min-height:228px;
  }
}

@media (max-width:760px){
  .home-minimal-header .hh-header-intro__wordmark{
    font-size:21.5px!important;
  }
  .watch-leaderboard{
    min-height:0;
    margin-top:20px;
    padding:20px;
    border-radius:22px;
    gap:12px;
    scroll-margin-top:104px;
  }
  .watch-leaderboard-event h2{
    font-size:32px;
  }
  .watch-leaderboard-list li{
    grid-template-columns:27px minmax(0,1fr) auto auto;
  }
  .watch-leaderboard-list li span:nth-of-type(2){
    display:none;
  }
  .watch-leaderboard footer{
    align-items:stretch;
  }
  .watch-leaderboard footer a,
  .watch-leaderboard footer button{
    min-height:42px;
    display:flex;
    align-items:center;
  }
  #nearby-private-grid{
    grid-auto-columns:minmax(282px,83%);
    scrollbar-width:none;
  }
  #nearby-private-grid::-webkit-scrollbar{
    display:none;
  }
}
