/* Général */
body {
    font-size: 1rem;
    line-height: 1.6;
}

td.long-url {
    max-width: 400px;     /* largeur max de la colonne */
    word-wrap: break-word; 
    word-break: break-all;
    white-space: normal;
}

/* Augmenter la taille des textes et boutons sur mobile */
@media (max-width: 768px) {
    body {
        font-size: 1.1rem;
        padding: 1rem;
    }

    h1, h2, h3 {
        font-size: 1.4rem;
    }

    .btn {
        font-size: 1rem;
        padding: 0.75rem 1.5rem;
    }

    .wifi-card {
        width: 100%;
        font-size: 1.1rem;
    }

    .table-responsive {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .navbar .navbar-brand,
    .navbar .nav-link {
        font-size: 1rem;
    }

    .container, .container-fluid {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    img {
        max-width: 100%;
        height: auto;
    }
}

/* Table responsive container */
.table-responsive {
    overflow-x: auto;
    width: 100%;
}

/* Centrage utile pour petits écrans */
.text-center-mobile {
    text-align: center !important;
}

.mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}