/* UnifiedIQ Leagues (1.36.0): [uiq_league_schedule] + [uiq_league_standings].
   Inherits the theme's text color and font. Override any of these on .uiq-lg (or a parent):
   --uiq-lg-accent  highlight (today, active tab, points)    --uiq-lg-accent-ink  text on the accent
   --uiq-lg-card    game card background                     --uiq-lg-line        borders
   --uiq-lg-muted   secondary text                           --uiq-lg-radius      corners
   --uiq-lg-head    standings header background (sticky)     --uiq-lg-win         winning score color */
.uiq-lg {
  --uiq-lg-accent: var(--wp--preset--color--primary, #f47b20);
  --uiq-lg-accent-ink: #fff;
  --uiq-lg-line: color-mix(in srgb, currentColor 16%, transparent);
  --uiq-lg-card: color-mix(in srgb, currentColor 4%, transparent);
  --uiq-lg-muted: color-mix(in srgb, currentColor 68%, transparent);
  --uiq-lg-head: var(--uiq-lg-bg, Canvas);
  --uiq-lg-win: inherit;
  --uiq-lg-radius: 10px;
  font-variant-numeric: tabular-nums;
  line-height: 1.35;
  max-width: 100%;
  min-width: 0;
}
.uiq-lg *, .uiq-lg *::before, .uiq-lg *::after { box-sizing: border-box; }
.uiq-lg-title { margin: 0 0 .75rem; }
.uiq-lg-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.uiq-lg-empty { margin: 1rem 0; color: var(--uiq-lg-muted); }
.uiq-lg [hidden] { display: none !important; }

/* Controls */
.uiq-lg-bar { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; margin: 0 0 .75rem; }
.uiq-lg-seg { display: inline-flex; border: 1px solid var(--uiq-lg-line); border-radius: 999px; padding: 3px; }
.uiq-lg-segbtn, .uiq-lg-tab {
  font: inherit; font-size: .95rem; font-weight: 600; color: inherit; background: transparent;
  border: 0; border-radius: 999px; min-height: 44px; padding: 0 1rem; cursor: pointer; white-space: nowrap;
}
.uiq-lg-segbtn[aria-pressed="true"], .uiq-lg-tab[aria-pressed="true"] { background: var(--uiq-lg-accent); color: var(--uiq-lg-accent-ink); }
.uiq-lg-segbtn:focus-visible, .uiq-lg-tab:focus-visible, .uiq-lg-pick select:focus-visible, .uiq-lg-scroll:focus-visible { outline: 2px solid var(--uiq-lg-accent); outline-offset: 2px; }
.uiq-lg-pick { flex: 1 1 12rem; min-width: 0; }
.uiq-lg-pick select {
  width: 100%; min-height: 44px; font: inherit; font-size: 1rem; color: inherit; background: transparent;
  border: 1px solid var(--uiq-lg-line); border-radius: var(--uiq-lg-radius); padding: 0 .75rem;
}
.uiq-lg-pick select option, .uiq-lg-pick select optgroup { color: #111; background: #fff; }
.uiq-lg-tabs { display: flex; gap: .375rem; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: thin; margin: 0 0 1rem; padding-bottom: 2px; }
.uiq-lg-tab { border: 1px solid var(--uiq-lg-line); flex: 0 0 auto; }

/* Schedule: phone-first cards */
.uiq-lg-day { margin: 0 0 1.25rem; }
.uiq-lg-date { font-size: 1rem; margin: 0 0 .5rem; padding: 0 0 .375rem; border-bottom: 2px solid var(--uiq-lg-line); }
.uiq-lg-day.is-today .uiq-lg-date { border-bottom-color: var(--uiq-lg-accent); }
.uiq-lg-games { list-style: none; margin: 0; padding: 0; display: grid; gap: .5rem; }
.uiq-lg-game {
  display: grid; grid-template-columns: 4.75rem 1fr; gap: .25rem .75rem; align-items: start;
  margin: 0; padding: .75rem; background: var(--uiq-lg-card); border: 1px solid var(--uiq-lg-line); border-radius: var(--uiq-lg-radius);
}
.uiq-lg-game.is-today { border-color: var(--uiq-lg-accent); box-shadow: inset 4px 0 0 var(--uiq-lg-accent); }
.uiq-lg-game.is-cancelled .uiq-lg-match, .uiq-lg-game.is-postponed .uiq-lg-match { opacity: .7; }
.uiq-lg-game.is-cancelled .uiq-lg-team { text-decoration: line-through; }
.uiq-lg-time { font-weight: 700; font-size: .95rem; padding-top: .1rem; }
.uiq-lg-match { display: grid; gap: .25rem; min-width: 0; }
.uiq-lg-side { display: flex; align-items: center; gap: .5rem; min-width: 0; font-size: 1.05rem; }
.uiq-lg-team { min-width: 0; overflow-wrap: anywhere; }
.uiq-lg-score { margin-left: auto; font-size: 1.15rem; min-width: 2ch; text-align: right; color: var(--uiq-lg-muted); }
.uiq-lg-side.is-win .uiq-lg-team, .uiq-lg-side.is-win .uiq-lg-score { font-weight: 800; color: var(--uiq-lg-win); }
.uiq-lg-game.is-final .uiq-lg-score { font-weight: 700; }
.uiq-lg-dot { flex: 0 0 auto; width: .8rem; height: .8rem; border-radius: 50%; background: var(--uiq-lg-team, transparent); border: 1px solid var(--uiq-lg-line); }
.uiq-lg-dot.is-none { background: transparent; }
.uiq-lg-meta { grid-column: 2; display: flex; flex-wrap: wrap; gap: .25rem .5rem; align-items: center; font-size: .85rem; color: var(--uiq-lg-muted); }
.uiq-lg-meta:empty { display: none; }
.uiq-lg-chip { display: inline-block; font-size: .75rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; padding: .15rem .5rem; border-radius: 999px; border: 1px solid var(--uiq-lg-line); color: inherit; }
.uiq-lg-chip.is-today { background: var(--uiq-lg-accent); color: var(--uiq-lg-accent-ink); border-color: transparent; }
.uiq-lg-chip.is-postponed, .uiq-lg-chip.is-cancelled { border-color: currentColor; }
.uiq-lg-rink::before { content: "📍 "; }
.uiq-lg-note { flex-basis: 100%; font-style: italic; }

@media (min-width: 600px) {
  .uiq-lg-game { grid-template-columns: 5.5rem minmax(0, 1fr) minmax(0, 15rem); align-items: center; }
  .uiq-lg-meta { grid-column: 3; justify-content: flex-end; text-align: right; }
}

/* Standings */
.uiq-lg-group { margin: 1.25rem 0 .25rem; font-size: .8rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--uiq-lg-muted); }
.uiq-lg-div { margin: 0 0 1.5rem; }
.uiq-lg-divname { font-size: 1.05rem; margin: 0 0 .5rem; }
.uiq-lg-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; max-width: 100%; border: 1px solid var(--uiq-lg-line); border-radius: var(--uiq-lg-radius); }
.uiq-lg-table { width: 100%; border-collapse: separate; border-spacing: 0; font-size: .95rem; margin: 0; }
.uiq-lg-table th, .uiq-lg-table td { padding: .6rem .5rem; text-align: center; border: 0; border-bottom: 1px solid var(--uiq-lg-line); white-space: nowrap; }
.uiq-lg-table tbody tr:last-child > * { border-bottom: 0; }
.uiq-lg-table thead th { font-size: .75rem; font-weight: 700; letter-spacing: .04em; color: var(--uiq-lg-muted); background: var(--uiq-lg-head); }
.uiq-lg-table abbr { text-decoration: none; border: 0; cursor: help; }
.uiq-lg-table .uiq-lg-team-col {
  position: sticky; left: 0; z-index: 1; text-align: left; background: var(--uiq-lg-head);
  min-width: 9.5rem; max-width: 12rem; white-space: normal; font-weight: 600;
  box-shadow: 1px 0 0 var(--uiq-lg-line);
}
.uiq-lg-table thead .uiq-lg-team-col { z-index: 2; }
.uiq-lg-table tbody .uiq-lg-team-col { display: table-cell; }
.uiq-lg-table tbody .uiq-lg-team-col .uiq-lg-dot { display: inline-block; vertical-align: -1px; margin-right: .4rem; }
.uiq-lg-rank { display: inline-block; min-width: 1.4em; color: var(--uiq-lg-muted); font-weight: 700; }
.uiq-lg-table td.uiq-lg-pts { font-weight: 800; }
.uiq-lg-table th.uiq-lg-pts, .uiq-lg-table td.uiq-lg-pts { color: var(--uiq-lg-accent); }
.uiq-lg-foot { font-size: .8rem; color: var(--uiq-lg-muted); margin: .25rem 0 0; }

@media (max-width: 599px) {
  .uiq-lg-table { font-size: .9rem; }
  .uiq-lg-table th, .uiq-lg-table td { padding: .55rem .4rem; }
  .uiq-lg-table .uiq-lg-team-col { min-width: 8.5rem; max-width: 9.5rem; }
}
/* Wide screens: the table fits, so the header can stick to the page while scrolling. */
@media (min-width: 700px) {
  .uiq-lg-scroll { overflow: visible; }
  .uiq-lg-table thead th { position: sticky; top: var(--uiq-lg-sticky-top, 0px); z-index: 2; }
  .uiq-lg-table thead .uiq-lg-team-col { z-index: 3; }
}
@media (prefers-reduced-motion: no-preference) { .uiq-lg-segbtn, .uiq-lg-tab { transition: background-color .15s, color .15s; } }

/* Hold our layout against theme typography (e.g. ".prose ul { padding-left }", ".prose li { font-size: 19.5px }",
   ".prose h3 { font-size: 28px }") without !important: two-class selectors beat element + class. */
.uiq-lg .uiq-lg-games { list-style: none; margin: 0; padding: 0; }
.uiq-lg .uiq-lg-game { margin: 0; font-size: 1rem; line-height: 1.35; }
.uiq-lg .uiq-lg-game::before, .uiq-lg .uiq-lg-game::marker { content: none; }
.uiq-lg .uiq-lg-date { font-size: 1.3rem; line-height: 1.2; margin: 0 0 .5rem; }
.uiq-lg .uiq-lg-divname { font-size: 1.4rem; line-height: 1.2; margin: 0 0 .5rem; }
.uiq-lg .uiq-lg-group, .uiq-lg .uiq-lg-foot, .uiq-lg .uiq-lg-empty { font-size: .85rem; line-height: 1.4; }
.uiq-lg .uiq-lg-empty { font-size: 1rem; }
.uiq-lg .uiq-lg-table { font-size: .95rem; line-height: 1.3; }
@media (max-width: 599px) { .uiq-lg .uiq-lg-table { font-size: .9rem; } .uiq-lg .uiq-lg-date { font-size: 1.15rem; } }
