/* MOJIP African Icon Set — inline SVG icons */
.icon{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;vertical-align:middle;}
.icon svg{width:100%;height:100%;fill:currentColor;}

/* Icon sprites as CSS classes with mask-image for color inheritance */
[class*="ico-"]{display:inline-block;width:1em;height:1em;background:currentColor;vertical-align:middle;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;}

/* Baobab — coordination, mouvement */
.ico-baobab{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c-1 0-2 .5-2.5 1.5C9 4.5 8.5 5 8 5.5c-.8.8-1.2 2-1 3.2.1.8.5 1.5 1 2C7.5 12 7 14 7 16v1H6v2h4v3h4v-3h4v-2h-1v-1c0-2-.5-4-1-5.3.5-.5.9-1.2 1-2 .2-1.2-.2-2.4-1-3.2C15.5 5 15 4.5 14.5 3.5 14 2.5 13 2 12 2zm0 2c.3 0 .7.3 1 1 .4.8.8 1.5 1.5 2 .5.5.7 1.2.6 1.8-.1.5-.4.8-.8 1.2l-.8.6.4 1C14.5 13 15 15 15 16v1H9v-1c0-1 .5-3 1.1-4.4l.4-1-.8-.6c-.4-.4-.7-.7-.8-1.2-.1-.6.1-1.3.6-1.8.7-.5 1.1-1.2 1.5-2 .3-.7.7-1 1-1z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c-1 0-2 .5-2.5 1.5C9 4.5 8.5 5 8 5.5c-.8.8-1.2 2-1 3.2.1.8.5 1.5 1 2C7.5 12 7 14 7 16v1H6v2h4v3h4v-3h4v-2h-1v-1c0-2-.5-4-1-5.3.5-.5.9-1.2 1-2 .2-1.2-.2-2.4-1-3.2C15.5 5 15 4.5 14.5 3.5 14 2.5 13 2 12 2zm0 2c.3 0 .7.3 1 1 .4.8.8 1.5 1.5 2 .5.5.7 1.2.6 1.8-.1.5-.4.8-.8 1.2l-.8.6.4 1C14.5 13 15 15 15 16v1H9v-1c0-1 .5-3 1.1-4.4l.4-1-.8-.6c-.4-.4-.7-.7-.8-1.2-.1-.6.1-1.3.6-1.8.7-.5 1.1-1.2 1.5-2 .3-.7.7-1 1-1z'/%3E%3C/svg%3E");}

/* Masque africain — distinction, culture */
.ico-masque{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C9 2 7 4 7 7v3c0 2 .5 4 1.5 5.5.5.8 1 1.5 1.5 2V20c0 1 1 2 2 2s2-1 2-2v-2.5c.5-.5 1-1.2 1.5-2C16.5 14 17 12 17 10V7c0-3-2-5-5-5zm-2 6c.6 0 1 .4 1 1s-.4 1-1 1-1-.4-1-1 .4-1 1-1zm4 0c.6 0 1 .4 1 1s-.4 1-1 1-1-.4-1-1 .4-1 1-1zm-2 4c1.1 0 2 .5 2 1 0 .6-.9 1-2 1s-2-.4-2-1c0-.5.9-1 2-1z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C9 2 7 4 7 7v3c0 2 .5 4 1.5 5.5.5.8 1 1.5 1.5 2V20c0 1 1 2 2 2s2-1 2-2v-2.5c.5-.5 1-1.2 1.5-2C16.5 14 17 12 17 10V7c0-3-2-5-5-5zm-2 6c.6 0 1 .4 1 1s-.4 1-1 1-1-.4-1-1 .4-1 1-1zm4 0c.6 0 1 .4 1 1s-.4 1-1 1-1-.4-1-1 .4-1 1-1zm-2 4c1.1 0 2 .5 2 1 0 .6-.9 1-2 1s-2-.4-2-1c0-.5.9-1 2-1z'/%3E%3C/svg%3E");}

/* Kora (instrument) — classement, musique */
.ico-kora{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1C8.7 1 6 3.7 6 7c0 2.2 1.2 4.1 3 5.2V21c0 1.1.9 2 2 2h2c1.1 0 2-.9 2-2v-8.8c1.8-1.1 3-3 3-5.2 0-3.3-2.7-6-6-6zm0 2c2.2 0 4 1.8 4 4s-1.8 4-4 4-4-1.8-4-4 1.8-4 4-4zm-1 9.9c.3 0 .7.1 1 .1s.7 0 1-.1V21h-2v-8.1z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1C8.7 1 6 3.7 6 7c0 2.2 1.2 4.1 3 5.2V21c0 1.1.9 2 2 2h2c1.1 0 2-.9 2-2v-8.8c1.8-1.1 3-3 3-5.2 0-3.3-2.7-6-6-6zm0 2c2.2 0 4 1.8 4 4s-1.8 4-4 4-4-1.8-4-4 1.8-4 4-4zm-1 9.9c.3 0 .7.1 1 .1s.7 0 1-.1V21h-2v-8.1z'/%3E%3C/svg%3E");}

/* Carte Afrique — carte, géographie */
.ico-afrique{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 2l-2 3-3 1-1 3 1 2-1 3 2 3 1 2 3 1 2-1 2 1 1-2-1-3 1-2 1-3-1-2-2-3-1-2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 2l-2 3-3 1-1 3 1 2-1 3 2 3 1 2 3 1 2-1 2 1 1-2-1-3 1-2 1-3-1-2-2-3-1-2z'/%3E%3C/svg%3E");}

/* Étoile — distinction, classement */
.ico-etoile{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3 6.2 6.8 1-5 4.8 1.2 6.8L12 17.8 6 20.8l1.2-6.8-5-4.8 6.8-1z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3 6.2 6.8 1-5 4.8 1.2 6.8L12 17.8 6 20.8l1.2-6.8-5-4.8 6.8-1z'/%3E%3C/svg%3E");}

/* Poing levé — engagement, action */
.ico-poing{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c-1 0-2 1-2 2v5H9V6c0-1-1-2-2-2S5 5 5 6v8c0 4 3 7 7 7s7-3 7-7v-4c0-1-1-2-2-2s-2 1-2 2v1h-1V4c0-1-1-2-2-2zm3 8c.6 0 1 .4 1 1v3c0 2.8-2.2 5-5 5s-5-2.2-5-5V6c0-.6.4-1 1-1s1 .4 1 1v5h4V4c0-.6.4-1 1-1s1 .4 1 1v7h1v-1z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c-1 0-2 1-2 2v5H9V6c0-1-1-2-2-2S5 5 5 6v8c0 4 3 7 7 7s7-3 7-7v-4c0-1-1-2-2-2s-2 1-2 2v1h-1V4c0-1-1-2-2-2zm3 8c.6 0 1 .4 1 1v3c0 2.8-2.2 5-5 5s-5-2.2-5-5V6c0-.6.4-1 1-1s1 .4 1 1v5h4V4c0-.6.4-1 1-1s1 .4 1 1v7h1v-1z'/%3E%3C/svg%3E");}

/* Calebasse — contribuer, générosité */
.ico-calebasse{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8 2 5 5 5 9c0 3 1.5 5.5 4 7v2H8v2h8v-2h-1v-2c2.5-1.5 4-4 4-7 0-4-3-7-7-7zm0 2c2.8 0 5 2.2 5 5 0 2.3-1.2 4.2-3 5.3l-.5.3V18h-3v-3.4l-.5-.3C8.2 13.2 7 11.3 7 9c0-2.8 2.2-5 5-5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8 2 5 5 5 9c0 3 1.5 5.5 4 7v2H8v2h8v-2h-1v-2c2.5-1.5 4-4 4-7 0-4-3-7-7-7zm0 2c2.8 0 5 2.2 5 5 0 2.3-1.2 4.2-3 5.3l-.5.3V18h-3v-3.4l-.5-.3C8.2 13.2 7 11.3 7 9c0-2.8 2.2-5 5-5z'/%3E%3C/svg%3E");}

/* Tam-tam / Djembe — événements, communication */
.ico-djembe{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 2v2h8V2H8zM7 5c-1 0-2 1-2 2v2l1 8c.2 1.5 1.5 2.5 3 2.8V22h6v-2.2c1.5-.3 2.8-1.3 3-2.8l1-8V7c0-1-1-2-2-2H7zm1 2h8v1.5l-1 7.5c-.1.6-.6 1-1.2 1H10.2c-.6 0-1.1-.4-1.2-1L8 8.5V7z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 2v2h8V2H8zM7 5c-1 0-2 1-2 2v2l1 8c.2 1.5 1.5 2.5 3 2.8V22h6v-2.2c1.5-.3 2.8-1.3 3-2.8l1-8V7c0-1-1-2-2-2H7zm1 2h8v1.5l-1 7.5c-.1.6-.6 1-1.2 1H10.2c-.6 0-1.1-.4-1.2-1L8 8.5V7z'/%3E%3C/svg%3E");}

/* Tissu/Wax — organisation, culture */
.ico-wax{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3v18h18V3H3zm2 2h14v14H5V5zm2 2v2h2V7H7zm4 0v2h2V7h-2zm4 0v2h2V7h-2zM9 11v2h2v-2H9zm4 0v2h2v-2h-2zM7 15v2h2v-2H7zm4 0v2h2v-2h-2zm4 0v2h2v-2h-2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3v18h18V3H3zm2 2h14v14H5V5zm2 2v2h2V7H7zm4 0v2h2V7h-2zm4 0v2h2V7h-2zM9 11v2h2v-2H9zm4 0v2h2v-2h-2zM7 15v2h2v-2H7zm4 0v2h2v-2h-2zm4 0v2h2v-2h-2z'/%3E%3C/svg%3E");}

/* Femme / Personne — présidente */
.ico-femme{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a4 4 0 100 8 4 4 0 000-8zm0 2a2 2 0 110 4 2 2 0 010-4zm-5 9c-1.1 0-2 .9-2 2v1c0 2.7 3.1 5 7 5s7-2.3 7-5v-1c0-1.1-.9-2-2-2H7zm0 2h10v1c0 1.5-2.2 3-5 3s-5-1.5-5-3v-1z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a4 4 0 100 8 4 4 0 000-8zm0 2a2 2 0 110 4 2 2 0 010-4zm-5 9c-1.1 0-2 .9-2 2v1c0 2.7 3.1 5 7 5s7-2.3 7-5v-1c0-1.1-.9-2-2-2H7zm0 2h10v1c0 1.5-2.2 3-5 3s-5-1.5-5-3v-1z'/%3E%3C/svg%3E");}

/* Parchemin / Scroll — actualités, blog */
.ico-parchemin{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 2c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h9v-2H6V4h9v6h5v10h-2v2h2c1.1 0 2-.9 2-2V9l-6-7H6zm10 1.5L19.5 8H16V3.5zM8 12v2h7v-2H8zm0 4v2h5v-2H8z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 2c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h9v-2H6V4h9v6h5v10h-2v2h2c1.1 0 2-.9 2-2V9l-6-7H6zm10 1.5L19.5 8H16V3.5zM8 12v2h7v-2H8zm0 4v2h5v-2H8z'/%3E%3C/svg%3E");}

/* Tableau / Dashboard */
.ico-tableau{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3v18h18V3H3zm2 2h6v6H5V5zm8 0h6v3h-6V5zm0 5h6v3h-6v-3zM5 13h6v6H5v-6zm8 2h6v4h-6v-4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3v18h18V3H3zm2 2h6v6H5V5zm8 0h6v3h-6V5zm0 5h6v3h-6v-3zM5 13h6v6H5v-6zm8 2h6v4h-6v-4z'/%3E%3C/svg%3E");}

/* Maison — accueil */
.ico-maison{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3L2 12h3v8h6v-5h2v5h6v-8h3L12 3zm0 3.2L17 11v7h-2v-5H9v5H7v-7l5-4.8z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3L2 12h3v8h6v-5h2v5h6v-8h3L12 3zm0 3.2L17 11v7h-2v-5H9v5H7v-7l5-4.8z'/%3E%3C/svg%3E");}

/* Flèche retour */
.ico-retour{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 11H7.8l5.6-5.6L12 4l-8 8 8 8 1.4-1.4L7.8 13H20v-2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 11H7.8l5.6-5.6L12 4l-8 8 8 8 1.4-1.4L7.8 13H20v-2z'/%3E%3C/svg%3E");}