/* --- Styles Généraux du Tableau --- */

/* RETRAIT TOTAL DES CONTRAINTES DE TAILLE ET DE DÉFILEMENT SUR LE WRAPPER DATATABLES */
.dataTables_wrapper { 
    /* max-width: 100%; et overflow-x: auto SONT DÉSORMAIS RETIRÉS */
}

/* Annule le fond rayé (table-striped) pour TOUTES les cellules */
#predictionTable.table-striped > tbody > tr > td {
    background-color: transparent !important;
}

/* Style pour le titre */
h1 { 
    margin-top: 20px; 
    margin-bottom: 20px; 
    font-weight: 300; 
}

/* Rendre l'entête du tableau (T-HEAD) plus visible */
#predictionTable thead { 
    background-color: #343a40; 
    color: white; 
}


/* --- Styles Responsive (Petits Écrans < 768px) --- */
@media (max-width: 767.98px) {
    /* Mise en page générale */
    body { 
        padding: 5px; 
    }
    /* .dataTables_wrapper { overflow-x: scroll; } RETIRÉ */
    
    /* Conteneur des boutons DataTables */
    .dt-buttons {
        display: block; 
        width: 100%; 
        text-align: center; 
        margin-top: 5px;
    }
    
    /* Boutons d'exportation du coupon (Assure l'empilement dans la modale) */
    #couponButtons .btn {
        display: block; 
        width: 100%; 
        margin-bottom: 5px !important; 
    }
}


/* --- RÈGLES SPÉCIFIQUES À L'ORIENTATION PORTRAIT --- */

@media screen and (max-width: 767.98px) and (orientation: portrait) {
    
    /* Force la largeur 100% et l'empilement UNIQUEMENT en Portrait */
    #predictionTable_wrapper .dt-buttons .btn {
        display: block; 
        width: 100%; 
        margin-bottom: 5px !important; 
        margin-left: 0 !important; 
        margin-right: 0 !important;
    }
    
    /* RÈGLE DE MASQUAGE (Portrait) : Masque tous les boutons */
    .hide-portrait {
        display: none !important; 
    }
}


/* --- RÈGLES SPÉCIFIQUES À L'ORIENTATION PAYSAGE --- */

@media screen and (max-width: 767.98px) and (orientation: landscape) {
    /* Boutons en Paysage : Laisse les boutons se dimensionner automatiquement à leur contenu. */
    #predictionTable_wrapper .dt-buttons .btn {
        display: inline-block; 
        width: auto; 
        margin-bottom: 0 !important; 
        margin-left: 5px !important; 
        margin-right: 5px !important; 
    }
    
    /* RÈGLE DE MASQUAGE (Paysage) : Masque CSV et Imprimer */
    .hide-landscape {
        display: none !important; 
    }
}

/* --- RÈGLE DE PRIORITÉ POUR LES FONDS DE PROBABILITÉ --- */

.proba-cell {
    background-color: transparent !important; 
}