/* uqam-cpt-cards.css */

/* Conteneur global */
#uqam-cpt-listing{
    margin-top: 2rem;
}

/* Conteneur : flex + wrap */
#uqam-cpt-listing .uqam_evenements-wrapper{
    display:flex;
    flex-wrap:wrap;
    gap:32px;
}

/* Par défaut : 1 colonne */
#uqam-cpt-listing .uqam_evenements-item{
    flex:1 1 100%;
    max-width:100%;
}

/* 2 colonnes desktop */
#uqam-cpt-listing .uqam_evenements-wrapper.columns-2 .uqam_evenements-item{
    flex:1 1 calc(50% - 16px);
    max-width:calc(50% - 16px);
}

/* 3 colonnes desktop */
#uqam-cpt-listing .uqam_evenements-wrapper.columns-3 .uqam_evenements-item{
    flex:1 1 calc(33.333% - 21.34px);
    max-width:calc(33.333% - 21.34px);
}

#uqam-cpt-listing .uqam_evenements-images{
    display:block;
    width:100%;
}

/* Cadre image fixe + containment */
#uqam-cpt-listing .uqam_evenements-figure{
    position:relative;
    width:100%;
    overflow:hidden;
    border-radius:0;
    background: rgba(0,0,0,.04);
}

/* Landscape : ratio 3:2 */
#uqam-cpt-listing .uqam_evenements-wrapper.image-landscape .uqam_evenements-figure::before{
    content:"";
    display:block;
    padding-top:66.6667% !important;
}

/* Portrait : ratio 3:4 */
#uqam-cpt-listing .uqam_evenements-wrapper.image-portrait .uqam_evenements-figure::before{
    content:"";
    display:block;
    padding-top:133.3333% !important;
}

/* Ajustement portrait en 3 colonnes */
#uqam-cpt-listing .uqam_evenements-wrapper.columns-3.image-portrait .uqam_evenements-figure::before{
    padding-top:125% !important;
}

#uqam-cpt-listing .uqam_evenements-image{
    position:absolute;
    inset:0;
    width:100% !important;
    height:100% !important;
    object-fit:contain;
    object-position:center;
    display:block;
}

/* 3 colonnes paysage → cover */
#uqam-cpt-listing .uqam_evenements-wrapper.columns-3.image-landscape .uqam_evenements-image{
    object-fit:cover;
}

#uqam-cpt-listing .uqam_evenements-image--placeholder{
    background: rgba(0,0,0,.06);
}

/* Texte */
#uqam-cpt-listing .uqam_evenements-content{
    padding-top:0;
}

#uqam-cpt-listing .uqam_evenements-title{
    display:block;
    font-size:1.1rem;
    font-weight:600;
    color:#0064a3;
    margin-bottom:4px;
    text-decoration:none;
}

#uqam-cpt-listing .uqam_evenements-title:hover{
    text-decoration:underline;
}

#uqam-cpt-listing .uqam_evenements-date{
    font-size:0.95rem;
    color:#333;
    margin-bottom:2px;
}

/* Badge */
#uqam-cpt-listing .seat-indicator{
    position:absolute;
    left:16px;
    bottom:6px;
    background:rgba(0,0,0,0.85);
    color:#fff;
    padding:4px 12px;
    border-radius:4px;
    font-size:0.85rem;
    white-space:nowrap;
}

/* Bouton Voir plus */
#uqam-cpt-listing .uqam_cpt_listing-more{
    width:100%;
    margin-top:24px;
}

#uqam-cpt-listing .uqam_cpt_listing-more .wp-block-buttons{
    margin:0;
}

/* Mobile : toujours 1 colonne */
@media (max-width: 767px){
    #uqam-cpt-listing .uqam_evenements-wrapper.columns-2 .uqam_evenements-item,
    #uqam-cpt-listing .uqam_evenements-wrapper.columns-3 .uqam_evenements-item{
        flex:1 1 100% !important;
        max-width:100% !important;
    }
}