/* ═══════════════════════════════════════════════════════════════════════════
 *  wiki-mapbg.css — LE FOND D'UN HENCH, DETERMINE PAR SA RACE
 * ═══════════════════════════════════════════════════════════════════════════
 *
 *  LE PROBLEME
 *  -----------
 *  Le Wiki tirait ses decors AU HASARD, en PHP :
 *
 *      $bg = rand(1, 22);
 *      <div style="background-image: url('.../mapbg<?= $bg ?>.png')">
 *
 *  Un meme hench changeait donc de fond a CHAQUE rechargement, et deux henchs
 *  de la meme race n'avaient aucune raison de se ressembler.
 *
 *  LA SOLUTION
 *  -----------
 *  Le fond DECOULE DE LA RACE -- exactement comme la fiche personnage le fait
 *  depuis toujours (perso.css). Et cela se regle entierement en CSS : les
 *  cartes portent DEJA un attribut data-race.
 *
 *      <a class="hench-card" data-race="3">        <- l'oiseau
 *          <div class="hench-img-container">       <- recoit mapbg3
 *
 *  Aucune ligne de PHP n'est necessaire.
 *
 *  LA TABLE
 *  --------
 *  Reprise A L'IDENTIQUE de perso.css. Les identifiants viennent de
 *  s_monster.Race et sont les memes partout :
 *
 *      0 Dragon   1 Demon    2 Bete     3 Oiseau
 *      4 Insecte  5 Plante   6 Mystere  7 Metal
 *
 *  ⚠️ LES CHEMINS SONT RELATIFS A CE FICHIER (Wiki/Templates/css/).
 *     Pour atteindre Wiki/Templates/data/, il faut remonter d'un cran : ../data/
 * ═══════════════════════════════════════════════════════════════════════════
 */

/* ── Le socle, commun a toutes les cartes ─────────────────────────────────────
 *  Sans race connue, on retombe sur le decor du Dragon : mieux vaut un fond
 *  coherent qu'un trou.
 */
.hench-img-container,
.hench-card-img {
    background-image: url('../data/formules_mix/map_bg/mapbg19.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
}

/* ── Le fond, selon la race ──────────────────────────────────────────────────
 *  Le data-race est porte par la CARTE ; l'image est a l'interieur. On cible
 *  donc le conteneur d'image via son parent.
 */

/* 0 — Dragon */
.hench-card[data-race="0"] .hench-img-container,
.hench-card[data-race="0"] .hench-card-img,
[data-race="0"] > .hench-img-container,
[data-race="0"] > .hench-card-img {
    background-image: url('../data/formules_mix/map_bg/mapbg19.png');
}

/* 1 — Demon  (.Devil dans perso.css) */
.hench-card[data-race="1"] .hench-img-container,
.hench-card[data-race="1"] .hench-card-img,
[data-race="1"] > .hench-img-container,
[data-race="1"] > .hench-card-img {
    background-image: url('../data/formules_mix/map_bg/mapbg9.png');
}

/* 2 — Bete  (.Beast) */
.hench-card[data-race="2"] .hench-img-container,
.hench-card[data-race="2"] .hench-card-img,
[data-race="2"] > .hench-img-container,
[data-race="2"] > .hench-card-img {
    background-image: url('../data/formules_mix/map_bg/mapbg13.png');
}

/* 3 — Oiseau  (.Bird) */
.hench-card[data-race="3"] .hench-img-container,
.hench-card[data-race="3"] .hench-card-img,
[data-race="3"] > .hench-img-container,
[data-race="3"] > .hench-card-img {
    background-image: url('../data/formules_mix/map_bg/mapbg3.png');
}

/* 4 — Insecte  (.Insect) */
.hench-card[data-race="4"] .hench-img-container,
.hench-card[data-race="4"] .hench-card-img,
[data-race="4"] > .hench-img-container,
[data-race="4"] > .hench-card-img {
    background-image: url('../data/formules_mix/map_bg/mapbg5.png');
}

/* 5 — Plante  (.Plant) */
.hench-card[data-race="5"] .hench-img-container,
.hench-card[data-race="5"] .hench-card-img,
[data-race="5"] > .hench-img-container,
[data-race="5"] > .hench-card-img {
    background-image: url('../data/formules_mix/map_bg/mapbg11.png');
}

/* 6 — Mystere  (.Mystery) */
.hench-card[data-race="6"] .hench-img-container,
.hench-card[data-race="6"] .hench-card-img,
[data-race="6"] > .hench-img-container,
[data-race="6"] > .hench-card-img {
    background-image: url('../data/formules_mix/map_bg/mapbg15.png');
}

/* 7 — Metal  (.Metal) */
.hench-card[data-race="7"] .hench-img-container,
.hench-card[data-race="7"] .hench-card-img,
[data-race="7"] > .hench-img-container,
[data-race="7"] > .hench-card-img {
    background-image: url('../data/formules_mix/map_bg/mapbg21.png');
}