/* =========================================================================
   Espace membre — mise en page responsive
   La grille menu / contenu était en col-4 / col-8 sans préfixe de palier :
   elle restait donc en 33 % / 66 % même sur un écran de 375 px.
   Elle passe désormais en une seule colonne sous 992 px.
   Concerne : compte, commande, transaction, attestation et les pages QCM.
   ========================================================================= */

@media (max-width: 991.98px) {

    /* Le filet vertical de séparation n'a plus de sens en colonne unique */
    .compte-contenu {
        border-left: 0 !important;
    }

    /* Respiration entre le menu de compte et le contenu */
    .compte-menu {
        margin-bottom: 28px;
        padding-bottom: 4px;
    }

    /* Les tableaux de l'espace membre (commandes, factures, crédits)
       défilent horizontalement au lieu de déborder de la page */
    .compte-contenu .table-responsive-mobile,
    .compte-contenu > table,
    .compte-contenu .table {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}