/* R156 — Ana sayfa: son oynanan resmi lig maçları */
.home-league-results{
  padding:var(--void-pad-panel);
  min-width:0;
}
.home-league-results .panel-head{
  margin-bottom:14px;
  align-items:flex-start;
}
.home-league-results .panel-meta{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:28px;
  color:color-mix(in srgb,var(--text) 55%,transparent);
  font-size:10px;
  font-weight:800;
  letter-spacing:.04em;
  white-space:nowrap;
}
.home-league-results .panel-meta:hover{color:var(--void-primary)}
.home-league-results__list{
  display:grid;
  gap:8px;
}
.home-league-result{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 112px minmax(0,1fr);
  align-items:center;
  gap:12px;
  min-height:76px;
  padding:10px 13px;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--void-primary) 16%,rgba(255,255,255,.08));
  border-radius:6px;
  background:
    linear-gradient(90deg,color-mix(in srgb,var(--void-primary) 3%,transparent),transparent 28%,transparent 72%,color-mix(in srgb,var(--void-secondary) 3%,transparent)),
    rgba(4,12,20,.52);
  transition:border-color .2s ease,background .2s ease,transform .2s ease;
}
.home-league-result::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:2px;
  background:var(--void-grad);
  opacity:.65;
}
.home-league-result:hover{
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--void-primary) 30%,rgba(255,255,255,.1));
  background:
    linear-gradient(90deg,color-mix(in srgb,var(--void-primary) 5%,transparent),transparent 28%,transparent 72%,color-mix(in srgb,var(--void-secondary) 5%,transparent)),
    rgba(5,14,23,.7);
}
.home-league-result__team{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.home-league-result__team--away{
  flex-direction:row-reverse;
  text-align:right;
}
.home-league-result__logo{
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:grid;
  place-items:center;
  object-fit:contain;
  filter:drop-shadow(0 6px 12px rgba(0,0,0,.35));
}
.home-league-result__name{
  min-width:0;
  overflow:hidden;
  color:#e9f1f8;
  font-size:12px;
  font-weight:800;
  line-height:1.25;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.home-league-result__center{
  display:grid;
  justify-items:center;
  gap:4px;
  min-width:0;
}
.home-league-result__score{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:78px;
  color:#f5fbff;
  font:900 23px/1 Orbitron,Manrope,sans-serif;
  letter-spacing:.04em;
  font-variant-numeric:tabular-nums;
  text-shadow:0 0 16px color-mix(in srgb,var(--void-primary) 20%,transparent);
}
.home-league-result__meta{
  max-width:100%;
  overflow:hidden;
  color:#71859a;
  font-size:8px;
  font-weight:800;
  letter-spacing:.08em;
  text-overflow:ellipsis;
  text-transform:uppercase;
  white-space:nowrap;
}
.home-league-results__empty{
  min-height:238px;
  display:grid;
  place-items:center;
  text-align:center;
  padding:24px;
  border:1px dashed color-mix(in srgb,var(--void-primary) 20%,rgba(255,255,255,.08));
  border-radius:6px;
  background:rgba(3,10,17,.4);
}
.home-league-results__empty span{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  margin:0 auto 10px;
  border:1px solid color-mix(in srgb,var(--void-primary) 30%,transparent);
  border-radius:50%;
  color:var(--void-primary);
  font:800 18px Orbitron,Manrope,sans-serif;
  background:color-mix(in srgb,var(--void-primary) 5%,transparent);
}
.home-league-results__empty strong{
  display:block;
  color:#dce7f0;
  font-size:12px;
}
.home-league-results__empty p{
  max-width:360px;
  margin:7px auto 0;
  color:#71859a;
  font-size:10px;
  line-height:1.55;
}
.home-league-results__loading{
  min-height:238px;
  display:grid;
  place-items:center;
  color:#71859a;
  font-size:10px;
  font-weight:700;
}

@media (max-width:900px){
  .home-league-result{grid-template-columns:minmax(0,1fr) 96px minmax(0,1fr)}
  .home-league-result__logo{width:38px;height:38px;flex-basis:38px}
  .home-league-result__name{font-size:11px}
  .home-league-result__score{font-size:20px}
}
@media (max-width:560px){
  .home-league-results{padding:18px 14px}
  .home-league-result{grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr);gap:6px;padding:9px 8px;min-height:70px}
  .home-league-result__team{gap:6px}
  .home-league-result__logo{width:32px;height:32px;flex-basis:32px}
  .home-league-result__name{font-size:9px}
  .home-league-result__score{min-width:62px;font-size:17px}
  .home-league-result__meta{font-size:6.8px;letter-spacing:.04em}
  .home-league-results .panel-meta{font-size:8px}
}
