/**
 * Lepidlo mezi kitovým rámem `hpd-mapbox` a obaly, do kterých mapu zasadí
 * Leaflet. Patří do aplikace, ne do kitu: mapové chování je podle
 * rozhodnutí ze 7. 10. (spec milníku 7, §0 bod 3) jediná výjimka z pravidla
 * „všechno JS je v kitu", a tohle CSS je jeho součást.
 *
 * Všechno visí na modifikátoru `--ziva`, který přidává JS. Bez JS se
 * neuplatní nic a rám zůstane tím, čím byl — kitový placeholder s ikonou,
 * městem, GPS a odkazem na Mapy.cz.
 *
 * Staví se gulp úlohou `copy_map_assets` do `public/dist/detail-mapa.css`.
 */

/* Kitový rám je jen `display: flex` centrovaný box s `overflow: hidden`
 * a `border-radius: 16px`. Pro absolutně umístěnou mapu potřebuje
 * vztažný bod; radius a ořez dlaždic už umí sám. */
.hpd-mapbox--ziva {
    position: relative;
}

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

/* Ikona, město a GPS jsou náhrada za mapu — se živou mapou duplikují,
 * co je na ní vidět. Tlačítko na Mapy.cz zůstává (odchylka 59). */
.hpd-mapbox--ziva .hpd-mapbox__pin,
.hpd-mapbox--ziva .hpd-mapbox__title,
.hpd-mapbox--ziva .hpd-mapbox__gps {
    display: none;
}

/* Z `__inner` zbylo jediné dítě, tak se celý přesune do pravého horního
 * rohu nad mapu. `z-index` musí být nad Leafletem: jeho nejvyšší vrstva
 * jsou obaly ovládacích prvků `.leaflet-top`/`.leaflet-bottom` na 1000. */
.hpd-mapbox--ziva .hpd-mapbox__inner {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    z-index: 1001;
}

/* Kit dává tlačítku `margin-top: 16px` kvůli odstupu od GPS řádku,
 * který tu teď není. */
.hpd-mapbox--ziva .hpd-mapbox__btn {
    margin-top: 0;
}