.mp-tff-wrap { width: 100%; box-sizing: border-box; }
.mp-tff-scroll { overflow-x: auto; border: 1px solid #eee; border-radius: 8px; }
.mp-tff-table { width: 100%; border-collapse: collapse; background: #fff; }
.mp-tff-table th, .mp-tff-table td { text-align: center; border-bottom: 1px solid #f1f1f1; padding: 10px 8px; font-size: 14px; vertical-align: middle; }
.mp-tff-table thead { background: #f8f9fa; }
.mp-tff-table thead th { font-weight: 700; text-transform: uppercase; font-size: 13px; color: #555; }
.mp-tff-table .text-left { text-align: left !important; }
.mp-tff-table tr.mp-hl { background-color: #fff5f5; border-left: 4px solid #d61c1c; }

/* Logo Stilleri */
.mp-team-cell { display: flex; align-items: center; }
.mp-team-logo { height: 20px; width: auto; margin-right: 10px; display: inline-block; vertical-align: middle; }

/* Puan Sütunu Bold */
.mp-tff-wrap .mp-tff-table td.mp-pts { font-weight: 900 !important; color: #000; }

/* Mobil Uyumluluk */
@media (max-width: 767px) {
    /* Elementor'dan kapatılan sütunları gizle */
    .mp-hide-mob { display: none !important; }
    
    .mp-tff-table th, .mp-tff-table td {
        padding: 8px 4px; /* Mobilde paddingi biraz kısalım */
        font-size: 12px;
    }
    
    /* Mobilde logo ve isim sığması için düzenleme */
    .mp-team-cell { 
        white-space: nowrap; 
        overflow: hidden; 
        text-overflow: ellipsis; 
        max-width: 160px; /* Çok uzun isimlerde taşmayı önler */
    }
    
    .mp-team-logo {
        margin-right: 6px;
        height: 18px !important; /* Mobilde logo biraz küçülsün */
    }
}