/* DW Sports Live Scores - Front Styles */

.dw-sls,
.dw-sls-standings,
.dw-sls-standings-wrap{
  font-family: inherit;

  /* Tema varsa DW değişkenlerini kullan, yoksa fallback ver */
  --dw-sls-primary: var(--dw-mavi, #2459A7);
  --dw-sls-accent:  var(--dw-cyan, #09A9E1);

  --dw-sls-ink: #0f172a;
  --dw-sls-text:#334155;

  --dw-sls-border: rgba(15,23,42,.10);
  --dw-sls-soft: rgba(15,23,42,.06);

  --dw-sls-radius: 8px;
  --dw-sls-shadow: none;

  --dw-sls-card-bg: #ffffff;
  --dw-sls-card-bg-soft: #f8fafc;
  --dw-sls-head-bg: transparent;
  --dw-sls-subhead-bg: transparent;
  --dw-sls-hover: rgba(15,23,42,.028);
  --dw-sls-zebra: transparent;
  --dw-sls-table-divider: rgba(15,23,42,.06);
  --dw-sls-scroll: rgba(15,23,42,.18);
  --dw-sls-rank-text: #0f172a;
  --dw-sls-danger-soft: rgba(220,38,38,.06);

  /* Standings color bands */
  --dw-sls-ucl: #22c55e;
  --dw-sls-ucl-qual: #3b82f6;
  --dw-sls-europa: #f97316;
  --dw-sls-conference: #22d3ee;
  --dw-sls-promo: #8b5cf6;
  --dw-sls-rel: #ef4444;
}

/* Explicit theme switches */
.dw-sls-theme-light,
.dw-sls-standings.dw-sls-theme-light,
.dw-sls.dw-sls-theme-light{
  --dw-sls-ink: #0f172a;
  --dw-sls-text:#334155;
  --dw-sls-border: rgba(15,23,42,.10);
  --dw-sls-soft: rgba(15,23,42,.06);
  --dw-sls-card-bg: #ffffff;
  --dw-sls-card-bg-soft: #f8fafc;
  --dw-sls-head-bg: transparent;
  --dw-sls-subhead-bg: transparent;
  --dw-sls-hover: rgba(15,23,42,.028);
  --dw-sls-zebra: transparent;
  --dw-sls-table-divider: rgba(15,23,42,.06);
  --dw-sls-scroll: rgba(15,23,42,.18);
  --dw-sls-rank-text: #0f172a;
  --dw-sls-danger-soft: rgba(220,38,38,.06);
}

.dw-sls-theme-dark,
.dw-sls-standings.dw-sls-theme-dark,
.dw-sls.dw-sls-theme-dark{
  --dw-sls-ink: #e5e7eb;
  --dw-sls-text:#94a3b8;
  --dw-sls-border: rgba(148,163,184,.20);
  --dw-sls-soft: rgba(148,163,184,.10);
  --dw-sls-card-bg: #0f172a;
  --dw-sls-card-bg-soft: #111827;
  --dw-sls-head-bg: transparent;
  --dw-sls-subhead-bg: transparent;
  --dw-sls-hover: rgba(148,163,184,.08);
  --dw-sls-zebra: transparent;
  --dw-sls-table-divider: rgba(148,163,184,.14);
  --dw-sls-scroll: rgba(148,163,184,.26);
  --dw-sls-rank-text: #f8fafc;
  --dw-sls-danger-soft: rgba(239,68,68,.10);
  --dw-sls-shadow: none;
}

/* Auto theme: system preference + common dark-mode wrappers */
.dw-sls-theme-auto,
.dw-sls-standings.dw-sls-theme-auto,
.dw-sls.dw-sls-theme-auto{
  --dw-sls-ink: #0f172a;
  --dw-sls-text:#334155;
  --dw-sls-border: rgba(15,23,42,.10);
  --dw-sls-soft: rgba(15,23,42,.06);
  --dw-sls-card-bg: #ffffff;
  --dw-sls-card-bg-soft: #f8fafc;
  --dw-sls-head-bg: transparent;
  --dw-sls-subhead-bg: transparent;
  --dw-sls-hover: rgba(15,23,42,.028);
  --dw-sls-zebra: transparent;
  --dw-sls-table-divider: rgba(15,23,42,.06);
  --dw-sls-scroll: rgba(15,23,42,.18);
  --dw-sls-rank-text: #0f172a;
  --dw-sls-danger-soft: rgba(220,38,38,.06);
}

@media (prefers-color-scheme: dark){
  .dw-sls-theme-auto,
  .dw-sls-standings.dw-sls-theme-auto,
  .dw-sls.dw-sls-theme-auto{
    --dw-sls-ink: #e5e7eb;
    --dw-sls-text:#94a3b8;
    --dw-sls-border: rgba(148,163,184,.20);
    --dw-sls-soft: rgba(148,163,184,.10);
    --dw-sls-card-bg: #0f172a;
    --dw-sls-card-bg-soft: #111827;
    --dw-sls-head-bg: transparent;
    --dw-sls-subhead-bg: transparent;
    --dw-sls-hover: rgba(148,163,184,.08);
    --dw-sls-zebra: transparent;
    --dw-sls-table-divider: rgba(148,163,184,.14);
    --dw-sls-scroll: rgba(148,163,184,.26);
    --dw-sls-rank-text: #f8fafc;
    --dw-sls-danger-soft: rgba(239,68,68,.10);
    --dw-sls-shadow: none;
  }
}

body.dark .dw-sls-theme-auto,
body.dark-mode .dw-sls-theme-auto,
body.is-dark-theme .dw-sls-theme-auto,
body.theme-dark .dw-sls-theme-auto,
body.et-dark-mode .dw-sls-theme-auto,
[data-theme="dark"] .dw-sls-theme-auto,
[data-color-mode="dark"] .dw-sls-theme-auto,
.dark .dw-sls-theme-auto{
  --dw-sls-ink: #e5e7eb;
  --dw-sls-text:#94a3b8;
  --dw-sls-border: rgba(148,163,184,.20);
  --dw-sls-soft: rgba(148,163,184,.10);
  --dw-sls-card-bg: #0f172a;
  --dw-sls-card-bg-soft: #111827;
  --dw-sls-head-bg: transparent;
  --dw-sls-subhead-bg: transparent;
  --dw-sls-hover: rgba(148,163,184,.08);
  --dw-sls-zebra: transparent;
  --dw-sls-table-divider: rgba(148,163,184,.14);
  --dw-sls-scroll: rgba(148,163,184,.26);
  --dw-sls-rank-text: #f8fafc;
  --dw-sls-danger-soft: rgba(239,68,68,.10);
  --dw-sls-shadow: none;
}

.dw-sls-title{
  font-size: 22px;
  font-weight: 700;
  letter-spacing: .2px;
  margin: 10px 0 14px;
  color: var(--dw-sls-ink);
}

.dw-sls-body.dw-sls-loading{ opacity:.75; }

/* Layouts */
.dw-sls-cards{
  display:grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fill, minmax(240px,1fr));
}
.dw-sls-list{
  display:flex;
  flex-direction:column;
  gap: 10px;
}

/* Item card */
.dw-sls-item{
  position: relative;
  overflow: hidden;

  border: 1px solid var(--dw-sls-border);
  border-radius: var(--dw-sls-radius);
  padding: 12px 12px 10px 14px;

  background: var(--dw-sls-card-bg);
  box-shadow: var(--dw-sls-shadow);
}

.dw-sls-item::before{
  content:"";
  position:absolute;
  left:0; top:0; bottom:0;
  width: 4px;
  background: linear-gradient(180deg, var(--dw-sls-primary), var(--dw-sls-accent));
}

.dw-sls-top{
  display:flex;
  justify-content:space-between;
  gap: 10px;
  font-size: 12px;
  opacity: .92;
  margin-bottom: 8px;
  color: var(--dw-sls-text);
}
.dw-sls-league{ font-weight: 700; }
.dw-sls-time{ font-weight: 600; }

.dw-sls-mid{
  display:flex;
  flex-direction:column;
  gap: 6px;
}
.dw-sls-team{
  display:flex;
  justify-content:space-between;
  gap: 10px;
}
.dw-sls-team-name{
  font-size: 14px;
  font-weight: 650;
  color: var(--dw-sls-ink);
}
.dw-sls-score{
  font-size: 16px;
  font-weight: 800;
  color: var(--dw-sls-primary);
}

.dw-sls-bot{
  margin-top: 10px;
  font-size: 12px;
  color: var(--dw-sls-text);
}
.dw-sls-status{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(9,169,225,.12);
  border: 1px solid rgba(9,169,225,.18);
  font-weight: 700;
}

/* Error / Empty */
.dw-sls-error{
  padding: 12px;
  border: 1px solid rgba(220,38,38,.25);
  background: var(--dw-sls-danger-soft);
  border-radius: var(--dw-sls-radius);
}
.dw-sls-empty{
  padding: 12px;
  border: 1px solid var(--dw-sls-border);
  background: var(--dw-sls-card-bg-soft);
  border-radius: var(--dw-sls-radius);
}

/* Ticker */
.dw-sls-ticker,
.dw-sls-bar,
.dw-sls-rotator{
  /* Clean defaults (no "card" feeling) */
  --dw-sls-band-bg: transparent;
  --dw-sls-band-border: var(--dw-sls-border);
  --dw-sls-band-text: var(--dw-sls-ink);
  --dw-sls-band-muted: var(--dw-sls-text);
  --dw-sls-band-chip-bg: transparent;
  --dw-sls-band-chip-border: transparent;
}

/* Theme overrides */
.dw-sls-theme-light .dw-sls-ticker,
.dw-sls-theme-light .dw-sls-bar,
.dw-sls-theme-light .dw-sls-rotator{
  --dw-sls-band-bg: rgba(255,255,255,.78);
  --dw-sls-band-border: rgba(15,23,42,.10);
  --dw-sls-band-text: #0f172a;
  --dw-sls-band-muted: rgba(51,65,85,.85);
  --dw-sls-band-chip-bg: transparent;
  --dw-sls-band-chip-border: transparent;
}
.dw-sls-theme-dark .dw-sls-ticker,
.dw-sls-theme-dark .dw-sls-bar,
.dw-sls-theme-dark .dw-sls-rotator{
  --dw-sls-band-bg: rgba(15,23,42,.86);
  --dw-sls-band-border: rgba(226,232,240,.14);
  --dw-sls-band-text: rgba(226,232,240,.96);
  --dw-sls-band-muted: rgba(226,232,240,.72);
  --dw-sls-band-chip-bg: transparent;
  --dw-sls-band-chip-border: transparent;
}

.dw-sls-ticker{
  border: 1px solid var(--dw-sls-band-border);
  border-radius: var(--dw-sls-radius);
  background: var(--dw-sls-band-bg);
  overflow: hidden;
  box-shadow: none;
  backdrop-filter: blur(10px);
}
.dw-sls-ticker-track{
  display: inline-flex;
  align-items: center;
  gap: 0;
  padding: 12px 14px;
  white-space: nowrap;
  will-change: transform;
}

.dw-sls-titem{
  display:inline-flex;
  align-items:center;
  gap: 10px;

  padding: 4px 10px;
  border-radius: 0;
  background: var(--dw-sls-band-chip-bg);
  border: 0;
  font-size: 14px;
  color: var(--dw-sls-band-text);
}
.dw-sls-titem + .dw-sls-titem{
  border-left: 1px solid var(--dw-sls-band-border);
  padding-left: 14px;
}
.dw-sls-titem::before{
  content:"";
  width: 8px; height: 8px;
  border-radius: 50%;
  background: var(--dw-sls-accent);
  box-shadow: 0 0 0 3px rgba(9,169,225,.18);
}

/* Live indicator (blinking red dot) */
.dw-sls-titem.is-live::before{
  background: #ef4444;
  box-shadow: 0 0 0 3px rgba(239,68,68,.22);
  animation: dwSlsLivePulse 1s ease-in-out infinite;
}
@keyframes dwSlsLivePulse{
  0%{ transform: scale(.85); opacity: .65; }
  50%{ transform: scale(1.2); opacity: 1; }
  100%{ transform: scale(.85); opacity: .65; }
}
.dw-sls-tleague{ font-weight: 800; opacity:.92; }
.dw-sls-tn{ font-weight: 700; }
.dw-sls-tst{ font-size: 12px; opacity:.90; color: var(--dw-sls-band-muted); }

/* Pill (eski) stil isteyenler */
.dw-sls-ticker-pill .dw-sls-ticker{
  border-radius: var(--dw-sls-radius);
  background: linear-gradient(90deg, rgba(36,89,167,.12), rgba(9,169,225,.10));
  box-shadow: var(--dw-sls-shadow);
}
.dw-sls-theme-dark.dw-sls-ticker-pill .dw-sls-ticker,
body.dark .dw-sls-theme-auto.dw-sls-ticker-pill .dw-sls-ticker,
body.dark-mode .dw-sls-theme-auto.dw-sls-ticker-pill .dw-sls-ticker,
body.is-dark-theme .dw-sls-theme-auto.dw-sls-ticker-pill .dw-sls-ticker,
body.theme-dark .dw-sls-theme-auto.dw-sls-ticker-pill .dw-sls-ticker,
body.et-dark-mode .dw-sls-theme-auto.dw-sls-ticker-pill .dw-sls-ticker,
[data-theme="dark"] .dw-sls-theme-auto.dw-sls-ticker-pill .dw-sls-ticker,
[data-color-mode="dark"] .dw-sls-theme-auto.dw-sls-ticker-pill .dw-sls-ticker,
.dark .dw-sls-theme-auto.dw-sls-ticker-pill .dw-sls-ticker{
  background: linear-gradient(90deg, rgba(30,41,59,.92), rgba(15,23,42,.94));
}

@media (prefers-color-scheme: dark){
  .dw-sls-theme-auto.dw-sls-ticker-pill .dw-sls-ticker{
    background: linear-gradient(90deg, rgba(30,41,59,.92), rgba(15,23,42,.94));
  }
}
.dw-sls-ticker-pill .dw-sls-ticker-track{ gap: 14px; }
.dw-sls-ticker-pill .dw-sls-titem{
  padding: 6px 10px;
  border-radius: 999px;
  background: var(--dw-sls-card-bg);
  border: 1px solid var(--dw-sls-band-border);
  color: var(--dw-sls-band-text);
}
.dw-sls-ticker-pill .dw-sls-titem + .dw-sls-titem{
  border-left: 0;
  padding-left: 10px;
}
.dw-sls-ticker-pill .dw-sls-tst{ color: var(--dw-sls-text); }

/* Goal flash badge (shows when score increases on refresh) */
.dw-sls-goal{
  display:none;
  align-items:center;
  justify-content:center;
  margin-left: 6px;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .3px;
  color: #fff;
  background: linear-gradient(90deg, rgba(220,38,38,1), rgba(245,158,11,1));
  box-shadow: 0 8px 18px rgba(220,38,38,.22);
  animation: dwSlsGoalPop .25s ease-out;
}
.dw-sls-titem.is-goal{
  border-color: rgba(220,38,38,.32);
  box-shadow: 0 12px 28px rgba(220,38,38,.12);
}
.dw-sls-titem.is-goal::before{
  background: #dc2626;
  box-shadow: 0 0 0 3px rgba(220,38,38,.18);
}
.dw-sls-titem.is-goal .dw-sls-goal{ display:inline-flex; }
@keyframes dwSlsGoalPop{
  from{ transform: translateY(2px) scale(.94); opacity:.6; }
  to{ transform: translateY(0) scale(1); opacity:1; }
}

/* Bar (Sabit bant) */
.dw-sls-bar{
  border: 1px solid var(--dw-sls-band-border);
  border-radius: var(--dw-sls-radius);
  background: var(--dw-sls-band-bg);
  overflow-x: auto;
  overflow-y: hidden;
  box-shadow: none;
  -webkit-overflow-scrolling: touch;
  backdrop-filter: blur(10px);
}
.dw-sls-bar-track{
  display: inline-flex;
  align-items: center;
  gap: 0;
  padding: 12px 14px;
  white-space: nowrap;
}
.dw-sls-bar::-webkit-scrollbar{ height: 8px; }
.dw-sls-bar::-webkit-scrollbar-thumb{ background: var(--dw-sls-scroll); border-radius: 999px; }

/* Rotator (Dönen bant - marquee değil) */
.dw-sls-rotator{
  position: relative;
  border: 1px solid var(--dw-sls-band-border);
  border-radius: var(--dw-sls-radius);
  background: var(--dw-sls-band-bg);
  box-shadow: none;
  overflow: hidden;
  backdrop-filter: blur(10px);
}
.dw-sls-rotator-inner{
  position: relative;
  padding: 10px 44px;
  min-height: 54px;
}
.dw-sls-r-item{
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  opacity: 0;
  transform: translateY(6px);
  transition: opacity .28s ease, transform .28s ease;
  pointer-events: none;
}
.dw-sls-r-item.is-active{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.dw-sls-r-row{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 14px;
}
.dw-sls-r-left{ min-width: 0; }
.dw-sls-r-league{
  font-size: 12px;
  font-weight: 800;
  color: var(--dw-sls-band-muted);
  opacity: .9;
  margin-bottom: 4px;
}
.dw-sls-r-match{
  display: flex;
  align-items: baseline;
  gap: 10px;
  min-width: 0;
  color: var(--dw-sls-band-text);
}
.dw-sls-r-team{
  font-size: 14px;
  font-weight: 800;
  max-width: 42vw;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dw-sls-r-score{
  font-size: 16px;
  font-weight: 900;
  color: var(--dw-sls-primary);
  white-space: nowrap;
}
.dw-sls-r-right{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  flex: 0 0 auto;
}
.dw-sls-r-status{
  font-size: 12px;
  font-weight: 900;
  color: var(--dw-sls-band-text);
  background: var(--dw-sls-card-bg-soft);
  border: 1px solid var(--dw-sls-band-border);
  border-radius: 999px;
  padding: 2px 8px;
}
.dw-sls-r-time{ font-size: 12px; font-weight: 800; color: var(--dw-sls-band-muted); opacity: .9; }

.dw-sls-r-nav{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 34px;
  height: 34px;
  border-radius: 999px;
  border: 1px solid var(--dw-sls-band-border);
  background: var(--dw-sls-card-bg-soft);
  color: var(--dw-sls-band-text);
  font-size: 20px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.dw-sls-r-prev{ left: 8px; }
.dw-sls-r-next{ right: 8px; }
.dw-sls-r-nav:hover{ background: var(--dw-sls-hover); }

/* Header içinde okları istemezsen: wrapper'a bu class eklenir */
.dw-sls-headerbar .dw-sls-r-nav{ display:none; }




.dw-sls-tabs{
  width: 100%;
  border: 1px solid var(--dw-sls-table-divider);
  border-radius: var(--dw-sls-radius);
  background: var(--dw-sls-card-bg);
  overflow: hidden;
}

.dw-sls-tabs-nav{
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  margin: 0;
  border-bottom: 1px solid var(--dw-sls-table-divider);
  background: var(--dw-sls-card-bg);
}

.dw-sls-tab-btn{
  appearance: none;
  border: 0;
  border-right: 1px solid var(--dw-sls-table-divider);
  background: transparent;
  color: var(--dw-sls-text);
  border-radius: 0;
  padding: 11px 16px;
  line-height: 1.15;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  transition: background-color .18s ease, color .18s ease;
}

.dw-sls-tab-btn:last-child{
  border-right: 0;
}

.dw-sls-tab-btn:hover{
  background: var(--dw-sls-hover);
  color: var(--dw-sls-ink);
}

.dw-sls-tab-btn.is-active{
  background: var(--dw-sls-card-bg-soft);
  color: var(--dw-sls-ink);
  box-shadow: inset 0 -2px 0 var(--dw-sls-primary);
}

.dw-sls-tab-panel[hidden]{
  display: none !important;
}

/* Standings */
.dw-sls-standings-wrap{
  border: 0;
  border-radius: 0;
  background: var(--dw-sls-card-bg);
  overflow: hidden;
  box-shadow: none;
}

.dw-sls-standings-head{
  padding: 14px 16px 12px;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: none;
  color: var(--dw-sls-ink);
  background: transparent;
  border-bottom: 1px solid var(--dw-sls-table-divider);
}

.dw-sls-standings-group{
  border-top: 0;
}
.dw-sls-standings-group:first-of-type{ border-top: 0; }

.dw-sls-standings-subhead{
  padding: 9px 16px;
  font-size: 12px;
  font-weight: 700;
  color: var(--dw-sls-text);
  background: transparent;
  border-bottom: 1px solid var(--dw-sls-table-divider);
}

.dw-sls-table-scroll{
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
.dw-sls-table-scroll::-webkit-scrollbar{ height: 6px; }
.dw-sls-table-scroll::-webkit-scrollbar-thumb{
  background: var(--dw-sls-scroll);
  border-radius: 999px;
}

.dw-sls-table{
  width: 100%;
  min-width: 760px;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 13px;
}

.dw-sls-table thead th{
  padding: 11px 8px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
  color: var(--dw-sls-text);
  background: transparent;
}

.dw-sls-table th,
.dw-sls-table td{
  padding: 12px 8px;
  border-bottom: 1px solid var(--dw-sls-table-divider);
  text-align: center;
  color: var(--dw-sls-ink);
  background: transparent;
}

.dw-sls-table tbody tr{
  transition: background-color .16s ease;
  background: transparent;
}

.dw-sls-table tbody tr:hover{
  background: var(--dw-sls-hover);
}

.dw-sls-table tbody tr:nth-child(even){
  background: transparent;
}

.dw-sls-table thead th,
.dw-sls-table tbody td{
  white-space: nowrap;
  word-break: keep-all;
  overflow-wrap: normal;
  font-variant-numeric: tabular-nums;
}

.dw-sls-table thead th:nth-child(2),
.dw-sls-table tbody td:nth-child(2),
.dw-sls-table thead th:last-child,
.dw-sls-table tbody td:last-child{
  white-space: normal;
}

.dw-sls-col-rank{ width: 40px; }
.dw-sls-col-team{ width: 220px; }
.dw-sls-col-form{ width: 118px; }

.dw-sls-td-rank{
  width: 40px;
  position: relative;
  font-variant-numeric: tabular-nums;
}

.dw-sls-rank-badge{
  display: inline;
  width: auto;
  height: auto;
  border-radius: 0;
  font-size: 13px;
  font-weight: 700;
  color: var(--dw-sls-rank-text);
  background: transparent;
  border: 0;
}

.dw-sls-td-team{
  text-align: left;
  font-weight: 500;
  color: var(--dw-sls-ink);
}

.dw-sls-teamline{
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  white-space: nowrap;
}

.dw-sls-team-logo{
  width: 22px;
  height: 22px;
  border-radius: 0;
  overflow: hidden;
  flex: 0 0 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  background: transparent;
}

.dw-sls-team-logo img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  background: transparent;
}

.dw-sls-theme-dark .dw-sls-team-logo img,
body.dark .dw-sls-theme-auto .dw-sls-team-logo img,
body.dark-mode .dw-sls-theme-auto .dw-sls-team-logo img,
body.is-dark-theme .dw-sls-theme-auto .dw-sls-team-logo img,
body.theme-dark .dw-sls-theme-auto .dw-sls-team-logo img,
body.et-dark-mode .dw-sls-theme-auto .dw-sls-team-logo img,
[data-theme="dark"] .dw-sls-theme-auto .dw-sls-team-logo img,
[data-color-mode="dark"] .dw-sls-theme-auto .dw-sls-team-logo img,
.dark .dw-sls-theme-auto .dw-sls-team-logo img{
  background: transparent;
}

@media (prefers-color-scheme: dark){
  .dw-sls-theme-auto .dw-sls-team-logo img{
    background: transparent;
  }
}

.dw-sls-team-logo.is-fallback{
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .12px;
  color: var(--dw-sls-primary);
  background: rgba(36,89,167,.08);
  border-radius: 999px;
}

.dw-sls-team-text{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dw-sls-table tbody tr.dw-sls-rank-ucl,
.dw-sls-table tbody tr.dw-sls-rank-ucl-qual,
.dw-sls-table tbody tr.dw-sls-rank-europa,
.dw-sls-table tbody tr.dw-sls-rank-europe,
.dw-sls-table tbody tr.dw-sls-rank-conference,
.dw-sls-table tbody tr.dw-sls-rank-promotion,
.dw-sls-table tbody tr.dw-sls-rank-relegation{
  background: transparent;
}

.dw-sls-table tbody tr.dw-sls-rank-ucl{
  box-shadow: inset 3px 0 0 var(--dw-sls-ucl);
}
.dw-sls-table tbody tr.dw-sls-rank-ucl .dw-sls-rank-badge{ color: var(--dw-sls-ucl); }

.dw-sls-table tbody tr.dw-sls-rank-ucl-qual{
  box-shadow: inset 3px 0 0 var(--dw-sls-ucl-qual);
}
.dw-sls-table tbody tr.dw-sls-rank-ucl-qual .dw-sls-rank-badge{ color: var(--dw-sls-ucl-qual); }

.dw-sls-table tbody tr.dw-sls-rank-europa,
.dw-sls-table tbody tr.dw-sls-rank-europe{
  box-shadow: inset 3px 0 0 var(--dw-sls-europa);
}
.dw-sls-table tbody tr.dw-sls-rank-europa .dw-sls-rank-badge,
.dw-sls-table tbody tr.dw-sls-rank-europe .dw-sls-rank-badge{ color: var(--dw-sls-europa); }

.dw-sls-table tbody tr.dw-sls-rank-conference{
  box-shadow: inset 3px 0 0 var(--dw-sls-conference);
}
.dw-sls-table tbody tr.dw-sls-rank-conference .dw-sls-rank-badge{ color: #0891b2; }

.dw-sls-table tbody tr.dw-sls-rank-promotion{
  box-shadow: inset 3px 0 0 var(--dw-sls-promo);
}
.dw-sls-table tbody tr.dw-sls-rank-promotion .dw-sls-rank-badge{ color: var(--dw-sls-promo); }

.dw-sls-table tbody tr.dw-sls-rank-relegation{
  box-shadow: inset 3px 0 0 var(--dw-sls-rel);
}
.dw-sls-table tbody tr.dw-sls-rank-relegation .dw-sls-rank-badge{ color: var(--dw-sls-rel); }

.dw-sls-table tbody td:last-child{
  font-weight: 800;
  color: var(--dw-sls-ink);
}

.dw-sls-td-form{
  text-align: left !important;
}

.dw-sls-form{
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.dw-sls-form-dot{
  width: 18px;
  height: 18px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 700;
  color: #fff;
  line-height: 1;
}

.dw-sls-form-dot.is-win{ background: #34a853; }
.dw-sls-form-dot.is-draw{ background: #8f8f99; }
.dw-sls-form-dot.is-loss{ background: #ea4335; }

/* Small screens */
@media (max-width: 768px){
  .dw-sls-tabs-nav{
    flex-wrap: nowrap;
    overflow-x: auto;
  }
  .dw-sls-tab-btn{
    flex: 0 0 auto;
    padding: 10px 14px;
    font-size: 12px;
  }
  .dw-sls-table{
    min-width: 100%;
    table-layout: auto;
    font-size: 12px;
  }
  .dw-sls-table th,
  .dw-sls-table td{
    padding: 10px 6px;
  }
  .dw-sls-col-team{
    width: auto;
  }
  .dw-sls-col-form{
    width: 96px;
  }
  .dw-sls-table thead th:nth-child(7),
  .dw-sls-table tbody td:nth-child(7),
  .dw-sls-table thead th:nth-child(8),
  .dw-sls-table tbody td:nth-child(8){
    display: none;
  }
  .dw-sls-standings-head{
    padding: 12px 14px 10px;
    font-size: 13px;
  }
}

@media (max-width: 520px){
  .dw-sls-title{ font-size: 19px; }
  .dw-sls-cards{ grid-template-columns: 1fr; }
  .dw-sls-team-name{ font-size: 13px; }
  .dw-sls-tabs-nav{ padding-bottom: 0; }
  .dw-sls-table-scroll{ overflow-x: hidden; }
  .dw-sls-table{
    min-width: 100%;
    width: 100%;
    table-layout: auto;
    font-size: 11px;
  }
  .dw-sls-table th,
  .dw-sls-table td{ padding: 9px 4px; }
  .dw-sls-col-team{ width: auto; }
  .dw-sls-col-form{ width: 84px; }
  .dw-sls-teamline{ gap: 8px; }
  .dw-sls-team-logo{ width: 18px; height: 18px; flex-basis: 18px; }
  .dw-sls-rank-badge{ font-size: 12px; }
  .dw-sls-form{ gap: 4px; }
  .dw-sls-form-dot{ width: 16px; height: 16px; font-size: 9px; }
  .dw-sls-table thead th:nth-child(5),
  .dw-sls-table tbody td:nth-child(5),
  .dw-sls-table thead th:nth-child(6),
  .dw-sls-table tbody td:nth-child(6){
    display: none;
  }
}

@media (max-width: 400px){
  .dw-sls-table thead th:last-child,
  .dw-sls-table tbody td:last-child{
    display: none;
  }
}

/* Header bar injection wrapper */
.dw-sls-headerbar{
  width: 100%;
  margin: 0;
  padding: 8px 12px;
}
.dw-sls-headerbar--sticky{
  position: sticky;
  top: 0;
  z-index: 9999;
}
.dw-sls-headerbar--fixed{
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 9999;
}
@media (max-width: 520px){
  .dw-sls-headerbar--hide-mobile{ display: none !important; }
}