/* GOL.md Core v5 beta.4012
 * Canonical compact match-row component.
 *
 * One baseline for league, club, Nearby and venue pages. Surrounding route
 * layouts remain route-owned; this file owns row geometry, typography, hover
 * marker and click layering. Team links are the only nested interactive owners;
 * every other point of the row opens the match page. */

html body .golmdm-match-row-canonical-v4010{
  --golmdm-row-bg:#fff;
  --golmdm-row-text:#0a1723;
  --golmdm-row-muted:#74828e;
  --golmdm-row-line:#dfe6eb;
  --golmdm-row-hover:var(--golmd-ui-hover-bg,#f3f7f4);
  --golmdm-row-marker:var(--golmdm-accent-marker,var(--golmd-green-dark,var(--golmd-brand-strong,#3f9133)));
  --golmdm-row-team-hover:var(--golmd-brand-strong,#448f1a);
  position:relative!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-top:1px solid var(--golmdm-row-line)!important;
  border-radius:0!important;
  background:var(--golmdm-row-bg)!important;
  box-shadow:none!important;
  overflow:visible!important;
}
html body .golmdm-match-row-canonical-v4010:first-child{border-top:0!important}
html body .golmdm-match-row-canonical-v4010::before{
  content:""!important;
  position:absolute!important;
  z-index:4!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:2px!important;
  background:var(--golmdm-row-marker)!important;
  opacity:0!important;
  box-shadow:none!important;
  pointer-events:none!important;
}
html body .golmdm-match-row-canonical-v4010:is(:hover,:focus-within)::before{opacity:1!important}
html body .golmdm-match-row-canonical-v4010:is(:hover,:focus-within),
html body .golmdm-match-row-canonical-v4010:is(:hover,:focus-within)>.golmdm-match-row-link{
  background:var(--golmdm-row-hover)!important;
  background-color:var(--golmdm-row-hover)!important;
  box-shadow:none!important;
}

/* The full-row anchor is the primary interaction owner. */
html body .golmdm-match-row-canonical-v4010>.golmdm-match-row-full-link{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  display:block!important;
  border-radius:inherit!important;
  text-decoration:none!important;
  cursor:pointer!important;
}
html body .golmdm-match-row-canonical-v4010>.golmdm-match-row-link{
  position:relative!important;
  z-index:2!important;
  pointer-events:none!important;
  display:grid!important;
  grid-template-columns:60px minmax(0,1fr)!important;
  grid-template-areas:"date contest" "date venue"!important;
  align-items:center!important;
  column-gap:11px!important;
  row-gap:2px!important;
  min-height:58px!important;
  padding:6px 13px 7px 11px!important;
  color:var(--golmdm-row-text)!important;
  text-decoration:none!important;
  background:var(--golmdm-row-bg)!important;
  border:0!important;
  box-shadow:none!important;
}

html body .golmdm-match-row-canonical-v4010 .golmdm-match-row-datetime{
  grid-area:date!important;
  align-self:center!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  gap:1px!important;
  min-width:0!important;
  color:#657482!important;
  font-variant-numeric:tabular-nums!important;
}
html body .golmdm-match-row-canonical-v4010 .golmdm-match-row-datetime :is(b,em){
  display:block!important;
  margin:0!important;
  padding:0!important;
  font-style:normal!important;
  white-space:nowrap!important;
}
html body .golmdm-match-row-canonical-v4010 .golmdm-match-row-datetime b{
  color:#687784!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:600!important;
  letter-spacing:.01em!important;
}
html body .golmdm-match-row-canonical-v4010 .golmdm-match-row-datetime em{
  color:var(--golmdm-row-text)!important;
  font-size:12.5px!important;
  line-height:1.18!important;
  font-weight:700!important;
}
html body .golmdm-match-row-canonical-v4010 .golmdm-match-row-contest{
  grid-area:contest!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
}
html body .golmdm-match-row-canonical-v4010 .golmdm-match-row-team{
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  max-width:none!important;
  gap:8px!important;
  min-width:0!important;
  color:var(--golmdm-row-text)!important;
}
html body .golmdm-match-row-canonical-v4010 .golmdm-match-row-team.is-home{
  flex-direction:row-reverse!important;
  justify-content:flex-start!important;
  text-align:right!important;
}
html body .golmdm-match-row-canonical-v4010 .golmdm-match-row-team.is-away{
  flex-direction:row!important;
  justify-content:flex-start!important;
  text-align:left!important;
}
html body .golmdm-match-row-canonical-v4010 .golmdm-match-row-team :is(.golmdm-match-row-name,.golmdm-match-row-name-link,.golmdm-match-row-club-link){
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  padding:1px 0!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
  font-size:12.75px!important;
  font-weight:600!important;
  line-height:1.24!important;
  letter-spacing:0!important;
  text-decoration:none!important;
}
html body .golmdm-match-row-canonical-v4010 .golmdm-match-row-name-link,
html body .golmdm-match-row-canonical-v4010 .golmdm-match-row-club-link{
  position:relative!important;
  z-index:4!important;
  pointer-events:auto!important;
  width:fit-content!important;
  cursor:pointer!important;
}
html body .golmdm-match-row-canonical-v4010 .golmdm-match-row-name-link:hover,
html body .golmdm-match-row-canonical-v4010 .golmdm-match-row-club-link:hover{
  color:var(--golmdm-row-team-hover)!important;
  -webkit-text-fill-color:var(--golmdm-row-team-hover)!important;
}
html body .golmdm-match-row-canonical-v4010 .golmdm-match-row-logo{
  display:block!important;
  width:23px!important;
  height:23px!important;
  min-width:23px!important;
  max-width:23px!important;
  flex:0 0 23px!important;
  object-fit:contain!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body .golmdm-match-row-canonical-v4010 .golmdm-match-row-score{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
  font-size:14.5px!important;
  font-weight:700!important;
  line-height:1.2!important;
  letter-spacing:.01em!important;
  font-variant-numeric:tabular-nums!important;
  white-space:nowrap!important;
  transition:none!important;
}
html body .golmdm-match-row-canonical-v4010 .golmdm-match-row-score.is-placeholder{opacity:.62!important}
html body .golmdm-match-row-canonical-v4010 .golmdm-match-row-score.is-live{color:var(--golmd-brand-visible-primary,var(--golmd-brand-accent,#55b545))!important;-webkit-text-fill-color:currentColor!important}
html body .golmdm-match-row-canonical-v4010 .golmdm-match-row-live-dot-v3528{display:inline-block!important;width:6px!important;height:6px!important;margin:0 4px 1px 0!important;border-radius:50%!important;background:var(--golmd-brand-visible-primary,var(--golmd-brand-accent,#55b545))!important;vertical-align:middle!important}
html body .golmdm-match-row-canonical-v4010 .golmdm-match-row-venue{
  grid-area:venue!important;
  justify-self:center!important;
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  color:var(--golmdm-row-muted)!important;
}
html body .golmdm-match-row-canonical-v4010 .golmdm-match-row-venue svg{
  width:12px!important;
  height:12px!important;
  min-width:12px!important;
  max-width:12px!important;
  flex:0 0 12px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.75!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
html body .golmdm-match-row-canonical-v4010 .golmdm-match-row-venue em{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
  color:inherit!important;
  font-style:normal!important;
  font-size:10.75px!important;
  font-weight:500!important;
  line-height:1.25!important;
}
html body .golmdm-match-row-canonical-v4010 .golmdm-match-row-venue.is-empty:empty{display:none!important}

html.golmd-theme-dark body .golmdm-match-row-canonical-v4010,
html.golmd-dark-live body .golmdm-match-row-canonical-v4010,
html[data-theme="dark"] body .golmdm-match-row-canonical-v4010,
html[data-golmdm-real-theme="dark"] body .golmdm-match-row-canonical-v4010,
html[data-golmdm-live-theme="dark"] body .golmdm-match-row-canonical-v4010,
html[data-golmdm-theme-boot="dark"] body .golmdm-match-row-canonical-v4010,
body.golmd-theme-dark .golmdm-match-row-canonical-v4010{
  --golmdm-row-bg:#111920;
  --golmdm-row-text:#edf3f6;
  --golmdm-row-muted:#9cabb5;
  --golmdm-row-line:#263640;
  --golmdm-row-hover:#15221c;
  --golmdm-row-team-hover:var(--golmd-brand-accent,#55b545);
}
html.golmd-theme-dark body .golmdm-match-row-canonical-v4010 .golmdm-match-row-datetime b,
html.golmd-dark-live body .golmdm-match-row-canonical-v4010 .golmdm-match-row-datetime b,
body.golmd-theme-dark .golmdm-match-row-canonical-v4010 .golmdm-match-row-datetime b{color:#93a2ad!important}

@media(max-width:1023px) and (orientation:landscape){
  html body .golmdm-match-row-canonical-v4010>.golmdm-match-row-link{
    grid-template-columns:58px minmax(0,1fr)!important;
    column-gap:10px!important;
    min-height:64px!important;
    padding:7px 11px 8px 10px!important;
  }
  html body .golmdm-match-row-canonical-v4010 .golmdm-match-row-contest{grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr)!important;gap:7px!important}
  html body .golmdm-match-row-canonical-v4010 .golmdm-match-row-team :is(.golmdm-match-row-name,.golmdm-match-row-name-link,.golmdm-match-row-club-link){font-size:12.5px!important;line-height:1.23!important}
  html body .golmdm-match-row-canonical-v4010 .golmdm-match-row-score{font-size:14px!important}
}
@media(max-width:767px) and (orientation:portrait){
  html body .golmdm-match-row-canonical-v4010>.golmdm-match-row-link{
    grid-template-columns:42px minmax(0,1fr)!important;
    grid-template-areas:"date contest" "date venue"!important;
    column-gap:7px!important;
    row-gap:3px!important;
    min-height:62px!important;
    padding:7px 8px 8px 7px!important;
  }
  html body .golmdm-match-row-canonical-v4010 .golmdm-match-row-contest{grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr)!important;gap:5px!important}
  html body .golmdm-match-row-canonical-v4010 .golmdm-match-row-datetime b{font-size:9.5px!important;line-height:1.2!important}
  html body .golmdm-match-row-canonical-v4010 .golmdm-match-row-datetime em{font-size:11.5px!important;line-height:1.18!important}
  html body .golmdm-match-row-canonical-v4010 .golmdm-match-row-logo{width:20px!important;height:20px!important;min-width:20px!important;max-width:20px!important;flex-basis:20px!important}
  html body .golmdm-match-row-canonical-v4010 .golmdm-match-row-team{gap:5px!important}
  html body .golmdm-match-row-canonical-v4010 .golmdm-match-row-team :is(.golmdm-match-row-name,.golmdm-match-row-name-link,.golmdm-match-row-club-link){
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    white-space:normal!important;
    text-overflow:clip!important;
    overflow-wrap:anywhere!important;
    font-size:11px!important;
    line-height:1.2!important;
    padding:1px 0!important;
  }
  html body .golmdm-match-row-canonical-v4010 .golmdm-match-row-score{font-size:12.5px!important;line-height:1.18!important}
  html body .golmdm-match-row-canonical-v4010 .golmdm-match-row-venue{justify-self:start!important}
  html body .golmdm-match-row-canonical-v4010 .golmdm-match-row-venue svg{width:11px!important;height:11px!important;min-width:11px!important;max-width:11px!important;flex-basis:11px!important}
  html body .golmdm-match-row-canonical-v4010 .golmdm-match-row-venue em{font-size:10px!important;line-height:1.22!important}
}

/* beta.4016: the club link owns the team-name text only.
 * Do not flex-grow nested club anchors: the logo and the rest of the team cell
 * belong to the full-row match link underneath. */
html body .golmdm-match-row-canonical-v4010 .golmdm-match-row-team > a.golmdm-match-row-name-link,
html body .golmdm-match-row-canonical-v4010 .golmdm-match-row-team > a.golmdm-match-row-club-link{
  display:block!important;
  flex:0 1 auto!important;
  width:fit-content!important;
  min-width:0!important;
  max-width:calc(100% - 31px)!important;
  align-self:center!important;
  pointer-events:auto!important;
  position:relative!important;
  z-index:4!important;
}
@media(max-width:767px) and (orientation:portrait){
  html body .golmdm-match-row-canonical-v4010 .golmdm-match-row-team > a.golmdm-match-row-name-link,
  html body .golmdm-match-row-canonical-v4010 .golmdm-match-row-team > a.golmdm-match-row-club-link{
    max-width:calc(100% - 25px)!important;
  }
}