@charset "UTF-8";
/* ============================================================
   mobil.css — SADECE 768px ve altı ekranlarda yüklenir.
   index.php <head> içinde style.css'ten SONRA:
   <link rel="stylesheet" href="mobil.css?v=<?= filemtime(__DIR__ . '/mobil.css') ?>" media="(max-width: 768px)">
   ============================================================ */

html, body { overflow-x: hidden; }

/* -- Ana kutu -- */
body .container { margin-top: 8px; padding: 8px; border-radius: 0; }

/* -- Logo (style.css'teki absolute/900px kuralını ezer) -- */
.header img.site-logo {
  position: static !important; transform: none !important;
  max-width: 100% !important; width: auto; height: auto;
  display: block; margin: 0 auto 8px;
}
.logonavi { margin-top: 0 !important; border-top: none !important; }
/* Üst çift çizgi logonun altına, menünün üstüne taşındı; çizgiler sadece menüyü sarar */
.logonavi .navtablo { border-top: 3px double #4CAF50; }

/* -- Saat / Giriş üstte yan yana, Aktif Üyeler altta tam genişlik -- */
#currentDateTimeContainer { flex-wrap: wrap !important; justify-content: space-between !important;
                            gap: 8px !important; margin-top: 8px !important; }
#currentDateTimeContainer > div:first-child { display: contents !important; }
#currentDateTimeContainer #currentDateTime { order: 1; flex: 0 0 auto; margin-left: 0 !important;
                                             padding: 6px 8px !important; font-size: 13px !important; }
/* Giriş Yap / Hoşgeldin kutusu: saatle aynı satırda kalır, sığmazsa isim "..." ile kısalır */
#currentDateTimeContainer > div:last-child { order: 2; flex: 1 1 0 !important; min-width: 0;
                                             justify-content: center !important; overflow: hidden;
                                             margin-right: 0 !important; padding: 4px 8px !important; }
#currentDateTimeContainer > div:last-child a { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#currentDateTimeContainer > div:last-child img,
#currentDateTimeContainer > div:last-child a[href="logout.php"],
#currentDateTimeContainer > div:last-child a[href="yonetim.php"] { flex-shrink: 0; }
.hosgeldin-yazi { display: none; }   /* mobilde sadece isim görünsün */
#currentDateTimeContainer .aktif-uyeler { order: 3; flex: 1 1 100% !important; width: 100%; }

/* -- Son Aktiviteler şeridi: Aktif Üyeler gibi soldan sağa tam genişlik -- */
body .son-aktiviteler-satir { margin: 8px 0 0 0 !important; width: 100%; }
body .son-aktiviteler-satir .aktif-uyeler { flex: 1 1 100% !important; width: 100%; }

/* -- APK ve e-posta şeritleri -- */
.bilgi-serit { width: 100% !important; height: auto !important; line-height: 1.4 !important; }
a.apk-btn { font-size: 15px; font-weight: bold; padding: 12px; border-radius: 12px; }
a.apk-btn .uzun { display: none !important; }
a.apk-btn .kisa { display: inline !important; }
.eposta-uyari { font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
                padding: 8px 6px !important; }   /* tek satır; JS puntoyu sığana kadar küçültür */

/* -- Filtreler: hap görünümü -- */
#myForm { border-radius: 14px; padding: 12px; }
#myForm label {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 7px 12px; border-radius: 999px; font-size: 13px;
  background: #f3f6f4; border: 1px solid #dfe8e1;
}
#myForm label:has(input:checked) { background: #e8f5e9; border-color: #4CAF50; color: #1b5e20; font-weight: bold; }
#myForm input[type=submit], #myForm button, #myForm .gun-btn { padding: 12px 8px !important; font-size: 14px !important; border-radius: 10px !important; }

/* ============================================================
   MAÇ KARTLARI
   + 22:45 ---- Lig adı (yeşil şerit) ---- Başlamadı +
   |  Ev Sahibi   [MS 2-1][İY 1-0]   Deplasman        |
   |  [ 1  1.45 ]  [    X  4.20    ]  [ 2  6.50 ]      |
   +---------------------------------------------------+
   ============================================================ */
div.table-container { overflow: visible; }
table.modern-table, table.modern-table tbody {
  display: block; width: 100%; background: transparent; box-shadow: none; border-radius: 0;
}
.modern-table tr:not(.match-row) { display: none; }   /* başlık satırı */

/* Gereksiz sütunlar: Tarih, İY-MS, SKOR, Güncelleme */
.modern-table tr.match-row td:nth-child(1),
.modern-table tr.match-row td:nth-child(11),
.modern-table tr.match-row td:nth-child(12),
.modern-table tr.match-row td:nth-child(14) { display: none; }

/* NOT: display'e !important verilmedi, filtre/arama gizlemesi bozulmasın diye */
.modern-table tr.match-row {
  display: grid;
  grid-template-columns: minmax(0,1fr) 58px 58px minmax(0,1fr);
  grid-template-rows: 40px auto auto;
  grid-template-areas:
    "ust  ust ust ust"
    "home ms  iy  away"
    "ms1  msx msx ms2";
  gap: 10px 6px; align-items: center;
  margin: 0 0 14px; padding: 0 10px 12px;
  border-radius: 18px; overflow: hidden;
  border: 1px solid rgba(46,160,80,.35);
  /* Katmanlar (üstten alta):
     1) 40px koyu yeşil başlık şeridi + altında ince parlak çizgi
     2) saha orta yuvarlağı (çok hafif)
     3) saha orta çizgisi (çok hafif)
     4) çim şeritleri (saydam yeşil, dikey)
     5) saydam yeşil zemin                                            */
  background:
    linear-gradient(90deg, #17803f 0%, #2fa356 55%, #4cbb6a 100%) top / 100% 40px no-repeat,
    linear-gradient(90deg, transparent, rgba(255,255,255,.9), transparent) 0 40px / 100% 2px no-repeat,
    radial-gradient(circle at 50% 78px, transparent 30px, rgba(46,160,80,.20) 31px, rgba(46,160,80,.20) 32.5px, transparent 33.5px),
    linear-gradient(90deg, transparent calc(50% - .75px), rgba(46,160,80,.14) calc(50% - .75px), rgba(46,160,80,.14) calc(50% + .75px), transparent calc(50% + .75px)),
    repeating-linear-gradient(90deg, rgba(76,175,80,.07) 0 22px, rgba(76,175,80,0) 22px 44px),
    linear-gradient(165deg, rgba(232,247,236,.95) 0%, rgba(214,240,222,.85) 55%, rgba(196,232,206,.80) 100%);
  box-shadow: 0 6px 18px rgba(23,128,63,.16), inset 0 1px 0 rgba(255,255,255,.6);
  transition: transform .15s ease, box-shadow .15s ease;
}
.modern-table tr.match-row:hover { transform: none; }
.modern-table tr.match-row:active { transform: scale(.98); box-shadow: 0 2px 8px rgba(23,128,63,.20); }

/* Canlı maç kartı: kırmızımsı-turuncu başlık şeridi + yanıp sönen yeşil parlama */
.modern-table tr.match-row:has(.live-ball) {
  border-color: #2fa356;
  background:
    linear-gradient(90deg, #c0392b 0%, #e4572e 50%, #f39c12 100%) top / 100% 40px no-repeat,
    linear-gradient(90deg, transparent, rgba(255,255,255,.9), transparent) 0 40px / 100% 2px no-repeat,
    radial-gradient(circle at 50% 78px, transparent 30px, rgba(46,160,80,.24) 31px, rgba(46,160,80,.24) 32.5px, transparent 33.5px),
    linear-gradient(90deg, transparent calc(50% - .75px), rgba(46,160,80,.16) calc(50% - .75px), rgba(46,160,80,.16) calc(50% + .75px), transparent calc(50% + .75px)),
    repeating-linear-gradient(90deg, rgba(76,175,80,.09) 0 22px, rgba(76,175,80,0) 22px 44px),
    linear-gradient(165deg, rgba(225,246,231,.95) 0%, rgba(200,236,210,.88) 55%, rgba(178,226,192,.85) 100%);
  animation: canliKart 2s ease-in-out infinite;
}
@keyframes canliKart {
  0%, 100% { box-shadow: 0 0 0 2px rgba(47,163,86,.9), 0 6px 18px rgba(47,163,86,.25); }
  50%      { box-shadow: 0 0 0 2px rgba(47,163,86,.9), 0 6px 26px rgba(47,163,86,.55); }
}

.modern-table tr.match-row td {
  width: auto !important; min-width: 0 !important; max-width: none !important;
  padding: 0; border: none; font-size: 13px;
}

/* Üst şerit: Lig ortada, saat sol köşede, durum sağ köşede */
.modern-table tr.match-row td:nth-child(3) {
  grid-area: ust; align-self: center; padding: 0 78px;
  text-align: center !important; font-size: 11.5px; letter-spacing: .4px;
  color: #fff !important; text-shadow: 0 1px 2px rgba(0,0,0,.25);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.modern-table tr.match-row td:nth-child(2) {
  grid-row: 1; grid-column: 1; justify-self: start; align-self: center; z-index: 2;
  padding: 3px 10px; border-radius: 999px; font-size: 12px;
  border: 1.5px solid rgba(255,255,255,.9) !important;
  box-shadow: 0 2px 5px rgba(0,0,0,.20);
}
.modern-table tr.match-row td:nth-child(13) {
  grid-row: 1; grid-column: 4; justify-self: end; align-self: center; z-index: 2;
  padding: 4px 10px; border-radius: 999px; font-size: 11px; white-space: nowrap;
  box-shadow: 0 2px 5px rgba(0,0,0,.15);
}
/* "Maç Bitti" / "Başlamadı" beyaz hap içinde */
.modern-table tr.match-row td:nth-child(13):not(:has(.live-ball)) { background-image: linear-gradient(#fff, #fff); }
/* Canlı hap: beyaz zemin, yeşil yazı, dakika kalın */
.modern-table tr.match-row td:nth-child(13):has(.live-ball) {
  background-image: linear-gradient(#fff, #fff); color: #17803f !important; font-weight: bold;
}
.modern-table tr.match-row .canli-dk { color: #c0392b; font-weight: 800; margin-left: 2px; }

/* Takımlar */
.modern-table tr.match-row td:nth-child(4)  { grid-area: home; text-align: right; }
.modern-table tr.match-row td:nth-child(6)  { grid-area: away; text-align: left; }
.modern-table tr.match-row td:nth-child(4),
.modern-table tr.match-row td:nth-child(6)  { font-size: 15px; color: #1f2a23 !important;
                                              white-space: normal !important; line-height: 1.25; }

/* MS ve İY: yan yana iki skor kutusu */
.modern-table tr.match-row td:nth-child(5)  { grid-area: ms; }
.modern-table tr.match-row td:nth-child(7)  { grid-area: iy; }
.modern-table tr.match-row td:nth-child(5),
.modern-table tr.match-row td:nth-child(7)  { align-self: stretch; display: flex; flex-direction: column;
                                              justify-content: center; padding: 5px 0;
                                              border-radius: 10px; font-size: 17px; line-height: 1.1;
                                              border: 1px solid rgba(0,0,0,.08);
                                              box-shadow: inset 0 -2px 0 rgba(0,0,0,.06); }
.modern-table tr.match-row td:nth-child(7)  { font-size: 15px; }
.modern-table tr.match-row td:nth-child(5)::before { content: "MS"; }
.modern-table tr.match-row td:nth-child(7)::before { content: "\130 Y"; }   /* İY — İ harfi kodla yazıldı */
.modern-table tr.match-row td:nth-child(5)::before,
.modern-table tr.match-row td:nth-child(7)::before { display: block; font-size: 9px; font-weight: normal;
                                                     opacity: .65; margin-bottom: 2px; }

/* Oranlar */
.modern-table tr.match-row td:nth-child(8)  { grid-area: ms1; }
.modern-table tr.match-row td:nth-child(9)  { grid-area: msx; }
.modern-table tr.match-row td:nth-child(10) { grid-area: ms2; }
.modern-table tr.match-row td:nth-child(8),
.modern-table tr.match-row td:nth-child(9),
.modern-table tr.match-row td:nth-child(10) { padding: 6px 0; border: 1px solid rgba(46,160,80,.30); border-radius: 10px;
                                              font-size: 15px; color: #2b3a30 !important;
                                              background-image: linear-gradient(rgba(255,255,255,.72), rgba(255,255,255,.72));
                                              box-shadow: 0 1px 3px rgba(23,128,63,.10); }
/* Tutan oran: yeşil vurgulu kutu */
.modern-table tr.match-row td:nth-child(8)[style*="#e8f5e9"],
.modern-table tr.match-row td:nth-child(9)[style*="#e8f5e9"],
.modern-table tr.match-row td:nth-child(10)[style*="#e8f5e9"] {
  background-image: linear-gradient(135deg, #2fa356, #4cbb6a);
  color: #fff !important; border-color: #17803f;
}
.modern-table tr.match-row td:nth-child(8)[style*="#e8f5e9"]::before,
.modern-table tr.match-row td:nth-child(9)[style*="#e8f5e9"]::before,
.modern-table tr.match-row td:nth-child(10)[style*="#e8f5e9"]::before { color: rgba(255,255,255,.85) !important; }
.modern-table tr.match-row td:nth-child(8)::before  { content: "1"; }
.modern-table tr.match-row td:nth-child(9)::before  { content: "X"; }
.modern-table tr.match-row td:nth-child(10)::before { content: "2"; }
.modern-table tr.match-row td:nth-child(8)::before,
.modern-table tr.match-row td:nth-child(9)::before,
.modern-table tr.match-row td:nth-child(10)::before { display: block; font-size: 10px; color: #7d9a86; font-weight: normal; }

/* -- Footer: copyright solda, ziyaretçi sağda, yan yana -- */
body .site-footer { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important;
                   justify-content: space-between !important; align-items: center !important;
                   gap: 8px !important; padding: 6px 8px !important; font-size: 11px !important;
                   margin-bottom: -8px !important; }   /* altta beyaz boşluk kalmasın */
body .site-footer > span { position: static !important; transform: none !important;
                           white-space: nowrap; display: inline !important; }

/* ============================================================
   mac.php
   ============================================================ */

/* Üst kısım: skor tabelası düzeni
        Lig adı
   [Ev sahibi]  IY / MS  [Deplasman]
               0-0 / 3-1
     Tarih · Durum · Analiz · İddaa kodu        */
body .match-details {
  position: relative !important;
  display: grid !important; grid-template-columns: minmax(0,1fr) minmax(0,1.25fr) minmax(0,1fr);
  /* Orta sütun masaüstündeki sırayla: favori, lig, tarih, "Maç Sonucu (IY / MS)", skor */
  grid-template-areas:
    "home fav  away"
    "home lig  away"
    "home mt   away"
    "home lbl  away"
    "home ms   away"
    "st   an   kd";
  gap: 2px 8px !important; align-items: center; width: 100%; box-sizing: border-box;
  margin: 12px 0 0 !important; padding: 14px 8px 12px !important;
  background: rgba(0,0,0,.38); border-radius: 16px;
  -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);
}
.match-details > div:first-child { grid-area: home; }
.match-details > div:last-child  { grid-area: away; }
.match-details > div:first-child,
.match-details > div:last-child  { position: relative !important; display: flex !important;
                                   flex-direction: column; align-items: center; text-align: center; min-width: 0; }

/* Takım logoları ve isimleri: negatif margin'ler sıfırlanır */
.match-details .team-logo, .match-details .team-logo1 {
  margin: 0 auto !important; max-width: 64px !important; height: auto; display: block;
}
.match-details .team-name, .match-details .team-name1, .match-details .t1 {
  margin: 6px 0 4px !important; font-size: 15px !important; line-height: 1.2;
  overflow-wrap: anywhere; text-align: center;
}
/* Maç aralıkları (ör. 7-4-3): logonun yanından takım adının altına */
.match-details span[style*="position: absolute"] {
  position: static !important; display: inline-block; margin-top: 4px;
  font-size: 11px !important; padding: 2px 8px; border-radius: 999px;
  background: rgba(255,255,255,.92); max-width: 100%; overflow: hidden; text-overflow: ellipsis;
}
/* Takım blokları üstten hizalı, boşluksuz; içi boş paragraflar yer kaplamasın */
.match-details > div:first-child,
.match-details > div:last-child { align-self: center; margin: 0 !important; padding: 0 !important; }
.match-details p:empty, .match-details #yuzdeGoster:empty { display: none !important; }

/* Canlı rozeti: kartın sağ üst köşesinde */
.match-details > div[style*="top: 60px"] {
  position: absolute !important; top: 4px !important; right: 8px !important; left: auto !important;
  z-index: 5; margin: 0 !important;
}
.match-details > div[style*="top: 60px"] > span { font-size: 11px !important; padding: 2px 7px !important; gap: 4px !important; }
/* Maç canlıyken kartın üstünde rozet için boşluk aç: rozet kendi satırında, logolar altından başlar */
body .match-details:has(> div[style*="top: 60px"]) { padding-top: 34px !important; }
.match-details > div[style*="top: 60px"] > span > span { font-size: 12px !important; }

/* Maç bilgileri kutusu açılır, içindekiler tabelaya yerleşir */
body .match-details .information { display: contents !important; }
.match-details .information > * { grid-column: 1 / -1; text-align: center; margin: 2px 0 !important;
                                   font-size: 13px; white-space: normal; }
.match-details .information > br { display: none; }
.match-details #Lig { grid-area: lig; font-size: 12px !important; line-height: 1.25; margin: 0 !important; }
.match-details #MT  { grid-area: mt;  font-size: 11px !important; opacity: .9; margin: 1px 0 0 !important; }
.match-details #MT + div { grid-area: lbl; font-size: 10px !important; font-weight: normal !important;
                           opacity: .8; margin: 4px 0 0 !important; }
.match-details #MS  { grid-area: ms;  font-size: 22px !important; line-height: 1.15; white-space: nowrap; margin: 0 !important; }
/* Favori yıldızı: orta sütunun en üstünde, masaüstündeki gibi */
.match-details .favorite-btn { grid-area: fav; justify-self: center; position: static !important;
                               font-size: 22px !important; line-height: 1; margin: 0 0 2px !important; }

/* Status / Analiz / İddaa Kodu: yan yana üç beyaz kutucuk */
.match-details .information > div[style^="font-weight: bold; margin-top: 5px"] { grid-area: st; }
.match-details .information > p                                                { grid-area: an; }
.match-details .information > div[style*="text-shadow"]                         { grid-area: kd; }
.match-details .information > div[style^="font-weight: bold; margin-top: 5px"],
.match-details .information > p,
.match-details .information > div[style*="text-shadow"] {
  align-self: stretch; display: flex; flex-direction: column; align-items: center; justify-content: center;
  margin: 12px 0 0 !important; padding: 5px 4px; border-radius: 10px;
  background: rgba(255,255,255,.92); color: #2a3a2f !important; text-shadow: none !important;
  font-size: 10.5px !important; line-height: 1.3; font-weight: bold;
}
/* Status yazısı beyaz verilmişse (Fixture vb.) beyaz kutuda görünsün diye siyah */
.match-details .information > div[style^="font-weight: bold; margin-top: 5px"] span[style*="#FFFFFF" i] { color: #111 !important; }
/* Playing sarısı beyaz kutuda okunmuyor: koyu sarı */
.match-details .information > div[style^="font-weight: bold; margin-top: 5px"] span[style*="#ffc107" i] { color: #b27a00 !important; }

/* İstatistik tabloları: yan yana iki tablo alt alta */
body .tables-container { display: block !important; margin-top: 0 !important; }
.tables-container > div { margin: 0 !important; }
.tables-container > div > h2 { display: none; }
.tables-container table[style^="width:100%; border-collapse:collapse"],
.tables-container table[style^="width:100%; border-collapse:collapse"] > tbody,
.tables-container table[style^="width:100%; border-collapse:collapse"] > tbody > tr,
.tables-container table[style^="width:100%; border-collapse:collapse"] > tbody > tr > td {
  display: block; width: 100% !important;
}
.tables-container table[style^="width:100%; border-collapse:collapse"] > tbody > tr > td { margin-bottom: 10px; }

/* Tablo sütunları ekrana sığsın */
.tables-container table[style*="table-layout: fixed"] { font-size: 10px !important; }
.tables-container table[style*="table-layout: fixed"] td { white-space: nowrap; }

/* Son maçlar + Evinde/Deplasmanda tabloları: hepsinde AYNI sütun genişlikleri,
   böylece alt alta duran tablolarda tarih, takım, skor, İY, AV, AG aynı hizada.
   Sütunlar: >< | Tarih | Lig | EvSahibi | MS | Deplasman | İY | AV | AG          */
.tables-container table[style*="table-layout: fixed"]:not(:has(th[colspan="10"])) {
  table-layout: fixed !important; width: 100% !important;
}
.tables-container table[style*="table-layout: fixed"]:not(:has(th[colspan="10"])) :is(col, thead th:not([colspan])):nth-child(1) { width: 0    !important; }
.tables-container table[style*="table-layout: fixed"]:not(:has(th[colspan="10"])) :is(col, thead th:not([colspan])):nth-child(2) { width: 17%  !important; }
.tables-container table[style*="table-layout: fixed"]:not(:has(th[colspan="10"])) :is(col, thead th:not([colspan])):nth-child(3) { width: 17%  !important; }
.tables-container table[style*="table-layout: fixed"]:not(:has(th[colspan="10"])) :is(col, thead th:not([colspan])):nth-child(4) { width: 18%  !important; }
.tables-container table[style*="table-layout: fixed"]:not(:has(th[colspan="10"])) :is(col, thead th:not([colspan])):nth-child(5) { width: 8%   !important; }
.tables-container table[style*="table-layout: fixed"]:not(:has(th[colspan="10"])) :is(col, thead th:not([colspan])):nth-child(6) { width: 18%  !important; }
.tables-container table[style*="table-layout: fixed"]:not(:has(th[colspan="10"])) :is(col, thead th:not([colspan])):nth-child(7) { width: 7%   !important; }
.tables-container table[style*="table-layout: fixed"]:not(:has(th[colspan="10"])) :is(col, thead th:not([colspan])):nth-child(8) { width: 7%   !important; }
.tables-container table[style*="table-layout: fixed"]:not(:has(th[colspan="10"])) :is(col, thead th:not([colspan])):nth-child(9) { width: 8%   !important; }
/* >< sütunu: genişliği 0, görünmez (satıra dokununca maç yine açılır) */
.tables-container table[style*="table-layout: fixed"]:not(:has(th[colspan="10"])) tr > :first-child:not([colspan]) {
  padding: 0 !important; font-size: 0 !important; overflow: hidden; border: 0;
}
.tables-container table[style*="table-layout: fixed"]:not(:has(th[colspan="10"])) :is(td, th) {
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

/* Aralarındaki Maçlar (10 sütun): kendi düzeninde, >< sütunu gizli */
.tables-container table:has(th[colspan="10"]) { table-layout: auto !important; }
.tables-container table:has(th[colspan="10"]) th { width: auto !important; }
/* >< hücresi görünmez ama içindeki link çalışmaya devam etsin diye gizlenmiyor, sıfıra indiriliyor */
.tables-container table:has(th[colspan="10"]) tr > :first-child:not([colspan]) {
  padding: 0 !important; font-size: 0 !important; width: 0 !important; border: 0;
}

/* Tablo altındaki EV / DEP / TOPLAM / SON 4 / SON 5 kutucukları: tek satırda, küçülerek sığar */
.tables-container td[style*="background: #f5f7f4"] > div {
  flex-wrap: nowrap !important; gap: 3px !important; justify-content: space-between !important;
}
.tables-container td[style*="background: #f5f7f4"] > div > div { flex: 1 1 0; min-width: 0; padding: 4px 2px !important; }
.tables-container td[style*="background: #f5f7f4"] > div > div > div:first-child {
  font-size: 7px !important; letter-spacing: .2px !important; white-space: nowrap;
}
.tables-container td[style*="background: #f5f7f4"] > div > div > div:last-child { flex-wrap: wrap !important; gap: 1px !important; }
.tables-container td[style*="background: #f5f7f4"] span { padding: 1px 3px !important; font-size: 8px !important; }

/* Oran bloğu: kutular satırı doldurur (sığmayan alt satıra geçer),
   kutu içindeki oran butonları da kutuyu doldurur — sağda boşluk kalmaz */
#ob-wrap .ob-gruplar { gap: 6px; }
#ob-wrap .ob-gruplar .ob-kutu { flex: 1 1 auto; max-width: 100%; min-width: 0; }
#ob-wrap .ob-satirlar { flex-wrap: wrap; }
#ob-wrap .ob-gruplar .ob-kutu .ob-item { flex: 1 0 40px !important; width: auto !important; }
#ob-wrap .ob-gruplar .ob-kutu:last-child .ob-item { flex-basis: 30px !important; }   /* maç skoru */
#ob-wrap .ob-gruplar .ob-kutu .ob-lbl,
#ob-wrap .ob-gruplar .ob-kutu .ob-deger { max-width: none !important; }
#ob-wrap .ob-takim-btn { flex: 1 1 auto; width: auto; min-width: 90px; }
#ob-wrap .ob-tol-btn { flex: 1 0 30px; }
#ob-wrap .ob-m-wrap input { width: 100px; }
#ob-wrap #ob-sonuc-alan { overflow-x: auto; }

/* Veri raporu (veri_block.php): kutucuklar sıkı, hepsi aynı boyda, yazı tam ortada.
   Ev / Dep grupları yan yana, her grubun 5 kutucuğu tek satırda */
#vb-wrap .vb-sira { gap: 6px; margin-bottom: 6px; }
#vb-wrap .vb-kutu { flex: 1 1 0; min-width: 0; padding: 5px 5px 6px; }
#vb-wrap .vb-satirlar { flex-wrap: nowrap; gap: 4px; justify-content: center; }
#vb-wrap .vb-item {
  flex: 1 1 0; width: auto; max-width: 44px; min-width: 0; height: 40px; padding: 0 1px;
  display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;
}
#vb-wrap .vb-item-lbl { font-size: 9px; text-align: center; white-space: nowrap; }
#vb-wrap .vb-item-ph  { font-size: 8px; max-width: 100%; }
#vb-wrap .vb-item.manuel-input .vb-item-input-vis { width: 100%; font-size: 9px; }
#vb-wrap .vb-kutu-baslik { font-size: 8px; overflow: hidden; text-overflow: ellipsis; }
#vb-wrap #vb-sonuc-alan { overflow-x: auto; }

/* -- Profil sayfası -- */
body .profile-container { flex-direction: column !important; gap: 12px !important; margin-top: 10px !important; }
body .profile-box { width: auto !important; padding: 0 !important; border: none !important;
                    box-shadow: none !important; background: transparent !important; }

/* Üst profil kartı: solda resim, sağda isim + tarihler, altta istatistikler */
.profil-ust {
  display: grid; grid-template-columns: 84px 1fr;
  column-gap: 14px; row-gap: 3px; align-items: center; text-align: left;
  background: linear-gradient(135deg, #1d914d, #45a049);
  border-radius: 16px; padding: 16px; color: #fff;
  box-shadow: 0 6px 18px rgba(29,145,77,.25);
}
.profil-ust .profile-img-wrapper { grid-row: 1 / span 3; grid-column: 1; margin: 0 !important; }
.profil-ust .profile-img { width: 80px !important; height: 80px !important;
                           border: 3px solid rgba(255,255,255,.85) !important; }
.profil-ust h3 { grid-column: 2; margin: 0; font-size: 20px; color: #fff; }
.profil-ust > p { grid-column: 2; margin: 0 !important; font-size: 12px !important; color: rgba(255,255,255,.9) !important; }
.profil-ust > p[style*="dc3545"] { grid-column: 1 / -1; grid-row: 5; background: #fff; color: #dc3545 !important;
                                   padding: 6px 10px; border-radius: 8px; margin-top: 8px !important; }

.profil-ust .stats-container { grid-column: 1 / -1; gap: 8px; margin: 12px 0 0 !important;
                               padding: 0 !important; border: none !important; }
.profil-ust .stat-item { flex: 1; background: rgba(255,255,255,.16); border-radius: 12px; padding: 8px 0; }
.profil-ust .stat-value { color: #fff !important; font-size: 20px !important; }
.profil-ust .stat-label { color: rgba(255,255,255,.85) !important; font-size: 12px !important; }

/* Favori Linkler ve Tahminlerim: tam genişlik, başlığa basınca aç/kapa */
/* Çıkış Yap: profil kartının sağ üst köşesinde */
body .profile-box { position: relative; }
body .profile-box > .logout-btn {
  position: absolute; top: 12px; right: 12px; z-index: 5; margin: 0 !important;
  padding: 5px 12px !important; font-size: 12px; font-weight: bold !important;
  background: rgba(255,255,255,.18) !important; color: #fff !important;
  border: 1px solid rgba(255,255,255,.55); border-radius: 999px !important;
}
body .profile-box > .logout-btn:active { background: rgba(255,255,255,.32) !important; }
.profile-box:has(> .logout-btn) .profil-ust h3 { padding-right: 84px; }   /* isim butonun altına girmesin */

body .favorites-box, body .predictions-box {
  width: 100% !important; box-sizing: border-box; margin-top: 12px !important;
  padding: 0 12px !important; border-radius: 14px !important; overflow: hidden;
  border: 1px solid #d5e8d9 !important; box-shadow: 0 2px 8px rgba(29,145,77,.08) !important;
}
.favorites-box > h4, .predictions-box > h4 {
  display: flex; align-items: center; gap: 8px;
  margin: 0 -12px !important; padding: 14px 16px !important;
  background: #eef7f0; color: #1d6b38 !important; font-size: 15px;
  border-bottom: none !important; cursor: pointer; user-select: none;
}
.favorites-box > h4::after, .predictions-box > h4::after {
  content: "\25BE"; font-size: 18px; transition: transform .2s ease;
}
.kutu-sayi { margin-left: auto; background: #4CAF50; color: #fff; border-radius: 999px;
             font-size: 11px; padding: 2px 9px; font-weight: bold; }
/* Kapalıyken sadece başlık görünür */
.favorites-box:not(.acik) > :not(h4), .predictions-box:not(.acik) > :not(h4) { display: none !important; }
/* Açıkken */
.favorites-box.acik, .predictions-box.acik { padding-bottom: 12px !important; }
.favorites-box.acik > h4, .predictions-box.acik > h4 { margin-bottom: 12px !important; border-bottom: 1px solid #d5e8d9 !important; }
.favorites-box.acik > h4::after, .predictions-box.acik > h4::after { transform: rotate(180deg); }

/* -- Forum: çöp kutusu ve tarih yazının üstüne binmesin -- */
/* Yorumlar: çöp kutusu sağ üstte, tarih sağ altta kalır;
   yazıya sağdan ve alttan boşluk bırakılır ki onların altına girmesin */
.comment-item > div:last-child { min-width: 0; padding: 6px 28px 22px 2px !important; }
.comment-item > div:last-child > p { overflow-wrap: anywhere; }

/* Konu başlığı: sağ üstteki çöp kutusu ve alttaki tarih için yer aç */
.topic-header { padding-bottom: 22px !important; }
.topic-header h3 { padding-right: 30px; overflow-wrap: anywhere; }

/* -- Kayıt / giriş -- */
.register-box { width: auto; max-width: 360px; padding: 24px; }