@charset "UTF-8";

    
.dko-faceted-grid {
    background-color: var(--ftc--white);
}

.dko-faceted-grid__facets {
    grid-row: span 2;
    margin-bottom: 50px;
}

.dko-faceted-grid__facets__sticky {
    display: flex; 
    flex-flow: column nowrap; 
    row-gap: 20px;
}

.dko-faceted-grid__facets-toggle {
    column-gap: 15px;
    margin-bottom: 32px;
}
.dko-faceted-grid__facets-toggle::before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: var(--ftc--icon--filter--white);
    filter: brightness(6);
}

.dko-faceted-grid__facets__label--hide,
.dko-faceted-grid__facets[open] .dko-faceted-grid__facets__label--show {
    display: none;
}
.dko-faceted-grid__facets[open] .dko-faceted-grid__facets__label--hide {
    display: inline;
}

/*.dko-faceted-grid__facets__label--close,*/
/* .dko-faceted-grid__facets__label--open {*/
/*    display: none;*/
/*}*/

/*.dko-faceted-grid__facets['open'] .dko-faceted-grid__facets__label--close {*/
/*    display: inline;*/
/*}*/


.dko-faceted-grid__cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(315px, 100%), 1fr));
    gap: 20px;
}
.dko-faceted-grid__cards > .resource-card__anchor {
    max-width: none;
}
.wpgb-grid-fitec_qa_grid_template.dko-faceted-grid__cards {
    display: flex;
    flex-flow: column nowrap;
    row-gap: 10px;
}
.wpgb-facet.wpgb-facet-1 { /* pagination facet */
    margin-top: 50px;
}

.wpgb-pagination-facet {
    margin-top: 40px;
}



@media screen and (max-width: 767px) {
    .dko-faceted-grid {
        padding: 32px var(--global-block-padding) 24px;
    }
    .dko-faceted-grid {
        grid-row-gap: 40px;
    }
}
@media screen and (min-width: 768px) {
    .dko-faceted-grid {
        padding: 40px var(--global-block-padding);
    }
    .dko-faceted-grid {
        grid-row-gap: 50px;
    }
}

@media screen and (min-width: 992px) {
    .dko-faceted-grid {
        display: grid;
        grid-template-columns: 277px 1fr;
        grid-column-gap: 120px;
    }
    
    .dko-faceted-grid__facets__sticky {
        position: sticky;
        --offset-top: calc( var(--header--height, var(--header--logoburger--height)) 
                    + var(--wp-admin--admin-bar--height, 0px) 
                    + 20px);
        top: var(--offset-top);
    }
    
    /*.dko-faceted-grid__cards {*/
    /*    justify-items: center;*/
    /*}*/
    .dko-faceted-grid--qa {
        grid-column-gap: 20px;
    }
    .dko-faceted-grid__facets-toggle {
        display: none;
    }
    
    .wpgb-pagination-facet {
        margin-top: 0;
    }
}


/* FAQ Grid */
.wpgb-facet .wpgb-radio-label {
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    text-transform: uppercase;
    color: var(--evo--black);
}
.wpgb-radio[aria-pressed="true"] .wpgb-radio-label {
    text-decoration: underline;
    color: var(--pmn--blue-light);
}


/* Podcast Grid */
@media screen and (min-width: 1230px) {
    .wpgb-grid-fitec_podcast_grid_template {
        grid-template-columns: 1fr;
    }
}

/* === INTERLIGNE ENTRE TITRES === */

@media screen and (max-width: 767px) {
    .dko-faceted-grid h2 {
        line-height:1.3 ;
    }
}
@media screen and (min-width: 768px) {
    .dko-faceted-grid h2 {
        line-height:1.25 ;
    }
}