/* assets/ag-grid-mantine.css */

/* On cible notre classe personnalisée "portfolio-grid" */
.portfolio-grid {
    /* -- Couleurs de fond transparentes pour hériter du Paper Mantine -- */
    --ag-background-color: transparent;
    --ag-header-background-color: transparent;
    --ag-odd-row-background-color: transparent;

    /* -- Bordures -- */
    --ag-border-color: transparent;
    /* Pas de bordure autour de la table complète */
    --ag-row-border-color: light-dark(rgba(0, 0, 0, 0.06), rgba(255, 255, 255, 0.06));
    /* Lignes séparatrices subtiles */

    /* -- Typographie (hérite de Mantine) -- */
    --ag-font-family: var(--mantine-font-family);
    --ag-font-size: 13px;

    /* -- En-têtes (Headers) -- */
    --ag-header-foreground-color: var(--mantine-color-dimmed);
    /* Texte grisé */

    /* -- Survol (Hover) -- */
    --ag-row-hover-color: light-dark(rgba(0, 0, 0, 0.03), rgba(255, 255, 255, 0.03));
}

/* Forcer le style du texte des Headers (Majuscules, petit, gras) */
.portfolio-grid .ag-header-cell-text {
    font-size: 9px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
}

/* Enlever les bordures de séparation verticales dans le header */
.portfolio-grid .ag-header-cell::after {
    display: none !important;
}

/* Enlever la bordure bleue de focus horrible quand on clique sur une cellule */
.portfolio-grid .ag-cell-focus,
.portfolio-grid .ag-cell-range-selected {
    border: none !important;
    outline: none !important;
}

.portfolio-grid .ag-row-focus {
    z-index: inherit !important;
}

/* Aligner proprement les cellules avec le renderer */
.portfolio-grid .ag-cell {
    display: flex;
    align-items: center;
    /* Centre le contenu verticalement */
    white-space: nowrap;
}

/* Centrer toutes les colonnes sauf la première (produit) */
.portfolio-grid .ag-cell:not([col-id="name"]) {
    justify-content: center !important;
    text-align: center !important;
}
.portfolio-grid .ag-header-cell:not([col-id="name"]) .ag-header-cell-label {
    justify-content: center !important;
}
.portfolio-grid .ag-header-cell:not([col-id="name"]) .ag-header-cell-text {
    text-align: center;
}

/* Si tu veux une animation douce à l'apparition des lignes */
.portfolio-grid .ag-row {
    transition: background-color 0.15s ease;
    border-bottom: 1px solid light-dark(rgba(0, 0, 0, 0.06), rgba(255, 255, 255, 0.07)) !important;
}

/* Produits inactifs (is_active = false) : ligne grisée */
.portfolio-grid .ag-row.portfolio-row-inactive {
    background-color: light-dark(rgba(0, 0, 0, 0.03), rgba(255, 255, 255, 0.055)) !important;
}
.portfolio-grid .ag-row.portfolio-row-inactive .ag-cell {
    background-color: transparent !important;
}

.portfolio-grid .ag-row.portfolio-row-inactive .ag-cell {
    color: light-dark(#868e96, #909296);
}

/* Masquer les barres de défilement (Scrollbars) */
.portfolio-grid .ag-body-viewport {
    overflow: hidden !important;
    /* Coupe tout ce qui dépasse, supprime le scroll natif */
}

/* Sécurité supplémentaire pour les navigateurs Webkit (Chrome, Safari, Edge) */
.portfolio-grid ::-webkit-scrollbar {
    display: none !important;
}

.portfolio-grid {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}