/**
 * Page Ressources — onglets (Articles de blog / Actualités) + carte Actualité.
 * Fichier autonome, chargé en plus du bundle style.css (qu'on ne recompile pas).
 * Couleurs charte iSolution : vert #20A756, navy #1E2849, gris clair #e9eaec.
 */

/* Barre d'onglets : segmented control centré */
.pdw-ressources-tabs {
    display: inline-flex;
    gap: .25rem;
    padding: .35rem;
    margin: 0 0 2.5rem;
    background: #e9eaec;
    border-radius: 50rem;
}

.pdw-tab {
    appearance: none;
    border: 0;
    background: transparent;
    color: #1E2849;
    font-weight: 600;
    line-height: 1.2;
    padding: .6rem 1.75rem;
    border-radius: 50rem;
    cursor: pointer;
    transition: background-color .2s ease, color .2s ease;
}

.pdw-tab:hover {
    color: #20A756;
}

.pdw-tab.is-active {
    background: #20A756;
    color: #fff;
}

.pdw-tab-panel {
    display: none;
}

.pdw-tab-panel.is-active {
    display: block;
}

/* Carte "Actualité" — variante distincte des cartes de blog */
.pdw-actualite-card .card-link {
    position: relative;
    overflow: hidden;
}

/* width/height:auto neutralisent la règle Bootstrap `.ratio > *` (100% x 100%)
   qui, sinon, étirerait le badge sur toute l'image. */
.pdw-actualite-card .pdw-actualite-badge {
    position: absolute;
    top: .75rem;
    left: .75rem;
    z-index: 2;
    width: auto;
    height: auto;
    padding: .25rem .7rem;
    border-radius: 50rem;
    background: #20A756;
    color: #fff;
    font-size: .7rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: .04em;
    text-transform: uppercase;
}