/* ---------- Icônes SVG (masques) ---------- */
.berre-icon{width:46px;height:46px;border-radius:12px;background:var(--b-pale);display:inline-grid;place-items:center;flex:none}
.berre-icon::before{content:"";width:24px;height:24px;background:var(--b-navy);-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.i-agenda{--i:url(../icons/agenda.svg)}
.i-association{--i:url(../icons/association.svg)}
.i-camion{--i:url(../icons/camion.svg)}
.i-carte{--i:url(../icons/carte.svg)}
.i-cloche{--i:url(../icons/cloche.svg)}
.i-contact{--i:url(../icons/contact.svg)}
.i-dechets{--i:url(../icons/dechets.svg)}
.i-document{--i:url(../icons/document.svg)}
.i-etat-civil{--i:url(../icons/etat-civil.svg)}
.i-etoile{--i:url(../icons/etoile.svg)}
.i-externe{--i:url(../icons/externe.svg)}
.i-fleche{--i:url(../icons/fleche.svg)}
.i-horloge{--i:url(../icons/horloge.svg)}
.i-info{--i:url(../icons/info.svg)}
.i-lieu{--i:url(../icons/lieu.svg)}
.i-magazine{--i:url(../icons/magazine.svg)}
.i-mairie{--i:url(../icons/mairie.svg)}
.i-nature{--i:url(../icons/nature.svg)}
.i-ordinateur{--i:url(../icons/ordinateur.svg)}
.i-paiement{--i:url(../icons/paiement.svg)}
.i-personnes{--i:url(../icons/personnes.svg)}
.i-randonnee{--i:url(../icons/randonnee.svg)}
.i-recherche{--i:url(../icons/recherche.svg)}
.i-scolarite{--i:url(../icons/scolarite.svg)}
.i-securite{--i:url(../icons/securite.svg)}
.i-social{--i:url(../icons/social.svg)}
.i-telecharger{--i:url(../icons/telecharger.svg)}
.i-telephone{--i:url(../icons/telephone.svg)}
.i-urbanisme{--i:url(../icons/urbanisme.svg)}