.lbba26-portfolio-index{ margin:0 0 1.5rem 0; }
.lbba26-portfolio-category{margin-bottom: var(--wp--preset--spacing--40);}
.lbba26-portfolio-category-list{ list-style:none; margin:0; padding:0; }
.lbba26-portfolio-category-list li{ 
        margin: 0;
 }
.lbba26-portfolio-category-list li.portfolio-item-passif .portfolio-title{ color:#666; }
.lbba26-portfolio-category-list li .portfolio-link{ text-decoration:none; color:inherit; }
.lbba26-portfolio-category-list li:hover a.portfolio-link {

    color: #918181;
    cursor: pointer;
    
}
a.portfolio-link.portfolio-link-en-avant {
    white-space: nowrap;
}
.lbba26-portfolio-index {
    /* Use CSS Grid for a responsive column layout (fallbacks for older browsers).
       Default: 2 columns on small screens, up to 6 on very wide screens. */
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--wp--preset--spacing--40);
}

/* Increase columns at common breakpoints */
@media (min-width: 640px) {
    .lbba26-portfolio-index { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 920px) {
    .lbba26-portfolio-index { grid-template-columns: repeat(4, 1fr); }
}


section.lbba26-portfolio-category {
    /* Let grid control the width; ensure consistent spacing and font-size */
    width: auto;
    box-sizing: border-box;
    font-size: var(--wp--preset--font-size--normal);
    padding: 0;
}

h3.lbba26-portfolio-category-title {
    font-size: var(--wp--preset--font-size--normal);
    margin: 0 0 var(--wp--preset--spacing--40);
    font-weight: var(
    --wp--preset--font-weight--normal);
}


