/* Ordinateur */
@media (min-width: 1025px) {
    
}

/* Tablette */
@media (min-width: 577px) and (max-width: 1024px) {
    .sidebar {
        display: none;
    }

    .main {
        margin-left: 0;
        padding: 20px;
    }

    .h-s-card-dash {
        height: 500px;
    }

    .card-dash > h3 {
        text-align: right;
        width: 100%;
        margin-top: 20px;
    } 

    .item-stat-prod {
        display: grid;
        justify-content: stretch;
        gap: 10px;
    }

    .item-stat-prod > h4 {
        text-align: right;
    }

    .s-item-stat-prod {
        gap: 20px;
    }

    .w-champ-rech {
        width: 40vw;
    }
}

/* Mobile */
@media (max-width: 576px) {
    .card-login {
        width: 320px;
        padding: 20px;
    }

    .logo-login {
        width: auto;
        height: 80px;
    }

    .sidebar {
        display: none;
    }

    .main {
        margin-left: 0;
        padding: 20px;
    }

    .h-s-card-dash {
        height: 500px;
    }

    .card-dash > h3 {
        text-align: right;
        width: 100%;
        margin-top: 20px;
    } 

    .s-item-stat-prod {
        display: grid;
        gap: 20px;
    }

    .sep-item-stat-prod {
        width: 1px;
        height: 20px;
        background-color: var(--primary-blue);
    }

    .item-stat-prod {
        display: grid;
        justify-content: stretch;
        gap: 10px;
    }

    .item-stat-prod > h4 {
        text-align: right;
    }

    .s-item-stat-prod {
        gap: 20px;
    }

    .cont-sep-item-stat-prod {
        display: flex;
        justify-content: center;
    }

    .w-champ-rech {
        width: 100vw;
    }

    .btn-submit-icn {
        padding: 10px;
        border-left: 5px solid var(--secondary-blue);
        border-right: 5px solid var(--secondary-blue);
    }

    .card-dash {
        padding: 20px;
    }

    .champ-option {
        width: 100%;
    }

    .item-d-prod {
        flex-wrap: wrap;
        gap: 20px;
    }
}