:root {
  --efl-red: #e54642;
  --efl-red-hover: #c63b38;
  --efl-bg: #000000;
  --efl-text: #ffffff;
  --efl-radius: 8px;
  --efl-radius-btn: 5px;
}
.efl-card {
  background: var(--efl-bg);
  color: var(--efl-text);
  border: 1px solid rgba(255,255,255,.6); /* 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;
}


/* Data badge */
.efl-badge--date{
  background:#fff;
  color:#000;
  border-radius:5px;
}
/* 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; }

#efl-results-root .efl-teams { margin-bottom: 4px; }

#efl-results-root .efl-teams-main {
  font-weight: 700;
  font-size: 18px;
}

#efl-results-root .efl-teams-discord {
  font-weight: 400;
  font-size: 13px;
  opacity: 0.9;
}

#efl-results-root .efl-team-name {
  font-weight: 700;
  font-size: 18px;
}

#efl-results-root .efl-vs-mobile {
  font-weight: 700;
  margin: 4px 0;
}

#efl-results-root .efl-teams--desktop {
  display: none;
}

#efl-results-root .efl-teams--mobile {
  display: block;
}

@media (min-width: 1024px) {
  #efl-results-root .efl-teams--desktop {
    display: block;
  }
  #efl-results-root .efl-teams--mobile {
    display: none;
  }
}
/* 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; }
}

/* BORDER dla poszczególnych wydarzeń/meczów */
#efl-results-root .efl-card {
  border: 1px solid rgba(255,255,255,.15) !important;
  border-radius: 5px;
  padding: 16px;
}

/* Inputy wyników */
#efl-results-root .efl-score-inputs input[type="number"],
#efl-results-root .efl-score-inputs input[type="text"] {
  border: 1px solid rgba(255,255,255,.15) !important;
  border-radius: 5px !important;
  width: 100% !important;
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

/* GAP między inputami: 20px (PC i mobile) */
#efl-results-root .efl-score-inputs {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px !important;
  flex-wrap: wrap;
}

/* Przycisk Wyślij na pełną szerokość kontenera */
#efl-results-root .efl-btn {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box;
}

/* Dwie kolumny wydarzeń na PC: 1 karta lewo, 2 karta prawo itd. */
@media (min-width: 1024px) {
  #efl-results-root .efl-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px !important;
  }
}
/* === EFL SCORE INPUTS LAYOUT 47 / 6 / 47 === */
#efl-results-root .efl-score-inputs{
  display: grid !important;
  grid-template-columns: 47% 6% 47%;
  align-items: center;
  justify-content: center;
  column-gap: 8px;
  padding: 20px;
}

#efl-results-root .efl-score-inputs input[type="number"],
#efl-results-root .efl-score-inputs input[type="text"]{
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box;
}

#efl-results-root .efl-score-inputs span{
  text-align: center;
  display: block;
}
/* --- FORCE REMOVE OLD MAX-WIDTH FOR SCORE INPUTS --- */
body.single-sp_team #efl-results-root .efl-score-inputs input[type="number"],
body.single-sp_team #efl-results-root .efl-score-inputs input[type="text"],
#efl-results-root .efl-score-inputs input[type="number"],
#efl-results-root .efl-score-inputs input[type="text"]{
    max-width: none !important;
    width: 100% !important;
}




/* User self-reschedule button in [efl_results] */
.efl-btn-user-reschedule{
  background:#ffffff !important;
  border:none !important;
  color:#111111 !important;
  font-weight:700;
  border-radius:5px;
  display:block;
  width:100%;
  margin-top:8px;
  cursor:pointer;
}

/* --- EFL Results [efl_results]: filters & pagination & debug --- */
#efl-results-root .efl-results-wrapper{
  width:100%;
}

#efl-results-root .efl-filters-form{
  margin-bottom:16px;
}

#efl-results-root .efl-filters-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

#efl-results-root .efl-filter-field{
  flex:1 1 0;
  min-width:0;
  position:relative;
}

#efl-results-root .efl-filter-input{
  width:100%;
  padding:6px 10px;
  border-radius:4px;
  border:1px solid rgba(255,255,255,0.15);
  background:#111;
  color:#fff;
  font-size:13px;
  text-align:center !important;
}

#efl-results-root .efl-filter-input::placeholder{
  color:rgba(255,255,255,0.6);
}

#efl-results-root .efl-filter-dropdown{
  position:absolute;
  left:0;
  right:0;
  top:100%;
  margin-top:2px;
  max-height:240px;
  overflow:auto;
  background:#111;
  border:1px solid rgba(255,255,255,0.15);
  border-radius:4px;
  padding:4px 0;
  display:none;
  z-index:20;
}

#efl-results-root .efl-filter-dropdown.is-open{
  display:block;
}

#efl-results-root .efl-filter-option{
  padding:6px 10px;
  font-size:13px;
  cursor:pointer;
  text-align:center;
}

#efl-results-root .efl-filter-option:hover{
  background:#222;
}

/* Filters actions */

#efl-results-root .efl-filters-actions{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-top:12px;
}

#efl-results-root .efl-filter-submit,
#efl-results-root .efl-filter-reset{
  width:100%;
  padding:8px 12px;
  border-radius:4px;
  font-size:13px;
  font-weight:bold;
  text-align:center;
  cursor:pointer;
}

#efl-results-root .efl-filter-submit{
  background:#e54642;
  border:0;
  color:#fff;
}

#efl-results-root .efl-filter-submit:hover{
  background:#c63b38;
}

#efl-results-root .efl-filter-reset{
  border:1px solid rgba(255,255,255,0.15);
  background:#111;
  color:#fff;
  font-weight:normal;
}

/* Pagination */

#efl-results-root .efl-pagination{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:4px;
  margin-top:12px;
  flex-wrap:wrap;
}

#efl-results-root .efl-page-btn{
  border:0;
  padding:6px 10px;
  border-radius:4px;
  background:#2b2b2b;
  color:#fff;
  cursor:pointer;
  font-size:13px;
}

#efl-results-root .efl-page-btn.is-active{
  background:#e44541;
  font-weight:bold;
}

#efl-results-root .efl-page-btn:disabled{
  opacity:0.4;
  cursor:default;
}

/* Responsive filters: stack on mobile */
@media (max-width: 768px){
  #efl-results-root .efl-filters-row{
    flex-direction:column;
  }
  #efl-results-root .efl-filter-field{
    width:100%;
  }
}