/**
 * mappa-cina.css
 *
 * Stile della mappa vettoriale interattiva delle province cinesi
 * (vedi partials/mappa-cina.php). Adattato dal china.css originale,
 * con due correzioni necessarie perché il file, nato per una pagina a
 * sé stante, va invece ospitato come frammento dentro un'altra pagina
 * (la colonna centrale di index.php):
 *
 * 1. ".chinamap { width: 100vw }" nell'originale — 100 volte la
 *    LARGHEZZA DELL'INTERO VIEWPORT, non del contenitore: dentro una
 *    colonna al 50% della pagina, avrebbe sfondato il contenitore e
 *    coperto il resto della pagina. Corretto in "100%" (piena
 *    larghezza del proprio contenitore, quello sì corretto anche qui).
 *
 * 2. "body { background-color: transparent }" nell'originale — avrebbe
 *    sovrascritto lo sfondo di TUTTA la pagina che include questo
 *    frammento (--c-nebbia, definito in tema.css), non solo dell'area
 *    della mappa. Rimosso: il contenitore della mappa non ha bisogno
 *    di dichiararlo, eredita naturalmente lo sfondo della pagina.
 *
 * Rimossa anche ".chinamap path .tooltip { opacity: .7 }": un
 * selettore che non può funzionare (un elemento SVG <path> non può
 * contenere come figlio il div .tooltip che Bootstrap crea altrove nel
 * DOM), e ".start_heading { display:none }", che non ha alcun elemento
 * corrispondente in questo frammento (apparteneva a un elemento della
 * pagina originale a sé stante, non presente qui).
 */

.chinamap {
    width: 100%;
    margin: auto;
}
.chinamap path {
    fill: orange;
    stroke: rgb(17, 87, 17);
    stroke-width: 2px;
    transition: fill .7s;
    cursor: pointer;
}
.chinamap path:hover {
    fill: rgb(49, 168, 77);
    stroke-width: 1px;
}