/*======================================
Theme Name: Mobytic
Theme URI: https://divicake.com/
Description: Divi Child Theme
Version: 1.0
Author: Mobytic
Author URI: https://mobytic.com/
Template: Divi
======================================*/


/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */




/* ==============================
   TABLEAUX - STYLE GLOBAL
   ============================== */

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 25px 0;
}

table th,
table td {
    border: 1px solid #d9d9d9;
    padding: 12px 15px;
    text-align: left;
    vertical-align: top;
}

table th {
    background-color: #f5f5f5;
    font-weight: 600;
}

/* Évite les espaces inutiles dans les cellules */
table th > *:last-child,
table td > *:last-child {
    margin-bottom: 0;
}


/* ==============================
   RESPONSIVE
   ============================== */

@media (max-width: 767px) {

    /* Permet le scroll horizontal si le tableau est trop large */
    table {
        display: block;
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        font-size: 14px;
    }

    table th,
    table td {
        padding: 8px 10px;
    }
}