/* Sportsbook (prematch) — koyu tema, oran butonları */
.sb {
  padding: 12px 14px 28px;
  color: #e6ecf3;
  font-family: Outfit, Inter, Arial, sans-serif;
}

/* üst: arama + spor dalları */
.sb-ust { display: flex; flex-direction: column; gap: 10px; margin-bottom: 12px; }
.sb-arama { position: relative; max-width: 460px; }
.sb-arama svg {
  position: absolute; left: 13px; top: 50%; transform: translateY(-50%);
  width: 17px; height: 17px; fill: none; stroke: #7f8d9b; stroke-width: 1.9; stroke-linecap: round;
}
.sb-arama input {
  width: 100%; height: 42px; padding: 0 14px 0 38px;
  border: 1px solid #22303f; border-radius: 9px; background: #0f1a26;
  color: #e6ecf3; font: 500 13.5px/1 Outfit, Arial, sans-serif; outline: 0;
}
.sb-arama input:focus { border-color: #3a4d63; }
.sb-arama input::placeholder { color: #6f7f8f; }

.sb-sporlar { display: flex; gap: 6px; overflow-x: auto; padding-bottom: 2px; }
.sb-sporlar button {
  flex: 0 0 auto; height: 32px; padding: 0 14px;
  border: 1px solid #22303f; border-radius: 8px; background: #131e2a;
  color: #a9b7c5; font: 600 12px/1 Outfit, Arial, sans-serif; cursor: pointer;
}
.sb-sporlar button:hover { background: #1a2735; color: #e6ecf3; }
.sb-sporlar button.is-aktif { background: #1f8b3b; border-color: #1f8b3b; color: #fff; }

/* özet */
.sb-ozet {
  display: flex; align-items: center; gap: 14px;
  padding: 0 2px 10px; color: #8b97a3; font-size: 12px;
}
.sb-ozet b { color: #e6ecf3; }
.sb-ozet__kaynak { margin-left: auto; color: #5f6d7c; }

/* tablo */
.sb-tablo { border: 1px solid #1d2a38; border-radius: 10px; overflow: hidden; background: #0d1722; }
.sb-baslik {
  display: grid; grid-template-columns: 1fr 68px 68px 68px; gap: 6px;
  padding: 9px 12px; background: #131e2a; border-bottom: 1px solid #1d2a38;
  color: #7f8d9b; font: 700 11px/1 Outfit, Arial, sans-serif; letter-spacing: .6px; text-transform: uppercase;
}
.sb-baslik__etkinlik { padding-left: 2px; }
.sb-baslik__oran { text-align: center; }

/* lig */
.sb-lig { border-bottom: 1px solid #16212d; }
.sb-lig:last-child { border-bottom: 0; }
.sb-lig__ad {
  display: flex; align-items: center; gap: 8px;
  padding: 9px 12px; background: #111b26; color: #cfdae5;
  font: 600 12.5px/1.2 Outfit, Arial, sans-serif;
}
.sb-lig__simge { font-size: 13px; opacity: .9; }
.sb-lig__ulke { color: #6f7f8f; font-weight: 400; font-size: 11px; }
.sb-lig__sayi {
  margin-left: auto; min-width: 22px; height: 20px; padding: 0 6px;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 10px; background: #1b2836; color: #8b97a3; font-size: 10.5px; font-weight: 700;
}

/* maç satırı */
.sb-mac {
  display: grid; grid-template-columns: 1fr 68px 68px 68px; gap: 6px;
  align-items: center; padding: 8px 12px; border-top: 1px solid #16212d;
}
.sb-mac:hover { background: #101c28; }
.sb-mac__bilgi { display: flex; align-items: center; gap: 12px; min-width: 0; }
.sb-mac__saat {
  display: flex; flex-direction: column; align-items: center; gap: 1px;
  min-width: 46px; color: #7f8d9b; font-size: 10.5px; line-height: 1.2;
}
.sb-mac__saat-deger { color: #a9b7c5; font-weight: 600; font-size: 11.5px; }
.sb-mac__canli {
  padding: 1px 5px; border-radius: 3px; background: #b3261e; color: #fff;
  font-size: 8.5px; font-weight: 700; letter-spacing: .5px;
}
.sb-mac__takimlar { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.sb-mac__takim {
  color: #e6ecf3; font-size: 12.5px; font-weight: 500; line-height: 1.25;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.sb-mac__skor { margin-left: auto; color: #ffd166; font-size: 13px; font-weight: 700; }

/* oran butonu */
.sb-oran {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px;
  height: 40px; border: 1px solid #22303f; border-radius: 7px; background: #16222f;
  color: #e6ecf3; font-family: Outfit, Arial, sans-serif; cursor: pointer;
  transition: background .12s, border-color .12s, transform .08s;
}
.sb-oran:hover { background: #1f8b3b; border-color: #1f8b3b; }
.sb-oran:active { transform: scale(.985); }
.sb-oran__etiket { color: #7f8d9b; font-size: 9.5px; font-weight: 700; letter-spacing: .4px; }
.sb-oran:hover .sb-oran__etiket { color: #d8f5df; }
.sb-oran__deger { font-size: 13.5px; font-weight: 700; }
.sb-oran.is-yok { opacity: .4; cursor: default; }
.sb-oran.is-yok:hover { background: #16222f; border-color: #22303f; }

/* boş durum */
.sb-bos {
  padding: 46px 18px; text-align: center; border: 1px solid #1d2a38; border-radius: 10px; background: #0d1722;
}
.sb-bos strong { display: block; color: #e6ecf3; font-size: 15px; margin-bottom: 6px; }
.sb-bos p { margin: 0; color: #8b97a3; font-size: 12.5px; line-height: 1.6; }

@media (max-width: 640px) {
  .sb { padding: 10px 8px 22px; }
  .sb-baslik, .sb-mac { grid-template-columns: 1fr 54px 54px 54px; gap: 4px; padding: 8px 8px; }
  .sb-mac__takim { font-size: 12px; }
  .sb-mac__saat { min-width: 36px; }
  .sb-oran { height: 38px; }
  .sb-oran__deger { font-size: 12.5px; }
}

/* koyu sayfa zemini */
body.sb-yeni { background: #0a0f14; }
body.sb-yeni .global-container { background: #0a0f14; }

/* Spor: iframe tam alan */
body.page-sportsbook { background: #162535; }
body.page-sportsbook .global-container { background: #162535; }
.sb-dis { padding: 0; margin: 0; max-width: none; width: 100%; }
.sb-cerceve { width: 100%; background: #162535; padding: 0; margin: 0; }
.sb-iframe { display: block; width: 100%; height: 640px; min-height: 480px; border: 0; background: #162535; }

/* masaüstü / mobil spor çerçeveleri */
.sb-iframe.sb-mobil { display: none; }
body.sb-mobil-mod .sb-iframe.sb-masaustu { display: none; }
body.sb-mobil-mod .sb-iframe.sb-mobil { display: block; }
.sb-cerceve { overflow: hidden; }

/* mobilde masaüstü çerçeve gizlenir (mobil düzen sayfa içinde) */
body.sb-mobil-mod .sb-cerceve { display: none !important; }
body.sb-mobil-mod .sb-dis { margin-top: 0 !important; }