/* Liste */
.container-list-wpgb{
    width: 70%;
}

/* Listes thématiques, langues et plateforme */
.list-wpgb{
    white-space: normal!important;
}

.list-wpgb ul{
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
        li{
            margin-right: 0.5rem;
        }
}

.list-wpgb-comma li{
    &:after{
        content: ",";
        display: inline-block;
    }
    &:last-child:after{
        display: none;
    }
}

.list-domain-wpgb li{
    &:after{
        content: "-";
        display: inline-block;
    }
    &:last-child:after{
        display: none;
    }
}

/* Bouton du filtre */
.button-search{
    margin-bottom: 3rem!important;
    display: none;
        > div{
            margin: 0!important;
        }
}

/* Partenaire */
.partner-catalog{
    display: none;
}

/* Pagination */
.wpgb-facet-7 > nav > ul > li:first-child{
    margin-left: 0;
}

.wpgb-facet-7 > nav > ul > li:last-child{
    margin-right: 0;
}

.container-catalog h4:hover{
    color: white!important;
}

/* En-tête bleu foncé*/
article:nth-child(1) .container-title-review,article:nth-child(4) .container-title-review,article:nth-child(5) .container-title-review,article:nth-child(8) .container-title-review,article:nth-child(9) .container-title-review{
    background-color: #233645!important;
}

article:nth-child(1) .container-title-review > div,article:nth-child(4) .container-title-review > div,article:nth-child(5) .container-title-review > div,article:nth-child(8) .container-title-review > div,article:nth-child(9) .container-title-review > div{
    background: rgba(35, 54, 69, 92%);
}

/* En-tête bleu claire */
article .container-title-review{
    background-color: #4C7291!important;
        > div{
            background: rgba(76, 114, 145, 92%);
        }
}

.button-mirabel{
    display: flex!important;
    align-items: center;
    justify-content: center;
        img{
            margin-left: 0.6rem;
        }
}

@media screen and (max-width: 1600px){
    /* Liste */
    .container-list-wpgb{
        width: 60%;
    }
}

@media screen and (max-width: 1400px){
    /* Liste */
    .container-list-wpgb{
        width: 70%!important;
    }

    .section-catalog{
        background-color: #F8FAFB;
    }

    .wrap-catalog{
        background-color: initial!important;
        padding: 0;
    }

    .container-filter, .order-catalog{
        display: none;
    }

    .container-post-catalog{
        width: 100%;
        margin: 0;
    }

    .button-search, .partner-catalog{
        display: block;
    }

    .paginate-catalog{
        flex-direction: column!important;
        align-items: end;
    }

    .result-filter{
        margin-bottom: 2rem!important;
    }

     /* Bouton de validation */
    .button-valide-resp{
        width: 100%;
        display: flex;
        justify-content: end;
    }
}

@media screen and (max-width: 980px){
    /* Liste */
    .container-list-wpgb{
        width: 80%!important;
    }

    /* En-tête bleu foncé*/
    article:nth-child(2n) .container-title-review{
        background-color: #233645!important;
    }

    article:nth-child(2n) .container-title-review > div{
        background: rgba(35, 54, 69, 92%)!important;
    }

    article .container-title-review{
        background-color: #4C7291!important;
            > div{
                background: rgba(76, 114, 145, 92%)!important;
            }
    }
}

@media screen and (max-width: 740px){
    /* Champs de donées */
    .container-meta{
        flex-direction: column!important;
        align-items: flex-start!important;
    }

    /* Pagination */
    .paginate-catalog{
        align-items: start;
        margin-top: 2.5rem;
    }
}

@media screen and (max-width: 500px){
    /* Boutons */
    .wpgb-card-footer > div{
        flex-direction: column!important;
        gap: 1.4rem 0!important;
    }
}