/* UDC Card Rubriche 1.4.5
   - dentro la colonna principale #primary
   - spazio sopra/sotto
   - visibili su desktop e tablet, nascoste su smartphone
*/
.udc-rubriche-cards{
    width:100%;
    max-width:100%;
    margin:0 0 32px !important;
    padding:0;
    box-sizing:border-box;
    clear:both;
}

#primary > .udc-rubriche-cards{
    width:100%;
    max-width:100%;
}

.udc-rubriche-cards-track{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    width:100%;
}

.udc-rubriche-card{
    min-width:0;
    overflow:hidden;
    border-radius:12px;
    aspect-ratio:3.6 / 1;
}

.udc-rubriche-card a{
    display:block;
    width:100%;
    height:100%;
    line-height:0;
}

.udc-rubriche-card-img{
    display:block;
    width:100% !important;
    max-width:100% !important;
    height:100% !important;
    aspect-ratio:auto !important;
    object-fit:cover;
    object-position:center center;
    border-radius:12px;
}

/* Tablet: restano tre filtri affiancati nella colonna disponibile. */
@media screen and (min-width:769px) and (max-width:960px){
    .udc-rubriche-cards{
        margin:0 0 28px !important;
    }
    .udc-rubriche-cards-track{
        gap:10px;
    }
}

/* Smartphone e schermi piccoli: non mostrare il filtro. */
@media screen and (max-width:768px){
    .udc-rubriche-cards{
        display:none !important;
    }
}

/* Se una card viene esclusa, le rimanenti occupano lo spazio in modo equilibrato. */
.udc-rubriche-cards-track:has(.udc-rubriche-card:nth-child(2):last-child){
    grid-template-columns:repeat(2,minmax(0,1fr));
}
.udc-rubriche-cards-track:has(.udc-rubriche-card:only-child){
    grid-template-columns:minmax(0,1fr);
}