/* Icones de rubrique sur les tuiles de l accueil (LMI, 03/11/2026)
 *
 * La maquette pose une icone au-dessus du nom dans « Explorer par theme ». La bibliotheque
 * n a pas de composant pour ca : son sprite ne contient que icon-sun et icon-moon, et les
 * 11 « eldorado-bib-icone » de la page sont toutes le meme chevron du mega-menu. On ajoute
 * donc l icone ici, sans toucher au balisage du plugin.
 *
 * Les dessins viennent de la maquette (assets de Homepage.html), reduits au trace. Deux
 * exceptions : « Banque » et « Actualite », absentes de ce bloc dans la maquette, sont de
 * nous (meme trace que dans tous-nos-articles.css, a 34px).
 *
 * ATTENTION, meme piege qu en bas de « Tous nos articles » : chaque rubrique est ciblee par
 * son href, donc une rubrique sans regle ici sort SANS icone. Vu le 05/11 sur « Actualite »
 * et « Avis & Test », ajoutees aux menus le soir de la reprise des 587 articles. Toute
 * nouvelle rubrique doit recevoir sa regle DANS LES DEUX FEUILLES.
 *
 * Technique : mask-image plutot que background-image, pour que la couleur vienne de
 * background-color: var(--eldorado-accent). L icone suit donc l accent du site et bascule
 * toute seule en mode sombre (ou l accent vaut #9db6ff), sans second jeu de regles.
 *
 * Une rubrique sans dessin connu n affiche rien plutot qu un carre plein : le ::before est
 * en display:none par defaut, et chaque rubrique traitee le releve elle-meme.
 */
.eldorado-bib-tuiles-rubriques li a {
    align-items: center;
    text-align: center;
}
.eldorado-bib-tuiles-rubriques li a::before {
    content: "";
    display: none;
    width: 34px;
    height: 34px;
    flex: none;
    margin-bottom: 6px;
    background-color: var(--eldorado-accent);
    -webkit-mask: var(--lmi-icone-rubrique) center / contain no-repeat;
    mask: var(--lmi-icone-rubrique) center / contain no-repeat;
}

.eldorado-bib-tuiles-rubriques li a[href$="/actualite/"]::before {
    display: block;
    --lmi-icone-rubrique: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2234%22%20height%3D%2234%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%204h12v16H6a2%202%200%200%201-2-2z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M16%208h3a1%201%200%200%201%201%201v9a2%202%200%200%201-2%202%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M7%208h6M7%2012h6M7%2016h4%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}

.eldorado-bib-tuiles-rubriques li a[href$="/avis-et-test/"]::before {
    display: block;
    --lmi-icone-rubrique: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2234%22%20height%3D%2234%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203l2.6%205.3%205.9.9-4.3%204.1%201%205.8L12%2016.4%206.8%2019.1l1-5.8L3.5%209.2l5.9-.9z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}

.eldorado-bib-tuiles-rubriques li a[href$="/epargne/"]::before {
    display: block;
    --lmi-icone-rubrique: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2234%22%20height%3D%2234%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M19%207c0-1-1-2-3-2H8C5%205%203%207%203%2010c0%202%201%203%202%204v4h3v-2h6v2h3v-4c1-.5%202-1.5%202-3h2V9h-2%22%3E%3C%2Fpath%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%229%22%20r%3D%220.6%22%3E%3C%2Fcircle%3E%3C%2Fsvg%3E");
}

.eldorado-bib-tuiles-rubriques li a[href$="/assurance-vie/"]::before {
    display: block;
    --lmi-icone-rubrique: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2234%22%20height%3D%2234%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203C7%203%203%207%203%2012h18c0-5-4-9-9-9z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M12%2012v7a2%202%200%200%200%204%200%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}

.eldorado-bib-tuiles-rubriques li a[href$="/bourse/"]::before {
    display: block;
    --lmi-icone-rubrique: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2234%22%20height%3D%2234%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2020h18%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M4%2016l5-5%204%203%207-8%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M15%206h5v5%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}

.eldorado-bib-tuiles-rubriques li a[href$="/crypto/"]::before {
    display: block;
    --lmi-icone-rubrique: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2234%22%20height%3D%2234%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%3E%3C%2Fcircle%3E%3Cpath%20d%3D%22M9.5%207.5h4a2%202%200%200%201%200%204h-4zm0%204h4.5a2%202%200%200%201%200%204H9.5zM11%206v1.5M11%2015.5V17%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}

.eldorado-bib-tuiles-rubriques li a[href$="/immobilier/"]::before {
    display: block;
    --lmi-icone-rubrique: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2234%22%20height%3D%2234%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2021h18%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M5%2021V9l7-5%207%205v12%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M10%2021v-6h4v6%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}

.eldorado-bib-tuiles-rubriques li a[href$="/crowdfunding/"]::before {
    display: block;
    --lmi-icone-rubrique: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2234%22%20height%3D%2234%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%223%22%3E%3C%2Fcircle%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%228%22%20r%3D%223%22%3E%3C%2Fcircle%3E%3Cpath%20d%3D%22M2%2020c0-3%203-5%206-5s6%202%206%205M12%2015.5c1-.4%202.5-.5%204-.5%203%200%206%202%206%205%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}

.eldorado-bib-tuiles-rubriques li a[href$="/alternatifs/"]::before {
    display: block;
    --lmi-icone-rubrique: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2234%22%20height%3D%2234%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%203h12l3%206-9%2012L3%209z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M3%209h18M9%203l3%2018%203-18%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}

.eldorado-bib-tuiles-rubriques li a[href$="/retraite/"]::before {
    display: block;
    --lmi-icone-rubrique: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%203H6v18h12V7z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M14%203v4h4M9%2012h6M9%2016h6%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}

.eldorado-bib-tuiles-rubriques li a[href$="/banque/"]::before {
    display: block;
    --lmi-icone-rubrique: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2010l9-5%209%205%22%2F%3E%3Cpath%20d%3D%22M5%2010v8M9.5%2010v8M14.5%2010v8M19%2010v8%22%2F%3E%3Cpath%20d%3D%22M3%2021h18%22%2F%3E%3C%2Fsvg%3E");
}