/**
 * Lepidlo mezi kitovým rámem `hpt-mapbox` a obaly, do kterých mapu zasadí
 * Leaflet. Patří do aplikace, ne do kitu: mapové JS je vědomá výjimka
 * z pravidla „JS je v kitu" (7. 10.), a tohle CSS je jeho součást.
 *
 * Všechno visí na modifikátoru `--ziva`, který přidává JS. Bez JS zůstane
 * kitový stav s ikonou, názvem, GPS a odkazem na Mapy.cz.
 *
 * Staví se gulp úlohou `copy_map_assets` do `public/dist/tip-mapa.css`.
 */

.hpt-mapbox--ziva {
    position: relative;
}

.hpt-mapbox--ziva .hpt-mapbox__map {
    position: absolute;
    inset: 0;
}

/* Ikona, název a GPS jsou náhrada za mapu; tlačítko na Mapy.cz zůstává. */
.hpt-mapbox--ziva .hpt-mapbox__pin,
.hpt-mapbox--ziva .hpt-mapbox__title,
.hpt-mapbox--ziva .hpt-mapbox__gps {
    display: none;
}

/* `z-index` nad Leafletem: jeho obaly ovládacích prvků mají 1000. */
.hpt-mapbox--ziva .hpt-mapbox__inner {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    z-index: 1001;
}

.hpt-mapbox--ziva .hpt-mapbox__btn {
    margin-top: 0;
    display: inline-block;
    text-decoration: none;
}