/* Загальні налаштування таблиці */
.betting-odds-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    background-color: #ffffff;
    border-radius: 5px;
    overflow: hidden;
    font-family: Arial, sans-serif;
    padding:5px;
}

/* Налаштування рядків таблиці */
.betting-odds-table tr {
    height: 60px;
    border: none;
}

.betting-odds-table tr:nth-child(even) {
    background-color: #f5f5f5;
}

/* Налаштування заголовків таблиці */
.betting-odds-table th, thead {
    display: none;
}
.betting-odds-table thead {
    display: none !important;
    
}

/* Налаштування клітинок таблиці */
.betting-odds-table td {
    padding: 10px;
    vertical-align: middle;
    border: none;
    white-space: nowrap;
}

/* Налаштування ширини стовпців */
.betting-odds-table td.match-date {
    width: 15%;
    display:none;
    font-weight: bold;
    color: #333333;
    white-space: nowrap;
}

.betting-odds-table td.match-teams {
    width: 55%;
    align-items: center;
    vertical-align: middle !important;
    gap: 10px;
    white-space: nowrap;
    overflow:unset;
    text-overflow: ellipsis;
}

.betting-odds-table td.odds {
    width: 15%;
    text-align: center;
    font-weight: bold;
    color: #333333;
    white-space: nowrap;
}

.betting-odds-table td a.betting-odds-button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 10px;
    background-color: #1c1c1c;
    color: #ffffff;
    text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    transition: background-color 0.3s;
}

.betting-odds-table td a.betting-odds-button:hover {
    background-color: #e04400;
}

.betting-odds-button::before {
    content: "";
    display: inline-block;
    width: 82px;
    height: 32px;
    background: url('data:image/svg+xml;utf8,<svg width="82" height="32" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M37.154 8s-.972 5.189-1.806 9.44h9.55c.59 0 1.041.538.937 1.128l-.139.608c-.104.555-.59.954-1.163.954l-3.073.018-.73 3.835h5.921a3.89 3.89 0 0 0 3.837-3.141c.065-.36.139-.723.212-1.083.066-.32.13-.638.187-.948.313-1.596-.99-2.794-2.621-2.794l.104-.52c1.684-.052 2.882-.92 3.195-2.586l.225-1.267C52.12 9.753 50.696 8 48.77 8H37.153Zm9.22 4.72-.053.33a1.336 1.336 0 0 1-1.302 1.076h-3.924l.452-2.412h3.993c.538.017.937.503.833 1.006ZM68.422 8l-.781 4.043h4.201l-2.291 11.94h5.173l2.292-11.94h4.22L82 8H68.423ZM51.651 21.952l2.24-11.904C54.117 8.868 55.158 8 56.339 8h10.712l-.78 4.06h-7.692l-.4 2.083h6.442l-.625 3.28h-6.459l-.486 2.551h8.872l-.764 3.991H53.335a1.7 1.7 0 0 1-1.684-2.013Z" fill="%23fff"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M9.288 12.06c-2.049 0-3.125 1.198-3.438 2.847l-.486 2.447c-.243 1.319-.087 2.533 2.1 2.533h3.248l.468-2.447H7.847l.642-3.297h8.126l-1.91 9.84H4.687c-2.952 0-5.157-2.725-4.601-5.606.08-.43.157-.87.235-1.317.193-1.103.39-2.236.65-3.299C2.048 9.32 4.548 8 7.951 8h9.792l-.764 4.06H9.288Zm13.959 2.847c.312-1.649 1.389-2.846 3.438-2.846h7.691L35.123 8h-9.775c-3.403 0-5.903 1.319-6.98 5.761-.26 1.063-.457 2.196-.65 3.299-.078.446-.155.888-.235 1.317-.556 2.899 1.65 5.606 4.6 5.623h10.019l1.91-9.84h-8.109l-.642 3.298h3.333l-.468 2.447h-3.247c-2.188 0-2.344-1.215-2.1-2.534l.468-2.464Zm11.72 4.616-.852 4.46h4.445l.85-4.46h-4.444Z" fill="%23F63"></path></svg>') no-repeat center center;
    background-size: contain;
}

/* Логотипи команд */
.team-logggo {
    width: 30px;
    height: 30px;
    padding:5px;
    object-fit: contain;
    border: none;
    border-radius: 5px;
}

.team {
    vertical-align: middle;
}

/* Налаштування коефіцієнтів */
.bet-odd {
    display: inline-block;
    margin: 0 5px;
    padding: 5px 10px;
    background-color: #f0f0f0;
    border-radius: 5px;
    font-weight: bold;
}

/* Заокруглення країв таблиці */
.betting-odds-table tbody tr:first-child td:first-child {
    border-top-left-radius: 5px;
}

.betting-odds-table tbody tr:first-child td:last-child {
    border-top-right-radius: 5px;
}

.betting-odds-table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 5px;
}

.betting-odds-table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 5px;
}

/* Стилі для мобільних пристроїв */
@media (max-width: 768px) {
    .betting-odds-table td {
        padding: 0px 2px;
    }
    .betting-odds-table td.match-teams span {
    display: none !important;
    }
    .bet-odd {
        margin: 0 2px;
        padding: 3px;    
    }

    .match-teams {
        gap: 3px;
    }
    .team > span {
        display: none;
    }

    .team-logggo {
        width: 30px;
        height: 30px;
        padding:0;
    }

    .betting-odds-button {
        padding: 8px 10px;
        font-size: 12px;
    }

    .match-date {
        font-size: 12px;
    }

    .odds {
        font-size: 14px;
    }

}

@media (max-width: 480px) {
    .betting-odds-button {
        font-size: 10px;
    }

    .odds {
        font-size: 12px;
    }

    .match-date {
        font-size: 10px;
    }

    .team-logggo {
        width: 30px;
        height: 30px;
    }
}

/* Додаткові стилі для уникнення переносу тексту */
.betting-odds-table td.match-teams span {
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
} 

.betting-odds-table td.odds {
    white-space: nowrap;
}

.betting-odds-table td.match-date {
    white-space: nowrap;
}

.betting-odds-table td a.betting-odds-button {
    white-space: nowrap;
}