/* ==========================================================================
   DD GPX to Map – styly
   Vše je omezené na blok .dd-gpx-to-map, takže se styly nepletou se šablonou
   ani s jinými mapami na webu.
   ========================================================================== */

.dd-gpx-to-map {
    margin-bottom: 50px;
}


/* --------------------------------------------------------------------------
   Mapa ve stránce: rám s mapou nahoře a profilem dole
   Výška rámu = atribut h (celá plocha jako dřív iframe), mapa zabere zbytek po profilu.
   -------------------------------------------------------------------------- */

.dd-gpx-to-map .ddgpx2m-frame {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.dd-gpx-to-map .ddgpx2m-map {
    flex: 1 1 auto;
    min-height: 150px;
}
.dd-gpx-to-map .ddgpx2m-elevation {
    flex: none;
}
.dd-gpx-to-map .ddgpx2m-elevation .elevation-control.elevation-expanded {
    height: var(--ddgpx2m-hg, 200px);
}
.dd-gpx-to-map .elevation-control.elevation-detached .background {
    background-color: var(--ele-bg, rgba(70, 130, 180, 0));
}

/* Skrytí mapy na mobilu (volba v nastavení) */
@media (max-width: 767px) {
    .dd-gpx-to-map.ddgpx2m-hide-mobile .ddgpx2m-frame {
        display: none;
    }
}


/* --------------------------------------------------------------------------
   Mapa v novém okně – přes celé okno
   -------------------------------------------------------------------------- */

html:has(body.ddgpx2m-fullpage),
body.ddgpx2m-fullpage {
    height: 100%;
    margin: 0;
    padding: 0;
}
body.ddgpx2m-fullpage .dd-gpx-to-map,
body.ddgpx2m-fullpage .ddgpx2m-map {
    width: 100%;
    height: 100%;
    margin: 0;
}


/* --------------------------------------------------------------------------
   Trasa
   -------------------------------------------------------------------------- */

/* Vlastní barva čáry (jen když není zvolená černá = barva tématu) */
.dd-gpx-to-map.ddgpx2m-has-color path.elevation-polyline {
    stroke: var(--ddgpx2m-line);
}
/* Hotline vypnutá přepínačem – zobrazit jednobarevnou čáru přes barevnou */
.dd-gpx-to-map.ddgpx2m-flatline path.elevation-polyline {
    stroke-opacity: 1;
}
/* Leaflet 1.9: po kliknutí na trasu prohlížeč kreslí focus rámeček kolem jejího ohraničení */
.dd-gpx-to-map .leaflet-interactive:focus {
    outline: none;
}


/* --------------------------------------------------------------------------
   Zájmové body a kilometry (přepínače v přepínači vrstev)
   -------------------------------------------------------------------------- */

.dd-gpx-to-map.ddgpx2m-hide-wpt .elevation-waypoint-icon,
.dd-gpx-to-map.ddgpx2m-hide-wpt .elevation-waypoint-marker {
    display: none;
}
.dd-gpx-to-map.ddgpx2m-hide-km .dist-marker {
    display: none;
}
.dd-gpx-to-map .dist-marker {
    width: 16px !important;
    height: 16px !important;
    margin-top: -8px !important;
    margin-left: -8px !important;
    border-radius: 10px;
    font-size: .7rem;
}


/* --------------------------------------------------------------------------
   Profil a souhrn
   -------------------------------------------------------------------------- */

/* Souhrn: jen délka, stoupání, klesání a stažení */
.dd-gpx-to-map .elevation-summary {
    margin-top: -30px;
    margin-left: 35px;
}
.dd-gpx-to-map .elevation-summary > :not(.totlen, .ascent, .descent, .download) {
    display: none !important;
}
/* Tooltip v grafu: bez data/času; na markeru bez sklonu */
.dd-gpx-to-map tspan.mouse-focus-label-date,
.dd-gpx-to-map g.height-focus-group tspan.height-focus-slope {
    display: none;
}


/* --------------------------------------------------------------------------
   Ovládací prvky mapy
   -------------------------------------------------------------------------- */

/* Vlastní ikona přepínače vrstev */
.dd-gpx-to-map .leaflet-control-layers-toggle,
.dd-gpx-to-map .leaflet-retina .leaflet-control-layers-toggle {
    background-image: url(../img/layers-3.png);
    background-size: 30px 30px;
}
/* ZoomHome – SVG domeček vystředěný (místo Font Awesome) */
.dd-gpx-to-map .leaflet-control-zoomhome a.leaflet-control-zoomhome-home {
    display: flex;
    align-items: center;
    justify-content: center;
}
/* Měřítko jen v metrech */
.dd-gpx-to-map .leaflet-control-scale-line:not(:first-child) {
    display: none;
}
/* Logo Mapy.com, autor, permalink */
.dd-gpx-to-map .ddgpx2m-logo {
    margin: 0 !important;
}
.dd-gpx-to-map .ddgpx2m-copyright {
    margin: 0 !important;
    padding: 1px 5px;
    background: rgba(255, 255, 255, .7);
    color: #333;
    font: 11px "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.dd-gpx-to-map .ddgpx2m-permalink {
    margin: 0 !important;
    padding: 0 5px;
    background: rgba(255, 255, 255, .8);
    font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.dd-gpx-to-map .ddgpx2m-permalink a {
    text-decoration: none;
}
.dd-gpx-to-map .ddgpx2m-permalink a:hover {
    text-decoration: underline;
}
.dd-gpx-to-map .ddgpx2m-permalink svg {
    height: 10px;
    margin-right: 4px;
}
/* Skrytí vlajky v atribuci Leafletu */
.dd-gpx-to-map .leaflet-control-attribution a svg {
    display: none !important;
}


/* --------------------------------------------------------------------------
   Tlačítka pod mapou a upozornění pro administrátora
   -------------------------------------------------------------------------- */

.dd-gpx-to-map .ddgpx2m-buttons {
    margin-top: 1rem;
}
.dd-gpx-to-map a.ddgpx2m-admin.wp-block-button__link {
    padding: 2px 10px;
    border-radius: 15px;
    background-color: var(--ddgpx2m-admin-color, #dd3333);
    font-weight: normal;
}
.dd-gpx-to-map .ddgpx2m-notice {
    margin: 0 0 15px;
    padding: 1px 12px;
    border-left: 4px solid #ffb900;
    background: #fff;
    font-size: 100%;
}
.dd-gpx-to-map .ddgpx2m-notice p {
    margin: .5em 0;
    padding: 2px;
}