/* Klub Pictures — podstrona /transmisje-sportowe/. Wspólne elementy (pierwszy ekran, licznik) w style.css. */

/* ===== 2. Mecze w tym tygodniu ===== */
.mweek__head { display: flex; justify-content: space-between; align-items: end; gap: 16px 40px; flex-wrap: wrap; margin-bottom: clamp(24px, 3vw, 40px); }
.mweek__head > div { display: grid; gap: 16px; }
.mweek__head .body a { color: var(--c-ink); font-weight: 500; text-underline-offset: 3px; }
.mboard { display: grid; gap: clamp(22px, 2.6vw, 34px); }
.mday__h { margin-bottom: 4px; font: 500 11px var(--f-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--c-lamp); }
.mlist { border-top: 1px solid var(--c-line-2); }
.mrow { display: grid; grid-template-columns: 76px 140px 1fr 130px 170px auto; align-items: center; gap: 12px 24px; padding-block: 16px; border-bottom: 1px solid var(--c-line); }
.mrow__ch { font: 500 12px var(--f-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--c-ink); }
.mrow__tag, .mrow__live { grid-column: 5; }
.mrow__t { font: 500 1.375rem var(--f-mono); letter-spacing: -.02em; color: var(--c-ink); font-variant-numeric: tabular-nums; }
.mrow__c { font: 12px var(--f-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--c-ink-2); }
.mrow__m { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; font-size: 1.125rem; letter-spacing: -.012em; }
.mrow__m b { font-weight: 500; }
.mrow__m i { font-style: normal; color: var(--c-ink-3); margin-right: 4px; }
.mrow__away { white-space: nowrap; }
.mrow__tag { justify-self: end; padding: 5px 11px; border-radius: 999px; font: 500 11px var(--f-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--c-lamp); box-shadow: inset 0 0 0 1px rgba(243, 198, 126, .5); white-space: nowrap; }
.mrow > .mrow__btn { grid-column: 6; }
.mrow.is-live .mrow__t { color: var(--c-felt); }
.mrow__live { justify-self: end; padding: 5px 11px; border-radius: 999px; font: 500 11px var(--f-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--c-felt); box-shadow: inset 0 0 0 1px rgba(60, 203, 147, .6); }
.mempty { padding: 24px 0; color: var(--c-ink-2); }
.mproto { margin-top: 22px; padding: 12px 14px; border-radius: 12px; border: 1px dashed rgba(243, 198, 126, .45); font: 12px/1.55 var(--f-mono); color: var(--c-lamp); max-width: 56em; }

/* ===== 3. Licencja ===== */
.mlic { padding-top: 0; }
.mlic__grid { display: grid; grid-template-columns: repeat(12, 1fr); column-gap: 24px; row-gap: 32px; align-items: center; }
.mlic__fig { grid-column: 1 / span 4; margin: 0; border-radius: var(--r-lg); overflow: hidden; aspect-ratio: 4 / 5; background: linear-gradient(120deg, #EBC3DA, #C9C3E6 45%, #D8C9DD 70%, #E5C7D6); }
.mlic__fig img { width: 100%; height: 100%; object-fit: cover; }
.mlic__text { grid-column: 6 / span 7; display: grid; gap: 18px; justify-items: start; }
.mlic__text .h2 { max-width: 15em; }
.mlic__k { margin-top: 8px; }

/* ===== 4. Słowami gości ===== */
.mquote { padding-top: 0; }
.mquote .wrap { display: grid; gap: clamp(20px, 3vw, 40px); }
.mquote__q { margin: 0; }
.mquote__q p { font-size: var(--fs-quote); font-weight: 500; line-height: 1.06; letter-spacing: -.035em; max-width: 14em; text-wrap: balance; }
.mquote__q--2 { justify-self: end; text-align: right; }
.mquote__q--2 p { font-size: var(--fs-statement); color: var(--c-ink-2); max-width: 18em; }
.mquote__src { justify-self: end; font: 12px var(--f-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--c-ink-3); }

/* ===== Tablet ===== */
@media (max-width: 1079px) {
  .mrow { grid-template-columns: 64px 1fr auto; }
  .mrow__c { grid-column: 2; grid-row: 1; }
  .mrow__m { grid-column: 2; grid-row: 2; }
  .mrow__t { grid-row: 1 / span 2; }
  /* kanał w jednej linii z rozgrywkami */
  .mrow__ch { display: none; }
  .mrow__c[data-ch]:not([data-ch=""])::after { content: " · " attr(data-ch); color: var(--c-ink); }
  .mrow__tag, .mrow__live { grid-column: 2; grid-row: 3; justify-self: start; }
  .mrow > .mrow__btn { grid-column: 3; grid-row: 1 / span 3; }
  .mlic__fig { grid-column: 1 / span 5; }
  .mlic__text { grid-column: 6 / span 7; }
}

/* ===== Telefon ===== */
@media (max-width: 759px) {
  .mrow { grid-template-columns: 52px 1fr auto; gap: 4px 12px; padding-block: 14px; }
  .mrow__t { font-size: 1.125rem; align-self: start; padding-top: 1px; }
  .mrow__m { font-size: 1rem; }
  .mrow__c { font-size: 10.5px; }
  .mrow__btn { --h: 36px; padding: 0 12px; }
  .mlic__fig, .mlic__text { grid-column: 1 / -1; }
  .mlic__fig { aspect-ratio: 4 / 4; }
  .mlic__fig img { object-fit: contain; }
  .mquote__q--2, .mquote__src { justify-self: start; text-align: left; }
}