/* 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 */
}

/* Si tu veux une animation douce à l'apparition des lignes */
.portfolio-grid .ag-row {
    transition: background-color 0.15s ease;
}

/* 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 */
}