/* HappyHappyGolf V3.28.1 — Watch hierarchy and compact upcoming overview. */

/* Pro Tours now occupies the former redundant tournament section at the top. */
.watch-v312-opening > #watch-upcoming {
  width:100%;
}

.watch-next-events {
  padding:11px 0 2px;
  border-top:1px solid rgba(7,86,47,.1);
}
.watch-next-events > small {
  display:block;
  margin-bottom:7px;
  color:#3f5649;
  font:600 10px/1.2 "DM Sans",sans-serif;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.watch-next-events > div {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.watch-next-events button {
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:2px 8px;
  min-width:0;
  padding:10px 30px 10px 11px;
  border:1px solid rgba(7,86,47,.12);
  border-radius:12px;
  background:rgba(255,255,255,.72);
  color:#07562f;
  text-align:left;
  cursor:pointer;
}
.watch-next-events button span,
.watch-next-events button strong,
.watch-next-events button em {
  grid-column:1;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.watch-next-events button span {
  color:#3f5649;
  font:600 9px/1.2 "DM Sans",sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.watch-next-events button strong {
  font:600 13px/1.25 "DM Sans",sans-serif;
}
.watch-next-events button em {
  color:#4b5e53;
  font:500 11px/1.3 "DM Sans",sans-serif;
}
.watch-next-events button i {
  position:absolute;
  top:50%;
  right:11px;
  transform:translateY(-50%);
  font:400 20px/1 "DM Sans",sans-serif;
}
.watch-next-events button:hover {
  border-color:rgba(7,86,47,.28);
  background:#fff;
}
.watch-next-events button:focus-visible {
  outline:3px solid rgba(7,86,47,.2);
  outline-offset:2px;
}

@media (min-width:761px) {
  .watch-v312-opening > #watch-upcoming {
    padding-top:28px;
  }
}

@media (max-width:760px) {
  .watch-leaderboard.has-upcoming-overview {
    gap:10px;
  }
  .watch-leaderboard.has-upcoming-overview .watch-leaderboard-event h2 {
    font-size:29px;
  }
  .watch-next-events > div {
    grid-template-columns:1fr;
  }
  .watch-next-events button {
    min-height:58px;
  }
}