:root {
  --efl-red: #e54642;
  --efl-red-hover: #c63b38;
  --efl-bg: #000000;
  --efl-text: #ffffff;
  --efl-radius: 8px;
  --efl-radius-btn: 5px;
}
.efl-match-card {
  background: var(--efl-bg);
  color: var(--efl-text);
  border: 1px solid rgba(255,255,255,0.15); /* delikatna biała ramka eventu */
  border-radius: var(--efl-radius);
  padding: 16px;
  text-align: center;
  margin-bottom: 10px; /* odstęp między meczami */
}
.efl-line { margin: 5px 0; } /* mniejsze odstępy między sekcjami */
.efl-badge {
  display: inline-block;
  background: var(--efl-red);
  color: #fff;
  border-radius: var(--efl-radius);
  padding: 5px 10px;
  font-size: 13px;
  line-height: 1;
}
/* League badge under match number */
.efl-badge--league{
  background: #000;
  color:#fff;
  border: 1px solid rgba(255,255,255,.6);
  margin-top: 5px;
  display: inline-block;
}
/* Logos row with VS */
.efl-logos { display:flex; justify-content:center; align-items:center; gap: 14px; }
.efl-logo-link { display:inline-flex; }
.efl-logo {
  width: 84px; height: 84px; object-fit: contain;
  background: #111; border:none; border-radius: 10px; /* bez ramki logotypów */
}
.efl-vs { font-weight: 800; color: var(--efl-text); opacity:.9; }
/* Team names */
.efl-teams { font-weight: 700; color: var(--efl-text); font-size: 18px; }
/* Labels not bold */
.efl-proposed-label, .efl-your-label { color: var(--efl-text); font-weight: 400; }
/* Big score */
.efl-score-big { color: var(--efl-red); font-weight: 800; font-size: 24px; letter-spacing: .5px; }
/* Inputs */
.efl-score-inputs { display:flex; justify-content:center; align-items:center; gap:8px; }
.efl-score-inputs input[type="number"]{
  width:100%; max-width:110px; padding:6px 10px;
  border:1px solid var(--efl-red); border-radius: var(--efl-radius-btn);
  background: transparent; color: var(--efl-text); text-align:center;
}
/* Space between inputs and submit button */
.efl-score-inputs--user { margin-bottom: 5px; }
/* Actions buttons */
.efl-actions { display:flex; justify-content:center; gap:8px; flex-wrap: wrap; }
.efl-actions .efl-btn{
  min-width:110px; padding:6px 10px;
  border:1px solid var(--efl-red-hover); background: var(--efl-red); color:#fff;
  border-radius: var(--efl-radius-btn); font-weight:700; cursor:pointer;
  transition: background .2s ease-in-out;
}
.efl-actions .efl-btn:hover{ background: var(--efl-red-hover); }
/* Mobile tweaks */
@media (max-width: 360px){
  .efl-actions { gap:6px; }
  .efl-actions .efl-btn { min-width: 100px; }
  .efl-logo { width: 72px; height: 72px; }
  .efl-teams { font-size: 16px; }
}