.ag-theme-quartz {
    /* Changes the color of the grid text */
    --ag-foreground-color: rgb(0, 0, 0);
    /* Changes the color of the grid background */
    --ag-header-background-color: rgb(252, 249, 248);
    /* Changes the header color of the top row */
    --ag-background-color: rgb(255, 255, 255);
    /* Changes the hover color of the row*/
    --ag-row-hover-color: rgb(255, 236, 224);
    /*z-index: 1 !important;*/
    width: 75vw;
    height: 105vh;
}

.ag-header-cell-label {
    justify-content: center !important;
}

/* Applique un style flexible à la classe "grid" */
.grid {
    display: flex;
}

/* Ajustement pour la grille de produits pour éviter qu'elle se déplace sous le menu latéral */
.product-grid {
    flex: 1;
    padding-left: 20px; /* Espace entre le menu et la grille de produits */
    margin-left: 5%;
}

.ag-root ::-webkit-scrollbar {
    width: 1em;
    height: 1em;
}

.ag-root ::-webkit-scrollbar-button {
    background-color: rgba(255, 208, 184, 0.5); /* Couleur orange pour le bouton */
    border-radius: 5px; /* Applique un border-radius pour arrondir les coins */
}

.ag-root ::-webkit-scrollbar-track {
    background-color: transparent; /* Rend la track transparente */
}

.ag-root ::-webkit-scrollbar-thumb {
    background-color: rgba(115, 115, 115, 0.2); /* Garde la couleur du thumb comme gris clair */
    border-radius: 10px; /* Arrondir les coins du thumb */
}

@media (max-width: 768px) {
    .ag-product-grid {
        width: 100vw !important;
        padding-left: 2% !important;
        padding-right: 2% !important;
    }

    .wrapper {
        width: 100vw !important;
    }

    .product-grid {
        margin-left: 0%;
    }
}

@media (min-width: 769px) and (max-width: 1499px) {
    .ag-product-grid {
        width: 100% !important;
    }

    .wrapper {
        width: 100% !important;
    }

}