/* ===== CORRECTIONS DE CONTRASTE POUR LES TABLEAUX ===== */

/* Section tickets avec fond plus contrasté */
.tickets-section {
    background: linear-gradient(135deg, rgba(26, 26, 46, 0.95) 0%, rgba(15, 52, 96, 0.95) 100%) !important;
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 30px;
    padding: 3rem;
    margin: 3rem 0;
}

/* Table avec fond blanc pour une meilleure lisibilité */
.ticket-table, .modern-table {
    background: rgba(255, 255, 255, 0.98) !important;
    backdrop-filter: blur(20px);
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
}

/* En-têtes avec fond sombre et texte blanc */
.ticket-table .table th, .modern-table .table th {
    background: linear-gradient(135deg, #1a1a2e 0%, #0f3460 100%) !important;
    font-weight: 600 !important;
    border: none !important;
    padding: 1rem !important;
    color: white !important;
    font-size: 0.95rem !important;
}

/* Cellules avec fond blanc et texte sombre */
.ticket-table .table td, .modern-table .table td {
    padding: 1rem !important;
    border: none !important;
    vertical-align: middle !important;
    color: #2c3e50 !important;
    font-size: 0.9rem !important;
    background: rgba(255, 255, 255, 0.9) !important;
}

/* Styles spécifiques pour les éléments dans les cellules */
.ticket-table .table td strong, .modern-table .table td strong {
    color: #2c3e50 !important;
    font-weight: 600 !important;
}

.ticket-table .table td small, .modern-table .table td small {
    color: #7f8c8d !important;
    font-size: 0.8rem !important;
}

.ticket-table .table .text-white-50, .modern-table .table .text-white-50 {
    color: #7f8c8d !important;
}

/* Classes spécifiques pour améliorer la lisibilité */
.ticket-game-name {
    color: #2c3e50 !important;
    font-weight: 600 !important;
    font-size: 0.9rem !important;
}

.ticket-amount {
    color: #27ae60 !important;
    font-weight: 600 !important;
    font-size: 0.95rem !important;
}

.ticket-date {
    color: #34495e !important;
    font-size: 0.85rem !important;
    font-weight: 500 !important;
}

/* Effet hover pour les lignes */
.ticket-table .table tbody tr, .modern-table .table tbody tr {
    transition: all 0.3s ease !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
}

.ticket-table .table tbody tr:hover, .modern-table .table tbody tr:hover {
    background: rgba(233, 69, 96, 0.08) !important;
    transform: translateX(2px) !important;
}

.ticket-table .table tbody tr:hover td, .modern-table .table tbody tr:hover td {
    background: rgba(233, 69, 96, 0.05) !important;
    color: #2c3e50 !important;
}

/* Forcer les couleurs pour tous les éléments de texte dans les tableaux */
.ticket-table .table, .modern-table .table {
    color: #2c3e50 !important;
}

.ticket-table .table *, .modern-table .table * {
    color: inherit !important;
}

/* Exception pour les badges qui doivent garder leurs couleurs */
.badge {
    color: white !important;
}

/* Assurer que les liens dans les tableaux restent visibles */
.ticket-table .table a, .modern-table .table a {
    color: #3498db !important;
}

.ticket-table .table a:hover, .modern-table .table a:hover {
    color: #2980b9 !important;
}