/* ==========================================================
   U-Bahn im Arzt-Popup
   ========================================================== */

.popup-subway {
    display: flex;
    align-items: center;
    gap: 8px;

    margin-top: 8px;
    padding-top: 8px;

    border-top:
        1px solid #e6edf5;
}

.popup-subway-lines {
    display: flex;
    align-items: center;
    gap: 4px;
}

.popup-subway-line {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    height: 20px;
    min-width: 25px;

    padding: 0 5px;

    border-radius: 5px;

    color: #fff;

    font-size: 10px;
    font-weight: 800;
    line-height: 1;
}

.popup-subway-copy {
    display: flex;
    flex-direction: column;

    min-width: 0;
}

.popup-subway-copy strong {
    color: #17314e;

    font-size: 11px;
    line-height: 1.2;
}

.popup-subway-copy span {
    margin-top: 2px;

    color: #73849a;

    font-size: 10px;
    line-height: 1.2;
}


/* ==========================================================
   U-Bahn direkt auf der Karte
   ========================================================== */

.subway-station-leaflet-icon {
    background: transparent !important;
    border: 0 !important;
}

.map-subway-station {
    position: relative;

    display: inline-flex;
    align-items: center;
    gap: 4px;

    width: max-content;

    padding: 4px 7px 4px 5px;

    border:
        1px solid rgba(
            29,
            54,
            82,
            .18
        );

    border-radius: 7px;

    background:
        rgba(
            255,
            255,
            255,
            .94
        );

    box-shadow:
        0 2px 8px
        rgba(
            20,
            42,
            67,
            .15
        );

    backdrop-filter:
        blur(3px);

    white-space: nowrap;
}

.map-subway-dot {
    width: 6px;
    height: 6px;

    flex: 0 0 6px;

    border: 2px solid #fff;
    border-radius: 50%;

    background: #17314e;

    box-shadow:
        0 0 0 1px
        #17314e;
}

.map-subway-lines {
    display: flex;
    align-items: center;
    gap: 3px;
}

.map-subway-line {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 24px;
    height: 19px;

    padding: 0 4px;

    border-radius: 4px;

    color: #fff;

    font-size: 9px;
    font-weight: 850;
    line-height: 1;
}

.map-subway-name {
    margin-left: 2px;

    color: #16314f;

    font-size: 10px;
    font-weight: 750;

    letter-spacing:
        -.1px;
}


/* ==========================================================
   Wiener U-Bahn-Farben
   ========================================================== */

.map-subway-line-u1,
.popup-subway-line-u1 {
    background: #e3302d;
}

.map-subway-line-u2,
.popup-subway-line-u2 {
    background: #8b3f91;
}

.map-subway-line-u3,
.popup-subway-line-u3 {
    background: #ef7d00;
}

.map-subway-line-u4,
.popup-subway-line-u4 {
    background: #319a45;
}

.map-subway-line-u6,
.popup-subway-line-u6 {
    background: #8b5a3c;
}