.wm-portfolio{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:30px;
    width:100%;
}

.wm-card{
    background:#202126;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.13);
    transition:transform .28s ease,box-shadow .28s ease;
}

.wm-card:hover{
    transform:translateY(-4px);
    box-shadow:0 16px 40px rgba(0,0,0,.18);
}

.wm-card-link{
    display:block;
    height:100%;
    color:#fff !important;
    text-decoration:none !important;
    cursor:pointer;
}

.wm-image{
    width:100%;
    overflow:hidden;
    background:#f3f3f3;
    aspect-ratio:16/10;
}

.wm-image img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .38s ease;
}

.wm-card:hover .wm-image img{
    transform:scale(1.045);
}

.wm-content{
    padding:19px 18px 22px;
    text-align:center;
}

.wm-content h3{
    margin:0 !important;
    color:#fff !important;
    font-size:22px;
    line-height:1.35;
    font-weight:700;
}

@media (max-width:991px){
    .wm-portfolio{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:22px;
    }
}

@media (max-width:767px){
    .wm-portfolio{
        grid-template-columns:1fr;
        gap:20px;
    }
}

/* Le shortcode reste configuré en 3 colonnes par défaut.
   Si columns est changé, ces règles s'appliquent sur grand écran. */
@media (min-width:992px){
    .wm-portfolio.wm-cols-1{grid-template-columns:1fr}
    .wm-portfolio.wm-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
    .wm-portfolio.wm-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
    .wm-portfolio.wm-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
    .wm-portfolio.wm-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
    .wm-portfolio.wm-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}
}