.tp-event-hero {
    min-height: 320px; /* un peu plus haut pour respirer */
    margin-top: 24px; /* espace au-dessus */
    margin-bottom: 24px; /* espace en dessous */
    padding-top: 100px;
    padding-bottom: 66px;
    border-radius: 12px;
}

.tp-event-hero__bg {
    position: absolute;
    inset: 0;
    background: url("/img/events/cdm2026.png") center 30% / 100% no-repeat;
    z-index: 0;
}

.tp-event-hero__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.tp-event-hero__content {
    z-index: 3;
    color: #fff;
}

.tp-event-hero__logo {
    max-width: 72px;
    max-height: 72px;
    object-fit: contain;
}
.tp-leaderboard-table thead th {
    background: #f8f9fb;
    border-bottom: 1px solid #e9ecef;
    white-space: nowrap;
}

.tp-leaderboard-table tbody tr {
    border-bottom: 1px solid #eef1f4;
}

.tp-leaderboard-table tbody tr:hover {
    background: #fafbfc;
}

.tp-leaderboard-table td,
.tp-leaderboard-table th {
    vertical-align: middle;
    padding-top: 0.95rem;
    padding-bottom: 0.95rem;
}

.tp-leaderboard-table .tp-col-info,
.tp-leaderboard-table .tp-col-bonus {
    background: #fcfcfd;
}

.tp-leaderboard-table td.tp-col-info,
.tp-leaderboard-table th.tp-col-info {
    border-left: 2px solid #e9ecef;
}

.tp-leaderboard-table td.tp-col-bonus,
.tp-leaderboard-table th.tp-col-bonus {
    border-left: 1px solid #f0f1f3;
}

.tp-rank-badge {
    width: 42px;
    height: 42px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.05rem;
    border: 2px solid #dfe3e8;
    background: #fff;
    color: #212529;
}

.tp-rank-badge--gold {
    border-color: #d4af37;
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.12);
    color: #9a6c00;
}

.tp-rank-badge--silver {
    border-color: #b8bcc2;
    box-shadow: 0 0 0 3px rgba(184, 188, 194, 0.14);
    color: #6c757d;
}

.tp-rank-badge--bronze {
    border-color: #b87333;
    box-shadow: 0 0 0 3px rgba(184, 115, 51, 0.12);
    color: #8a4f1d;
}
.sticky-top,
.sticky-lg-top {
    z-index: 1020; /* ou même 1000 */
}
.modal {
    z-index: 3000;
}

.modal-backdrop {
    z-index: 2990;
}