/* siimple Trail Toolkit – Frontend
   Bewusst zurückhaltend: Das Plugin erbt Schrift und Farben des Themes und
   bringt keine eigene Typografie mit. */

.stk-block {
    margin: 0 0 1.5rem;
}

/* ---------- Karte ---------- */

.stk-map {
    width: 100%;
    height: 600px;
    background: #f5f5f5;
}

.stk-map--fehler {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    text-align: center;
    color: #777;
    font-size: 0.9em;
}

@media (max-width: 767px) {
    .stk-map {
        height: 420px;
    }
}

/* Theme-Styles von den Bedienelementen der Karte fernhalten.
   Viele Themes stylen button global (Hintergrund, Mindestbreite, Innenabstand),
   und Google baut Zoom, Vollbild und Streetview als echte Buttons. */

.stk-map button,
.stk-alltrails button {
    width: initial;
    height: initial;
    min-width: initial;
    max-width: initial;
    margin: initial;
    padding: initial;
    background: none;
    border: none;
    border-radius: 0;
    box-shadow: initial;
    clip-path: none;
    font-family: inherit;
    font-size: inherit;
    line-height: initial;
    text-transform: none;
    letter-spacing: normal;
}

.stk-map img {
    max-width: none;
}

.stk-map ul,
.stk-map ol {
    margin: initial;
    padding: initial;
    list-style: none;
}

.stk-map ul li,
.stk-map ol li {
    width: initial;
    height: initial;
    margin: initial;
    padding: initial;
    line-height: initial;
    font-family: initial;
}

.stk-map ul li::before,
.stk-map ol li::before {
    display: none;
    content: none;
}

/* ---------- AllTrails ---------- */

.stk-alltrails iframe {
    display: block;
    width: 100%;
    border: 0;
}

/* ---------- Hinweis ---------- */

.stk-hinweis {
    max-width: 760px;
    margin: 1.25rem auto 0;
    font-size: 0.9em;
    line-height: 1.5;
    opacity: 0.8;
}

/* ---------- Eckdaten ---------- */

.stk-eckdaten {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem 2.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.stk-eckdaten li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.stk-eckdaten li::before {
    display: none;
    content: none;
}

.stk-eckdaten__wert {
    display: block;
    font-size: 1.6em;
    line-height: 1.1;
    font-weight: 700;
}

.stk-eckdaten__bezeichnung {
    display: block;
    font-size: 0.8em;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    opacity: 0.7;
}

.stk-eckdaten--zentriert {
    justify-content: center;
    text-align: center;
}

/* ---------- Höhenprofil ---------- */

.stk-hoehenprofil {
    width: 100%;
}

.stk-hoehenprofil svg,
.stk-hoehenprofil img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
}

/* ---------- GPX-Download ---------- */

.stk-gpx {
    margin: 0;
}

/* ---------- Einwilligung ohne Borlabs ---------- */

.stk-consent {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 320px;
    padding: 2rem 1.5rem;
    background: #f1f1f1;
    border: 1px solid #e0e0e0;
    text-align: center;
}

.stk-consent__inner {
    max-width: 520px;
}

.stk-consent__titel {
    margin: 0 0 0.5rem;
    font-weight: 700;
}

.stk-consent__text {
    margin: 0 0 1.25rem;
    font-size: 0.9em;
    line-height: 1.5;
}

.stk-consent__button {
    cursor: pointer;
}

/* --------------------------------------------------------------------------
 * Standortkarte
 *
 * Google baut das Info-Fenster selbst auf; wir überschreiben nur so viel,
 * dass Schriftart und Abstände zur Seite passen. Die weiße Sprechblase und
 * der Zeiger darunter kommen von Google.
 * ----------------------------------------------------------------------- */

.stk-infofenster {
    padding: 0.25rem 0.5rem 0.25rem 0.25rem;
    font-family: inherit;
    line-height: 1.45;
}

/* Divi und einige andere Themes geben jedem Absatz ein padding-bottom.
 * Im Info-Fenster reißt das Überschrift und Text auseinander, deshalb hier
 * beides zurücksetzen und den Abstand selbst bestimmen. */
.stk-infofenster p,
.stk-standortkarte .stk-infofenster p {
    margin: 0;
    padding: 0;
}

.stk-infofenster__titel,
.stk-standortkarte .stk-infofenster__titel {
    margin-bottom: 0.2rem;
    font-size: 1.05em;
    font-weight: 700;
    line-height: 1.3;
}

.stk-infofenster__text,
.stk-standortkarte .stk-infofenster__text {
    font-size: 0.95em;
}

.stk-infofenster__link,
.stk-standortkarte .stk-infofenster__link {
    display: inline-block;
    margin-top: 0.2rem;
    padding: 0;
    font-size: 0.95em;
    text-decoration: underline;
}

/* Googles Schließkreuz stört in der kompakten Blase aus der Vorlage. */
.stk-standortkarte .gm-style-iw-chr {
    display: none;
}

.stk-standortkarte .gm-style-iw.gm-style-iw-c {
    padding: 0.75rem 0.9rem;
    border-radius: 4px;
}

.stk-standortkarte .gm-style-iw-d {
    overflow: visible !important;
    max-height: none !important;
}