/* =============================================
   ELEPHANT TIPS — MOBİL TAHMİN KART TASARIMI
   ============================================= */

@media (max-width: 768px) {

  /* Tablo başlığını gizle */
  .pred-table thead { display: none; }

  /* Tablo ve gövdeyi block yap */
  .pred-table,
  .pred-table tbody { display: block; width: 100%; }

  /* Her satır = bir kart */
  .pred-table tbody tr {
    display: grid;
    grid-template-columns: 1fr auto auto auto auto;
    grid-template-rows: auto auto;
    align-items: center;
    gap: 0 10px;
    background: #1a1c1e;
    border: 1px solid rgba(212,175,55,0.15);
    border-left: 3px solid #D4AF37;
    border-radius: 12px;
    margin-bottom: 8px;
    padding: 12px 14px;
    position: relative;
  }
  .pred-table tbody tr:hover {
    background: #1e2022;
    border-color: rgba(212,175,55,0.3);
  }

  /* Tüm td'leri önce gizle */
  .pred-table td { display: none; border: none; padding: 0; }

  /* --- MAÇ ALANI (tam satır, grid-column: 1/-1) --- */
  .pred-table td[data-label="MAÇ"],
  .pred-table td[data-label="MATCH"],
  .pred-table td[data-label="SPIEL"],
  .pred-table td[data-label="PARTITA"],
  .pred-table td[data-label="PARTIDO"],
  .pred-table td[data-label="WEDSTRIJD"],
  .pred-table td[data-label="MEČ"],
  .pred-table td[data-label="MECZ"],
  .pred-table td[data-label="МАТЧ"],
  .pred-table td[data-label="المباراة"],
  .pred-table td[data-label="比赛"],
  .pred-table td[data-label="JOGO"] {
    display: block;
    grid-column: 1 / -1;
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(255,255,255,0.06);
  }
  .match-teams {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
  }
  .match-team {
    font-size: 0.9rem;
    font-weight: 700;
    color: #ECEDEE;
    white-space: nowrap;
  }
  .match-team-away {
    color: #9BA1A6;
    font-weight: 500;
  }
  .match-teams::after {
    content: "";
    display: none;
  }

  /* VS ayırıcı */
  .match-team:first-child::after {
    content: " vs";
    color: #687076;
    font-weight: 400;
    font-size: 0.75rem;
  }

  /* --- TAHMİN --- */
  .pred-table td[data-label="TAHMİN"],
  .pred-table td[data-label="PREDICTION"],
  .pred-table td[data-label="TIPP"],
  .pred-table td[data-label="PRONOSTIC"],
  .pred-table td[data-label="PRONOSTICO"],
  .pred-table td[data-label="PROGNÓSTICO"],
  .pred-table td[data-label="VOORSPELLING"],
  .pred-table td[data-label="TIP"],
  .pred-table td[data-label="TYP"],
  .pred-table td[data-label="ПРОГНОЗ"],
  .pred-table td[data-label="التوقع"],
  .pred-table td[data-label="预测"] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgba(212,175,55,0.1);
    border: 1px solid rgba(212,175,55,0.2);
    border-radius: 8px;
    padding: 6px 10px;
    min-width: 56px;
    text-align: center;
  }
  .pred-type {
    font-size: 1.05rem;
    font-weight: 800;
    color: #D4AF37;
    line-height: 1.1;
  }
  .pred-sub {
    font-size: 0.6rem;
    color: #687076;
    margin-top: 2px;
    white-space: nowrap;
  }

  /* --- GÜVEN --- */
  .pred-table td[data-label="GÜVEN"],
  .pred-table td[data-label="CONFIDENCE"],
  .pred-table td[data-label="VERTRAUEN"],
  .pred-table td[data-label="CONFIANCE"],
  .pred-table td[data-label="CONFIANZA"],
  .pred-table td[data-label="FIDUCIA"],
  .pred-table td[data-label="CONFIANÇA"],
  .pred-table td[data-label="VERTROUWEN"],
  .pred-table td[data-label="PEWNOŚĆ"],
  .pred-table td[data-label="POUZDANOST"],
  .pred-table td[data-label="УВЕРЕННОСТЬ"],
  .pred-table td[data-label="الثقة"],
  .pred-table td[data-label="置信度"] {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .confidence-circle {
    width: 44px;
    height: 44px;
    font-size: 0.72rem;
    font-weight: 700;
  }

  /* --- ORAN --- */
  .pred-table td[data-label="ORAN"],
  .pred-table td[data-label="ODD"],
  .pred-table td[data-label="QUOTE"],
  .pred-table td[data-label="COTE"],
  .pred-table td[data-label="CUOTA"],
  .pred-table td[data-label="QUOTA"],
  .pred-table td[data-label="ODDS"],
  .pred-table td[data-label="KURS"],
  .pred-table td[data-label="KVOTA"],
  .pred-table td[data-label="КОЭФ"],
  .pred-table td[data-label="المعامل"],
  .pred-table td[data-label="赔率"] {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .odd-val {
    font-size: 1rem;
    font-weight: 700;
    color: #ECEDEE;
    background: rgba(255,255,255,0.06);
    padding: 4px 8px;
    border-radius: 6px;
  }

  /* --- BAŞLANGIÇ / DAKİKA --- */
  .pred-table td[data-label="BAŞLANGIÇ"],
  .pred-table td[data-label="KICK-OFF"],
  .pred-table td[data-label="ANSTOSS"],
  .pred-table td[data-label="COUP D'ENVOI"],
  .pred-table td[data-label="INICIO"],
  .pred-table td[data-label="INIZIO"],
  .pred-table td[data-label="INÍCIO"],
  .pred-table td[data-label="AFTRAP"],
  .pred-table td[data-label="GODZINA"],
  .pred-table td[data-label="POČETAK"],
  .pred-table td[data-label="НАЧАЛО"],
  .pred-table td[data-label="البداية"],
  .pred-table td[data-label="开始时间"],
  .pred-table td[data-label="DAKİKA"],
  .pred-table td[data-label="MINUTE"],
  .pred-table td[data-label="MINUTO"] {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .kick-time, .live-min {
    font-size: 0.85rem;
    font-weight: 600;
    color: #9BA1A6;
  }

  /* --- LİG — MOBİLDE GİZLE --- */
  .pred-table td[data-label="LİG"],
  .pred-table td[data-label="LEAGUE"],
  .pred-table td[data-label="LIGA"],
  .pred-table td[data-label="LIGUE"],
  .pred-table td[data-label="LEGA"],
  .pred-table td[data-label="COMPETITIE"],
  .pred-table td[data-label="LEGA"],
  .pred-table td[data-label="LIGA"],
  .pred-table td[data-label="ЛИГА"],
  .pred-table td[data-label="الدوري"],
  .pred-table td[data-label="联赛"] { display: none; }

  /* --- BANKO TAG (son td) --- */
  .pred-table td:last-child:not([data-label="BAŞLANGIÇ"]):not([data-label="KICK-OFF"]):not([data-label="DAKİKA"]):not([data-label="MINUTE"]) {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 10px;
    right: 12px;
  }

  /* --- CANLI SKOR --- */
  .pred-table td[data-label="CANLI SKOR"],
  .pred-table td[data-label="LIVE SCORE"],
  .pred-table td[data-label="LIVE-STAND"] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(34,197,94,0.1);
    border: 1px solid rgba(34,197,94,0.2);
    border-radius: 8px;
    padding: 4px 8px;
    font-size: 0.78rem;
    font-weight: 700;
    color: #4ade80;
    white-space: nowrap;
  }
  .live-score-val { font-size: 0.78rem; }

  /* --- CANLI BADGE --- */
  .live-badge {
    font-size: 0.6rem;
    padding: 2px 6px;
  }

  /* Section header mobil */
  .section-header {
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
  }
  .section-title { font-size: 1.2rem; }

  /* Pred table wrap */
  .pred-table-wrap {
    border-radius: 12px;
    overflow: hidden;
  }

  /* Table footer link */
  .table-footer {
    padding: 12px 14px;
    text-align: center;
  }
}

@media (max-width: 480px) {
  .pred-table tbody tr {
    grid-template-columns: 1fr auto auto auto auto;
    gap: 0 6px;
    padding: 10px 12px;
  }
  .pred-type { font-size: 0.95rem; }
  .confidence-circle { width: 38px; height: 38px; font-size: 0.68rem; }
  .odd-val { font-size: 0.9rem; padding: 3px 6px; }
  .match-team { font-size: 0.82rem; }
  .pred-table td[data-label="TAHMİN"],
  .pred-table td[data-label="PREDICTION"] { padding: 5px 8px; min-width: 48px; }
}