/* Harvey Community Radio — home "What's On" hero link under the station name (header row unchanged; Duncan 27 Sep 2026) */

/* —— What's On block: directly under the station name —— */
a.hcr-home-whatson {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 14px 0 0;
  padding: 16px 16px 16px 18px;
  min-height: 88px;
  box-sizing: border-box;
  border-radius: 18px;
  background: #2B2F36;
  color: #FFFFFF;
  text-decoration: none;
  border-left: 6px solid #1F2469;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  transition: background-color 0.15s ease;
}
a.hcr-home-whatson:hover { background: #3A3F47; }
a.hcr-home-whatson:active { background: #22252B; }
a.hcr-home-whatson:focus-visible { outline: 3px solid #1F2469; outline-offset: 3px; }
a.hcr-home-whatson .hcr-hw-icon {
  flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center;
  width: 52px; height: 52px; border-radius: 14px; background: rgba(255, 255, 255, 0.1); color: #FFFFFF;
}
a.hcr-home-whatson .hcr-hw-text { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
a.hcr-home-whatson .hcr-hw-title {
  font: 800 24px/1.12 "Source Sans 3", "Segoe UI", system-ui, sans-serif; letter-spacing: -0.01em; color: #FFFFFF;
}
a.hcr-home-whatson .hcr-hw-sub { font-size: 17px; line-height: 1.3; font-weight: 500; color: #D5D8DD; }
a.hcr-home-whatson .hcr-hw-go {
  flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center;
  width: 44px; height: 44px; border-radius: 999px; background: #FFFFFF; color: #2B2F36;
  transition: transform 0.15s ease;
}
a.hcr-home-whatson:hover .hcr-hw-go { transform: translateX(3px); }
#hcr-home-whatson + p { margin-top: 14px !important; }
@media (min-width: 640px) {
  a.hcr-home-whatson { padding: 20px 22px; gap: 20px; min-height: 104px; }
  a.hcr-home-whatson .hcr-hw-title { font-size: 30px; }
  a.hcr-home-whatson .hcr-hw-sub { font-size: 18px; }
  a.hcr-home-whatson .hcr-hw-icon { width: 60px; height: 60px; }
  a.hcr-home-whatson .hcr-hw-go { width: 48px; height: 48px; }
}