/* Portal overrides load after the upstream and imported Aalen theme styles. */
.font-bold {
    font-family: "Jost Bold", Arial, sans-serif;
}

/* Exact Mapbox font-stack names used by the locally hosted basemap styles.
 * The ordinary Jost / JetBrains Mono families are declared in ci_aalen.css. */
@font-face {
    font-family: "Jost Regular";
    font-display: swap;
    src: url("resources/fonts/jost-400-normal-latin.woff2") format("woff2");
}
@font-face {
    font-family: "Jost Medium";
    font-display: swap;
    src: url("resources/fonts/jost-500-normal-latin.woff2") format("woff2");
}
@font-face {
    font-family: "JetBrains Mono Regular";
    font-display: swap;
    src: url("resources/fonts/jetbrains-mono-400-normal.woff2") format("woff2");
}
@font-face {
    font-family: "JetBrains Mono Medium";
    font-display: swap;
    src: url("resources/fonts/jetbrains-mono-500-normal-latin.woff2") format("woff2");
}
@font-face {
    font-family: "JetBrains Mono Bold";
    font-display: swap;
    src: url("resources/fonts/jetbrains-mono-700-normal-latin.woff2") format("woff2");
}

.gfi .tool-window-vue {
    max-width: 400px;
}

/* Keep complete thematic names readable with enlarged text, including in the
 * narrower mobile menu. Do not rely on hover-only ellipsis tooltips. */
#mp-menu-mainMenu #layer-tree .handle-layer-component-drag {
    flex-wrap: wrap;
}

#mp-menu-mainMenu #layer-tree .layer-checkbox-tooltip {
    flex: 1 1 12rem;
    min-width: 0;
}

#mp-menu-mainMenu #layer-tree .layer-tree-layer-label {
    min-width: 0;
}

#mp-menu-mainMenu #layer-tree .layer-tree-layer-label > span {
    white-space: normal;
    overflow-wrap: anywhere;
}

.layer-legend-container img.left[src*="/parken/"],
.layer-legend-container img.left[src*="/sharing/"],
.layer-legend-container img.left[src*="/wetter/"] {
    width: 28px;
    height: 28px;
    object-fit: contain;
}