/*
 Theme Name: NaszeRewiry Child
 Template: astra
 Version: 1.0
*/

/* ============ MOJE STYLE ============ */
.container{max-width:1100px;margin:0 auto;padding:24px}
.grid{display:grid;gap:16px}
.grid--teams{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.team-card{border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;background:#fff}
.team-card__inner{display:flex;flex-direction:column;gap:10px;padding:16px;text-decoration:none;color:inherit}
.team-card__logo{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;border:1px dashed #e5e7eb;border-radius:12px;overflow:hidden;background:#fafafa}
.team-card__logo img{width:100%;height:100%;object-fit:contain}
.team-card__placeholder{font-size:12px;color:#9ca3af}
.team-card__name{margin:0;font-size:18px}
.match-row{display:grid;grid-template-columns:160px 1fr;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #eee}
.match-row__time{color:#6b7280}
.match-row__teams{display:flex;gap:10px;align-items:center;justify-content:center}
.match-row__score{font-weight:700}
.team-header{display:grid;grid-template-columns:200px 1fr;gap:20px;align-items:center;margin-bottom:24px}
.team-header__logo img{width:100%;height:auto;display:block}
.match-single__scoreval{font-weight:800}
/* Nagłówek drużyny */
.team-header{
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 24px;
}

.team-header__logo{
  width:110px;
  height:110px;
  flex-shrink:0;
  border:1px solid #e5e7eb;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  box-shadow:0 2px 6px rgba(0,0,0,.06);

  background: rgba(44, 44, 44, 0.904);
}

.team-header__logo img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.team-header__meta h1{
  margin: 0;
  font-size: 28px;
}

.team-header__meta p{
  margin: 4px 0;
  color: #555;
}
/* ===== Paleta (z logo) ===== */
:root{
  --nr-blue: #2563eb;     /* akcent/linki */
  --nr-deep: #1e3a8a;     /* tło hero/gradient */
  --nr-yellow: #facc15;   /* przyciski/headingi */
  --nr-ink: #0f172a;      /* ciemny tekst */
  --nr-body: #2b2e36;     /* tekst body */
  --nr-sky: #e8f1ff;      /* delikatne tła sekcji */
  --nr-border: #e5e7eb;
}

/* ===== Typografia & układ ===== */
body { color: var(--nr-body); line-height: 1.6; }
h1,h2,h3 { color: var(--nr-ink); font-weight: 800; letter-spacing:.3px; }
h1 { font-size: clamp(36px, 5vw, 56px); }
h2 { font-size: clamp(24px, 3vw, 32px); margin: 28px 0 14px; }

/* Kontener na sekcje (użyj klasy .nr-container na Grupie w Gutenbergu) */
.nr-container{ max-width:1100px; margin:0 auto; padding:32px 20px; }

/* ===== HERO (blok Okładka) ===== */
.wp-block-cover{ border-radius:24px; overflow:hidden; }
.wp-block-cover.has-background-dim:not(.has-background-dim-0){ background-color:transparent; }
.wp-block-cover__inner-container{ text-align:center; color:#fff; padding:40px 20px; }
.wp-block-cover__inner-container p{ font-size: clamp(16px, 2vw, 20px); opacity:.95; }

/* Ładny gradient hero – jeśli ustawisz kolor tła okładki, ten gradient wejdzie na wierzch */
.wp-block-cover{ background: linear-gradient(135deg,var(--nr-deep),var(--nr-blue)); }

/* ===== Przycisk (globalnie) ===== */
.wp-block-button__link{
  background: var(--nr-yellow);
  color:#000 !important;
  font-weight:700; border-radius:12px; padding:12px 24px;
  box-shadow: 0 6px 20px rgba(250,204,21,.25);
}
.wp-block-button__link:hover{ background:#eab308; transform: translateY(-1px); }

/* ===== Nagłówki sekcji (np. 'Lista Drużyn') ===== */
.nr-section-title{
  color: var(--nr-yellow);
  text-transform: none;
  margin-bottom: 12px;
}

/* Delikatne tła sekcji, gdy chcesz oddzielić bloki */
.nr-section--soft{ background: var(--nr-sky); border:1px solid var(--nr-border); border-radius:16px; }
/* === Lista drużyn – 2 kolumny z kartami === */
.nr-teams-two-col{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
  max-width:1100px;
  margin:0 auto;
  padding:8px 12px 40px;
}
.nr-teams-col{display:flex;flex-direction:column;gap:18px}

/* Pojedyncza karta */
.nr-team-item{
  display:flex;align-items:center;gap:14px;
  padding:14px 18px;
  background:rgba(255, 255, 255, 0.315);
  backdrop-filter:saturate(140%) blur(2px);
  border:1px solid #070707b7;
  border-radius:14px;
  text-decoration:none;color:#0f172a;
  transition:transform .12s ease, box-shadow .12s ease, background .12s ease;
}
.nr-team-item:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 22px rgba(16,24,40,.08);
  background:rgba(255,255,255,.35);
}

/* Logo w karcie */
.nr-team-logo{
  width:56px;height:56px;flex:0 0 56px;
  border-radius:10px;
  background:#424242b4;border:1px solid #ffbc2b;
  display:flex;align-items:center;justify-content:center;overflow:hidden;
}
.nr-team-logo img{width:100%;height:100%;object-fit:contain}
.nr-team-logo--placeholder{font-size:18px;color:#9aa3b2}

/* Nazwa */
.nr-team-name{font-weight:700;letter-spacing:.2px}
@media (max-width:900px){
  .nr-teams-two-col{grid-template-columns:1fr}
}
/* ===== Status gotowości w kartach drużyn ===== */
.nr-team-item{ align-items:center; }          /* już jest flex – dopinamy status po prawej */
.nr-team-name{ flex:1; }                      /* nazwa rozszerza się, status idzie na prawo */
/* Kontener na status – idzie maksymalnie na prawo */
/* --- STATUS w kartach: wymuś wygląd nawet wewnątrz <a> --- */
.nr-team-status{
  margin-left:auto;
  display:flex;
  align-items: center;
  gap: 8px; 
  min-width:max-content;
}
/* Ujednolicenie szerokości badge wpisowego */
.nr-badge--fee {
  min-width: 110px;        /* dopasuj do własnych potrzeb */
  justify-content: center; /* żeby tekst był wyśrodkowany */
  text-align: center;
}
.nr-team-item .nr-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 12px;
  border-radius:999px;
  line-height:1;
  border:1px solid transparent;
  white-space:nowrap;
  /* anchor w Astrze potrafi nadpisywać kolory, więc wymuszamy */
  color:inherit !important;
  background:transparent !important;
  pointer-events:none; /* cały wiersz klikalny, badge nie przejmuje kliknięcia */
}
/* Ujednolicenie szerokości badge gotowości */
.nr-badge--ready {
  min-width: 100px;          /* ustaw tak, żeby pasowało do obu tekstów */
  justify-content: center;
  text-align: center;
}

.nr-team-item .nr-badge .nr-dot{
  width:8px;height:8px;border-radius:50%;
}

/* ZIELONA – GOTOWOŚĆ */
.nr-team-item .nr-badge.nr-badge--ok{
  color:#065f46 !important;
  background:rgba(16,185,129,.15) !important;
  border-color:rgba(16,185,129,.40) !important;
}
.nr-team-item .nr-badge.nr-badge--ok .nr-dot{ background:#10b981; }

/* CZERWONA – BRAK */
.nr-team-item .nr-badge.nr-badge--no{
  color:#7f1d1d !important;
  background:rgba(239,68,68,.15) !important;
  border-color:rgba(239,68,68,.40) !important;
}
.nr-team-item .nr-badge.nr-badge--no .nr-dot{ background:#ef4444; }
/* Badge wpisowego */
.nr-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
  font-size: 13px;
  text-decoration: none !important;
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid transparent;
  white-space: nowrap;

}

/* WYŁĄCZ PODKREŚLENIA DLA KART DRUŻYN – nadpisuje globalne style Astry */
a.nr-team-item,
a.nr-team-item:hover,
a.nr-team-item:focus,
a.nr-team-item * {
  text-decoration: none !important;
}

/* jeśli gdzieś jeszcze Astra nada kolor linku, zachowaj nasze kolory badge */
a.nr-team-item .nr-badge { color: inherit !important; }


 /* === NR – wariant SIMPLE (hero bez obrazka) === */
:root{
  --nr-primary: #3b82f6;
  --nr-text: #0f172a;
  --nr-muted: #64748b;
  --nr-ring: rgba(59,130,246,.25);
}

.nr-news--simple{
  width:100%;
}

.nr-hero{
  text-align:center;
  margin: 0 auto;
  padding: 28px 22px 30px;
  max-width: 920px;
  background: rgba(255,255,255,.55);
  border: 1px solid rgba(15,23,42,.06);
  border-radius: 22px;
  box-shadow: 0 6px 24px rgba(15,23,42,.10);
  backdrop-filter: blur(6px);
}

.nr-hero__kicker{
  font-weight: 800;
  letter-spacing: .04em;
  font-size: 18px;
  color: var(--nr-primary);
  margin-bottom: 6px;
}

.nr-hero__meta{
  display:flex; gap:10px; justify-content:center; align-items:center;
  color: var(--nr-muted);
  font-weight:600; font-size:14px;
  margin-bottom: 10px;
}
.nr-hero__dot{ opacity:.6; }

.nr-hero__title{
  font-size: clamp(24px, 3.2vw, 36px);
  line-height: 1.15;
  margin: 6px 0 12px;
}
.nr-hero__title a{
  color: var(--nr-text); text-decoration:none;
}
.nr-hero__title a:hover{
  text-decoration: underline; text-underline-offset:3px;
}

.nr-hero__excerpt{
  color: var(--nr-text);
  opacity: .9;
  font-size: clamp(14px, 1.5vw, 16px);
  line-height: 1.6;
  margin: 0 auto 16px;
  max-width: 820px;
}

.nr-hero__more{
  display:inline-block;
  font-size:14px; font-weight:700;
  padding:10px 14px; border-radius:14px;
  background:#fff;
  border:1px solid rgba(59,130,246,.35);
  color: var(--nr-primary);
  text-decoration:none;
  transition: box-shadow .15s ease, transform .15s ease;
}
.nr-hero__more:hover{
  box-shadow: 0 0 0 6px var(--nr-ring);
  transform: translateY(-1px);
}
/* === NR Mecze === */
.nr-matches{
  margin: 28px auto;
  max-width: 720px;
  background: rgba(255,255,255,.55);
  border: 1px solid rgba(15,23,42,.06);
  border-radius: 18px;
  padding: 20px;
  box-shadow: 0 4px 16px rgba(15,23,42,.1);
  backdrop-filter: blur(6px);
  text-align: center;
}
.nr-matches__title{
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 16px;
}
.nr-matches__empty{
  font-size: 16px;
  color: #64748b;
  font-weight: 600;
}
.nr-matches__list{
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.nr-match{
  display:flex;
  flex-direction: column;
  gap: 6px;
  padding: 12px 14px;
  border-radius: 14px;
  background: #649cebce;
  border:1px solid rgba(15,23,42,.08);
}
.nr-match__teams{
  font-weight: 700;
  font-size: 16px;
  display:flex; gap:8px; justify-content:center; align-items:center;
}
.nr-match__vs{
  font-size: 14px;
  color: #f73b3b;
}
.nr-match__meta{
  font-size: 14px;
  color: #64748b;
}
/* === NR – lista meczów === */
.nr-blk{
  margin:18px auto; max-width:960px;
  background:rgba(255,255,255,.55);
  border:1px solid rgba(15,23,42,.08);
  border-radius:16px; padding:16px;
  box-shadow:0 6px 20px rgba(15,23,42,.10);
  backdrop-filter: blur(6px);
}
.nr-blk__title{ margin:0 0 12px; font-size:18px; font-weight:800; text-align:center; }
.nr-empty{ text-align:center; color:#64748b; font-weight:600; padding:8px; }

.nr-mtable{ display:flex; flex-direction:column; gap:10px; }
.nr-mrow{
  display:grid;
  grid-template-columns: 140px 1fr 120px; /* LEWA: data | ŚRODEK: mecz | PRAWA: status */
  align-items:center; gap:10px;
  background:#649cebce; border:1px solid rgba(15,23,42,.08);
  border-radius:12px; padding:10px 12px;
}
.nr-mrow__meta{ font-size:13px; color:#64748b; font-weight:700; } /* data po lewej */

.nr-mrow__teams{ display:flex; gap:8px; align-items:center; font-weight:700; }
.nr-mrow__team{ display:flex; gap:8px; align-items:center; }
.nr-mrow__team img{ width:22px; height:22px; border-radius:6px; object-fit:cover; border:1px solid rgba(15,23,42,.1); }
.nr-mrow__vs{ margin:0 6px; color:#3b82f6; font-weight:800; }
.nr-mrow__meta{ display:flex; gap:8px; align-items:center; font-size:13px; color:#64748b; }
.nr-mrow__right{ display:flex; gap:10px; align-items:center; }
.nr-mrow__score{ font-weight:900; }
.nr-mrow__soon{ font-weight:800; color:#2563eb; }
/* === NR – Nadchodzące mecze (tabela + przycisk) === */
.nr-upcoming{
  margin:18px auto; max-width:960px;
  background:rgba(175, 206, 252, 0.596);
  border:1px solid rgba(15,23,42,.08);
  border-radius:16px; padding:14px;
  box-shadow:0 6px 20px rgba(15,23,42,.10);
  backdrop-filter:blur(6px);
}
.nr-upcoming__head h3{
  margin:4px 8px 12px; text-align:center; font-size:18px; font-weight:800;
}
.nr-upcoming__empty{ text-align:center; color:#64748b; font-weight:600; padding:8px; }

.nr-upcoming__table{ display:flex; flex-direction:column; gap:8px; }
.nr-urow{
  display:grid; grid-template-columns: 140px 1fr 120px;
  gap:10px; align-items:center;
  background:#649cebce; border:1px solid rgba(15,23,42,.08);
  border-radius:12px; padding:10px 12px;
}
.nr-urow--head{ background:transparent; border:none; padding:0 6px; font-weight:800; color:#475569; }
.nr-urow__teams{ display:flex; align-items:center; gap:8px; font-weight:700; }
.nr-urow__teams .team{ display:flex; align-items:center; gap:8px; }
.nr-urow__teams img{ width:22px; height:22px; border-radius:6px; object-fit:cover; border:1px solid rgba(15,23,42,.1); }
.nr-urow__teams .vs{ margin:0 8px; color:#3b82f6; font-weight:900; }
.nr-urow__date{ font-weight:700; color:#0f172a; }
.nr-urow__status{ display:flex; justify-content:flex-end; }

.badge.soon{
  display:inline-block; padding:4px 10px; border-radius:999px;
  background:#fff; border:1px solid rgba(59,130,246,.35); color:#2563eb; font-weight:800; font-size:12px;
}

.nr-upcoming__more{ display:flex; justify-content:center; margin-top:12px; }
.nr-btn{
  display:inline-block; font-size:14px; font-weight:800;
  padding:10px 14px; border-radius:12px; background:#ffffff;
  border:1px solid rgba(59,130,246,.35); color:#2563eb; text-decoration:none;
}
.nr-btn:hover{ box-shadow:0 0 0 6px rgba(59,130,246,.20); }
/* Badge LIVE (klikany) */
.badge.live{
  display:inline-block;
  padding:4px 10px;
  border-radius:999px;
  background:rgba(239,68,68,.15);
  border:1px solid rgba(239,68,68,.45);
  color:#b91c1c;
  font-weight:900;
  font-size:12px;
  text-decoration:none !important;
}
.badge.live:hover{
  box-shadow:0 0 0 5px rgba(239,68,68,.18);
}
/* Klikalny środek wiersza (link do meczu) */
.nr-urow__teamslink{
  display:flex; align-items:center; gap:8px;
  text-decoration:none; color:inherit;
}
.nr-urow__teamslink:hover .vs,
.nr-urow__teamslink:hover { text-decoration:none; }

/* Data niełamalna w wierszach */
.nr-mrow__meta time,
.nr-urow__date { white-space: nowrap; }
/* środek wiersza (link do pojedynczego meczu) – bez podkreśleń i dziedziczenie kolorów */
.nr-urow__teamslink,
.nr-urow__teamslink:hover,
.nr-urow__teamslink:focus,
.nr-mrow__teams.nr-urow__teamslink,
.nr-mrow__teams.nr-urow__teamslink * {
  text-decoration: none !important;
  color: inherit !important;
}
/* DATA meczu – wyróżnienie godziny */
.nr-urow__date {
  font-weight: 700;
  color: #0f172a;
}

.nr-urow__date time {
  color: #18db18; /* Pomarańczowy (Tailwind orange-500) */
  font-weight: 800;
  margin-right: 12px; /* odstęp od drużyn */
}

/* Drużyny na środku */
.nr-urow__teams {
  display: flex;
  justify-content: center; /* wyśrodkuj w poziomie */
  align-items: center;
  gap: 12px; /* odstępy między drużynami i "vs" */
}
/* Powiększenie ikonek drużyn w tabeli meczów */
.nr-urow__teams img,
.nr-mrow__team img {
  width: 40px;   /* wcześniej było 22px */
  height: 40px;
  border-radius: 8px;
  object-fit: cover;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
/* Grupa – pionowy układ */
.nr-group__list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Nagłówek tabeli */
.nr-group__head {
  display: grid;
  grid-template-columns: 60px 1fr 60px 60px 60px 60px 60px; /* +1 kolumna */
  font-weight: 800;
  font-size: 14px;
  color: #fff;
  background: #2563eb;
  padding: 8px 12px;
  border-radius: 8px;
  margin-bottom: 8px;
}
.nr-group__head span {
  text-align: center;
}
.nr-group__head span:nth-child(2) {
  text-align: left; /* nazwa drużyny wyrównana do lewej */
}

/* Wiersz drużyny */
.nr-team-item {
  display: grid;
  grid-template-columns: 60px 1fr 60px 60px 60px 60px 60px; /* +1 kolumna */
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  background: rgba(255, 255, 255, 0.4);
  border: 1px solid rgba(0,0,0,0.25);
  border-radius: 8px;
  text-decoration: none;
  color: #0f172a;
}

/* Logo */
.nr-team-logo {
  width: 50px;
  height: 50px;
  border-radius: 6px;
  overflow: hidden;
  background: #333;
  display: flex;
  justify-content: center;
  align-items: center;
}
.nr-team-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Nazwa drużyny */
.nr-team-name {
  font-weight: 700;
  font-size: 15px;
}

/* Statystyki */
.nr-team-stats {
  display: contents;
}
.nr-team-stats .stat {
  text-align: center;
  font-size: 14px;
  font-weight: 700;
}
/* ====== 1) Data/godzina – przesuń H:MM w prawo ====== */
.nr-urow__date{
  display:flex;               /* układ obok siebie */
  align-items: baseline;
  gap: 0;                     /* bez automatycznego odstępu */
}
.nr-urow__date time{
  margin-left: 12px;          /* <<< odsuń godzinę w prawo od daty */
  margin-right: 0;            /* na wszelki wypadek zerujemy poprzedni styl */
  font-weight: 800;
  color:#18db18;              /* jak u Ciebie – zielona godzina */
}

/* (opcjonalnie, jeśli chcesz trochę więcej miejsca w pierwszej kolumnie) */
/* .nr-urow{ grid-template-columns: 170px 1fr 120px; } */


/* ====== 2) Kolorystyka – niebieskie tła jak na pierwszym screenie ====== */
:root{
  --nr-panel-bg:  rgba(175,206,252,.60);   /* tło całego boxa */
  --nr-card-bg:   rgba(100,156,235,.85);   /* tło pojedynczych wierszy */
  --nr-card-bord: rgba(15,23,42,.12);      /* delikatna ramka */
}

/* kontenery */
.nr-upcoming,
.nr-blk{
  background: var(--nr-panel-bg) !important;
  border-color: var(--nr-card-bord) !important;
}

/* pojedyncze wiersze z meczami */
.nr-urow,
.nr-mrow{
  background: var(--nr-card-bg) !important;
  border-color: var(--nr-card-bord) !important;
}

/* nagłówek tabeli „Data / Mecz / Status” – bez wypełnienia */
.nr-urow--head{
  background: transparent !important;
  border: none !important;
}
.badge.score {
  background: #1e293b; /* ciemny granat np. */
  color: #fff;
  padding: 4px 8px;
  border-radius: 6px;
  font-weight: 600;
}
.nr-team-stats .stat-bilans {
  text-align: center;
  font-size: 14px;
  font-weight: 700;
}

.nr-team-stats .stat-bilans.positive {
  color: #16a34a; /* zielony */
}

.nr-team-stats .stat-bilans.negative {
  color: #dc2626; /* czerwony */
}