/* Partenaires et réalisations (M10) — habillage neutre, variables de charte du thème uniquement. */
.cpn-partenaires, .cpn-une { --_bord: var(--cpn-couleur-bordure, #dcdad3); --_primaire: var(--cpn-couleur-primaire, #1f4e5f); max-width: var(--cpn-largeur-max, 1200px); margin: 0 auto; }
.cpn-partenaires__filtres { display: grid; gap: var(--cpn-espace, 1rem); grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); background: var(--cpn-couleur-fond-doux, #f4f3ef); padding: var(--cpn-espace, 1rem); border-radius: var(--cpn-rayon, 6px); }
.cpn-partenaires__filtres .cpn-champ { display: grid; gap: .2rem; margin: 0; }
.cpn-partenaires__filtres select { width: 100%; padding: .5rem; border: 1px solid var(--cpn-couleur-bordure, #dcdad3); border-radius: var(--cpn-rayon, 6px); background: var(--cpn-couleur-fond, #fff); }
.cpn-partenaires__compte { font-weight: 600; }
.cpn-partenaires__grille, .cpn-realisations-grille { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--cpn-espace, 1rem); grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr)); }
.cpn-partenaire-carte a { display: flex; gap: .75rem; align-items: center; padding: .75rem; border: 1px solid var(--cpn-couleur-bordure, #dcdad3); border-radius: var(--cpn-rayon, 6px); color: inherit; text-decoration: none; background: var(--cpn-couleur-fond, #fff); height: 100%; }
.cpn-partenaire-carte__logo { flex: 0 0 4rem; height: 4rem; display: flex; align-items: center; justify-content: center; background: var(--cpn-couleur-fond-doux, #f4f3ef); border-radius: var(--cpn-rayon, 6px); overflow: hidden; }
.cpn-partenaire-carte__logo img { max-width: 100%; max-height: 100%; object-fit: contain; }
.cpn-partenaire-carte h3, .cpn-partenaire-carte p { margin: 0; }
.cpn-partenaire-carte__metiers, .cpn-partenaire-carte__services { font-size: .85rem; color: var(--cpn-couleur-texte-doux, #5b5b57); }
.cpn-realisation-carte a { display: block; color: inherit; text-decoration: none; border: 1px solid var(--cpn-couleur-bordure, #dcdad3); border-radius: var(--cpn-rayon, 6px); overflow: hidden; background: var(--cpn-couleur-fond, #fff); height: 100%; }
.cpn-realisation-carte__visuel { aspect-ratio: 4 / 3; background: var(--cpn-couleur-fond-doux, #f4f3ef); }
.cpn-realisation-carte__visuel img { width: 100%; height: 100%; object-fit: cover; display: block; }
.cpn-realisation-carte h3, .cpn-realisation-carte p { margin: .5rem .75rem; }
.cpn-realisation-carte__lieu, .cpn-realisation-carte__credit { font-size: .85rem; color: var(--cpn-couleur-texte-doux, #5b5b57); }
.cpn-une__principale { position: relative; display: block; border-radius: var(--cpn-rayon, 6px); overflow: hidden; margin-bottom: var(--cpn-espace, 1rem); }
.cpn-une__principale img { width: 100%; max-height: 36rem; object-fit: cover; display: block; }
.cpn-une__legende { position: absolute; left: 0; right: 0; bottom: 0; padding: 1rem; color: #fff; background: linear-gradient(transparent, rgba(0, 0, 0, .65)); display: grid; }
.cpn-une__theme { font-family: var(--cpn-police-titres, inherit); }
.cpn-partenaire__visuel img { width: 100%; max-height: 24rem; object-fit: cover; border-radius: var(--cpn-rayon, 6px); display: block; }
.cpn-partenaire__entete { display: flex; gap: 1rem; align-items: center; margin: var(--cpn-espace, 1rem) 0; }
.cpn-partenaire__entete h1, .cpn-partenaire__entete p { margin: .1rem 0; }
.cpn-partenaire__logo { width: 5rem; height: 5rem; object-fit: contain; }
.cpn-partenaire__metiers, .cpn-partenaire__zone { color: var(--cpn-couleur-texte-doux, #5b5b57); }
.cpn-services { list-style: none; padding: 0; display: grid; gap: .75rem; }
.cpn-service { border-left: 3px solid var(--cpn-couleur-primaire, #1f4e5f); padding-left: .75rem; }
.cpn-service p { margin: .25rem 0 0; }
.cpn-service__public { margin-left: .5rem; font-size: .8rem; padding: .1rem .4rem; border-radius: var(--cpn-rayon, 6px); background: var(--cpn-couleur-fond-doux, #f4f3ef); }
.cpn-realisation__credit { font-size: .8rem; color: var(--cpn-couleur-texte-doux, #5b5b57); }
.cpn-contact__vous-etes { border: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .25rem 1rem; }
.cpn-contact__vous-etes legend { width: 100%; }
.cpn-contact__vous-etes label { display: inline-flex; align-items: center; gap: .35rem; margin: 0; }
/* Plus précis que « .cpn-contact__champ input { width: 100% } » de la fiche. */
.cpn-contact .cpn-contact__vous-etes input { margin: 0; width: auto; }
.cpn-partenaire-carte__nom, .cpn-realisation-carte__titre { font-size: 1.05rem; line-height: 1.3; }
.cpn-annuaire__aussi { font-size: 20px; margin: 56px 0 20px; }
/* Logos d'agences (souvent sur fond blanc) : fond blanc plutôt que le fond doux des pros. */
.cpn-annuaire .cpn-partenaire-carte__logo { background: #fff; }