/* Süper Lig puan şeridi — son dakika altında takım logolu puan bandı.
   umraniye tasarım #7'den uyarlandı (14.09.2026). Fanatik lig şeridi görünümü.
   Sıra renk çubuğu: 1 mavi (ŞL), 2 turuncu (ŞL ön eleme), 3 yeşil (AL),
   4 açık mavi (Konferans), son 3 kırmızı (düşme), diğerleri çim yeşili. */
.hp-puan-serit{ display:flex; justify-content:space-between; align-items:stretch; gap:0; margin:14px 0 0; padding:12px 8px 0; background:#fff; box-shadow:0 2px 5px rgba(0,0,0,.06); border-radius:4px; }
.hp-puan-serit__takim{ flex:1 1 0; min-width:0; display:flex; flex-direction:column; align-items:center; gap:6px; padding:0 2px 10px; position:relative; text-decoration:none; }
.hp-puan-serit__logo{ width:44px; height:44px; object-fit:contain; display:block; transition:transform .18s ease; }
.hp-puan-serit__takim:hover .hp-puan-serit__logo{ transform:scale(1.12); }
.hp-puan-serit__logo--bos{ display:flex; align-items:center; justify-content:center; background:#F2F2F2; color:#555; font-size:11px; font-weight:800; text-transform:uppercase; border-radius:50%; }
.hp-puan-serit__puan{ color:#111; font-size:18px; font-weight:600; line-height:1; }
.hp-puan-serit__cizgi{ position:absolute; left:3px; right:3px; bottom:0; height:4px; background:#8BC34A; display:block; }
.hp-puan-serit__takim--sl .hp-puan-serit__cizgi{ background:#2F6FD8; }
.hp-puan-serit__takim--slon .hp-puan-serit__cizgi{ background:#F39C12; }
.hp-puan-serit__takim--al .hp-puan-serit__cizgi{ background:#2E9E4F; }
.hp-puan-serit__takim--konf .hp-puan-serit__cizgi{ background:#4FC3F7; }
.hp-puan-serit__takim--dusme .hp-puan-serit__cizgi{ background:#E53935; }
body.dark-mode .hp-puan-serit{ background:#1f2228; box-shadow:0 2px 5px rgba(0,0,0,.3); }
body.dark-mode .hp-puan-serit__puan{ color:#e8e8e8; }
@media (max-width:900px){
  .hp-puan-serit{ justify-content:flex-start; overflow-x:auto; scrollbar-width:none; -webkit-overflow-scrolling:touch; padding:10px 6px 0; margin:10px 0 0; }
  .hp-puan-serit::-webkit-scrollbar{ display:none; }
  .hp-puan-serit__takim{ flex:0 0 64px; }
  .hp-puan-serit__logo{ width:36px; height:36px; }
  .hp-puan-serit__puan{ font-size:15px; }
}