/*
 * Zone 4 — overrides tenant Chiche.
 * Portage de la page « réalisations » : pastilles de services colorées + finition
 * des cartes du bloc card_archive (source entity:realisation).
 */

/* ── Pastilles de services (carte de réalisation) ────────────────────────── */
/* Pleine largeur de pastille colorée, façon « tags » du site source. */
.gas-block-card-archive__tags { gap: 6px; margin-top: 6px; }
.gas-block-card-archive__tag {
    background: #eef1f5;
    color: #1f2933;
    border-radius: 6px;
    padding: 3px 9px;
    font-size: 11px;
    letter-spacing: 0.01em;
}

/* Une couleur douce par expertise (parité visuelle avec les tags Chiche). */
.gas-block-card-archive__tag--identite-visuelle      { background: #e8e2fb; color: #4c2fb0; }
.gas-block-card-archive__tag--site-web               { background: #d8f3ec; color: #0f6e58; }
.gas-block-card-archive__tag--video                  { background: #fde2e4; color: #b3204a; }
.gas-block-card-archive__tag--photo                  { background: #e1efff; color: #1c5fb0; }
.gas-block-card-archive__tag--seo                    { background: #fff2cf; color: #8a6300; }
.gas-block-card-archive__tag--google-ads             { background: #ffe6cc; color: #a8530a; }
.gas-block-card-archive__tag--reseaux-sociaux        { background: #e3f0fb; color: #1769a8; }
.gas-block-card-archive__tag--creation-de-contenu    { background: #e6f6e0; color: #2f7a25; }
.gas-block-card-archive__tag--strategie-communication { background: #f3e6f7; color: #80307f; }

/* ── Carte de réalisation : finition ─────────────────────────────────────── */
.gas-block-card-archive--source-entity-realisation .gas-block-card-archive__card {
    border-radius: 14px;
}
.gas-block-card-archive--source-entity-realisation .gas-block-card-archive__media {
    aspect-ratio: 4 / 3;
}
.gas-block-card-archive--source-entity-realisation .gas-block-card-archive__card-title {
    font-weight: 700;
}
/* Année accolée au titre, discrète. */
.gas-block-card-archive--source-entity-realisation .gas-block-card-archive__card-meta {
    color: #8a93a0;
    font-weight: 500;
}

/* ── Barre de filtres « expertises » : état actif lisible ────────────────── */
.gas-block-card-archive__facets--services .gas-block-card-archive__chip.is-active {
    background: #1f2933;
    color: #fff;
    border-color: #1f2933;
}