/* ==================================================
   RESPONSIVE TABLETTE
   max-width: 1024px
   ================================================== */
@media (max-width: 1024px) {

    /* ===== GLOBAL ===== */
    section {
        padding: 100px 40px;
    }

    h1 {
        font-size: 2.4rem;
    }

    h2 {
        font-size: 1.9rem;
    }

    /* ===== GRILLES ===== */
    .services-list,
    .portfolio-grid,
    .cards {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }

    /* ===== RDV ===== */
    .rdv-columns {
        gap: 30px;
    }

    /* ===== ADMIN ===== */
    .sidebar {
        width: 80px;
    }

    .sidebar span {
        display: none;
    }

    .content {
        padding: 2rem;
    }

    /* ===== TABLES ===== */
    table th,
    table td {
        padding: 12px;
        font-size: 0.9rem;
    }
}

@media (max-width: 1024px) {

    .sidebar {
        width: 80px;
        padding: 2rem 0.5rem;
    }

    .sidebar .logo {
        font-size: 1.2rem;
    }

    .menu li a {
        justify-content: center;
    }

    .menu li a span {
        display: none; /* cache le texte */
    }

    .main {
        margin-left: 80px;
        width: calc(100% - 80px);
    }
}