.auto-local-departments {

            display: flex;

            flex-wrap: wrap;

            gap: 15px;

            justify-content: space-between;

        }

        .auto-local-item {

            flex: 1 1 calc(25% - 15px); /* 4 colonnes */

            background: #f8f8f8;

            padding: 10px;

            text-align: center;

            border-radius: 5px;

            transition: 0.3s;

        }

        .auto-local-item a {

            text-decoration: none!important;

            font-weight: bold;

            color: #333;

        }

        .auto-local-item:hover {

            background: #ddd;

        }

        @media (max-width: 1024px) {

            .auto-local-item {

                flex: 1 1 calc(50% - 15px); /* 2 colonnes sur tablette */

            }

        }

        @media (max-width: 600px) {

            .auto-local-item {

                flex: 1 1 100%; /* 1 colonne sur mobile */

            }

        }





.profil-container {

    display: flex;

    flex-wrap: wrap;

    gap: 20px;

    justify-content: center;

    padding: 40px 0;

}



.profil-card {

    flex: 1 1 calc(33.33% - 20px);

    background: #fff;

    border: 1px solid #ddd;

    border-radius: 8px;

    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);

    padding: 15px;

    text-align: center;

}



.profil-card h3 {

    margin-top: 0;

    color: #333;

}



.profil-card p {
    color: #666;
}

.profil-phone-wrapper {
    margin-top: 15px;
}

.profil-show-phone,
.profil-phone-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    border-radius: 4px;
    font-weight: 600;
    background-color: #2563eb;
    color: #fff;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.profil-show-phone:hover,
.profil-show-phone:focus,
.profil-phone-link:hover,
.profil-phone-link:focus {
    background-color: #1d4ed8;
    color: #fff;
}

.profil-phone-link {
    display: none;
}

.profil-phone-visible {
    display: inline-flex !important;
}



/* Responsive : 2 colonnes sur tablette, 1 sur mobile */

@media (max-width: 900px) {

    .profil-card {

        flex: 1 1 calc(50% - 20px);

    }

}



@media (max-width: 600px) {

    .profil-card {

        flex: 1 1 100%;

    }

}



.auto-local-container .contenu-principal {

    padding: 30px 0;

}



/* --------- Conteneur principal du plugin (texte article) --------- */

.auto-local-container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 24px 24px 48px;
    box-sizing: border-box;
}

.auto-local-container header h1 {
    margin: 16px 0 8px;
    line-height: 1.2;
}

.auto-local-container #breadcrumb {
    margin: 8px 0 16px;
    font-size: 14px;
    color: #777;
}

.auto-local-container #breadcrumb a {
    color: #2563eb;
    text-decoration: none;
}

.auto-local-container h2 {
    margin: 36px 0 16px;
    line-height: 1.3;
}

.auto-local-container p {
    line-height: 1.7;
    margin: 0 0 18px;
}

.auto-local-container ul,
.auto-local-container ol {
    padding-left: 22px;
    margin: 0 0 24px;
    line-height: 1.7;
}

.auto-local-container ul li,
.auto-local-container ol li {
    margin-bottom: 10px;
}

.auto-local-container table {
    margin: 24px 0;
    width: 100%;
}

.auto-local-container table td,
.auto-local-container table th {
    vertical-align: top;
    line-height: 1.5;
}

.auto-local-container form button[type="submit"]:hover {
    filter: brightness(1.1);
}

@media (max-width: 768px) {
    .auto-local-container {
        padding: 16px 16px 32px;
    }
    .auto-local-container h2 {
        font-size: 22px;
    }
    .auto-local-container table {
        font-size: 13px;
    }
    .auto-local-container table td,
    .auto-local-container table th {
        padding: 8px !important;
    }
}