:root {
  --efl-red: #e54642;
  --efl-red-hover: #c63b38;
  --efl-bg: #000000;
  --efl-text: #ffffff;
  --efl-radius: 8px;
  --efl-radius-btn: 5px;
}
.efl-match-cards { display:grid; gap:16px; grid-template-columns:1fr; }
@media (min-width: 900px){ .efl-match-cards{ grid-template-columns: repeat(var(--efl-match-cols,2),minmax(0,1fr)); } }
.efl-match-card {
  background: var(--efl-bg);
  color: var(--efl-text);
  border: 1px solid rgba(255,255,255,0.15) !important;
  border-radius: var(--efl-radius);
  padding: 16px;
  text-align: center;
}
.efl-match-card-head{ margin-bottom: 12px; }
.efl-meta{ display:flex; gap:10px; flex-wrap:wrap; justify-content:center; align-items:center; font-size: 14px; }
.efl-match-no{ font-weight:700; }
.efl-league{ opacity:.9; padding:3px 8px; border: 1px solid rgba(255,255,255,.15); border-radius: 999px; }
.efl-event-link{ font-size:12px; padding:4px 8px; border: 1px solid rgba(255,255,255,.15); border-radius: var(--efl-radius-btn); text-decoration:none; color:#fff; }
.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; }
.efl-vs { font-weight:800; display:flex; align-items:center; gap:8px; }
.efl-score { font-size: 28px; line-height:1; }
.efl-score-sep { font-size: 28px; opacity:.8; }
.efl-names { margin-top:10px; display:flex; gap:10px; justify-content:center; align-items:center; flex-wrap:wrap; }
.efl-team-name { color:#fff; text-decoration:none; font-weight:800; font-size:18px; }
.efl-vs2 { opacity:.75; }


.efl-meta + .efl-meta{ margin-top:6px; }

.efl-actions{ margin-top:12px; display:flex; justify-content:center; }
.efl-btn{ text-decoration:none; display:inline-block; padding:10px 14px; border-radius: var(--efl-radius-btn); font-weight:700; }
.efl-btn-primary{ background: var(--efl-red); color:#fff; border:none; }
.efl-btn-primary:hover{ background: var(--efl-red-hover); }

/* Chips like WW, with requested tweaks */
.efl-chip{ display:inline-flex; align-items:center; gap:6px; padding:4px 10px; border: 1px solid rgba(255,255,255,.15); border-radius:5px; font-size: 13px; line-height:1.2; }
.efl-chip.efl-match-no{ background:#e54642; border-color:#e54642; color:#fff; }
.efl-chip.efl-league{ /* outline style kept */ }

/* Button primary like WW */
.efl-actions{ margin-top:12px; display:flex; justify-content:center; }
.efl-btn{ text-decoration:none; display:inline-block; padding:12px 18px; border-radius:5px; font-weight:700; font-size:14px; }
.efl-btn-primary{ background: var(--efl-red); color:#fff; border:none; }
.efl-btn-primary:hover{ background: var(--efl-red-hover); }

/* 'Mecz nr' chip not bold */
.efl-chip.efl-match-no{ font-weight:400; }


/* --- EFL User Played v0.2.9: adjustments --- */
.efl-topchips{ display:flex; gap:8px; justify-content:center; align-items:center; margin-bottom:8px; flex-wrap:wrap; }
.efl-chip{ display:inline-flex; align-items:center; padding:3px 8px; border:1px solid rgba(255,255,255,.15); border-radius:5px; font-size:13px; line-height:1.2; color:#fff; }
.efl-chip.efl-match-no{ background:#e64642; border-color:#e64642; border-radius:5px; }
.efl-logos.efl-logos--score{ gap:14px; }
.efl-inline-score{ display:inline-flex; gap:8px; align-items:center; font-weight:800; font-size:22px; }
.efl-colon{ opacity:.9; }
.efl-vs-text{ margin:0 8px; opacity:.85; }

/* --- EFL User Played: filters & pagination --- */

.efl-user-played-wrapper{
  width:100%;
}

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

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

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

.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;
}

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

.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-filter-dropdown.is-open{
  display:block;
}

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

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

/* Filters actions */

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

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

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

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

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

/* Pagination */

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

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

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

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

/* Responsive for filters: stack on mobile */

@media (max-width: 768px){
  .efl-filters-row{
    flex-direction:column;
  }
  .efl-filter-field{
    width:100%;
  }
}



/* Strong center alignment for filter captions */
.efl-filter-input{
  text-align:center !important;
}
.efl-filter-option{
  text-align:center;
}


/* EFL User Played: mobile stacked team names */
@media (max-width: 640px){
  .efl-match-card .efl-teams{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:4px;
  }
  .efl-match-card .efl-vs-text{
    text-transform:uppercase;
  }
}

/* Played-at chip – biały background, czarna czcionka */
.efl-chip.efl-played-at{
  background:#ffffff;
  color:#000000;
}


/* EFL User Played: mobile stacked team names */
@media (max-width: 640px){
  .efl-match-card .efl-teams{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:4px;
  }
  .efl-match-card .efl-vs-text{
    text-transform:uppercase;
  }
}

/* Played-at chip – biały background, czarna czcionka */
.efl-chip.efl-played-at{
  background:#ffffff;
  color:#000000;
}