/* =========================================================================
 * Flow-Up POI markers
 * Styles the `fu-poi-marker` divIcon built by /static/js/modules/poi-icons.js.
 * The SVG itself stays untouched; we only add a drop-shadow + hover lift to
 * keep the pin readable on the map.
 * ========================================================================= */

.fu-poi-marker {
    background: transparent !important;
    border: none !important;
    line-height: 0;
}

.fu-poi-marker img,
.fu-driver-marker img,
.fu-route-poi-marker img,
.fu-route-endpoint img {
    max-width: 100%;
    max-height: 100%;
}

.fu-poi-marker img {
    width: 100%;
    height: 100%;
    display: block;
    pointer-events: none;
    user-select: none;
    -webkit-user-drag: none;
    filter: drop-shadow(0 2px 4px rgba(15, 23, 42, 0.32));
    transition: transform 120ms ease-out, filter 120ms ease-out;
}

.fu-poi-marker:hover img,
.fu-poi-marker:focus-visible img {
    transform: translateY(-1px) scale(1.04);
    filter: drop-shadow(0 4px 8px rgba(15, 23, 42, 0.4));
}

/* Make sure the active/selected marker pops over the others */
.fu-poi-marker.is-selected img {
    filter: drop-shadow(0 4px 10px rgba(15, 23, 42, 0.55));
    transform: scale(1.08);
}

/* ---------------------------------------------------------------------------
 * Driver markers (pre-opt). Naked vehicle SVG with a soft drop-shadow.
 * No white disc / coloured ring: the SVG silhouette + brand colour already
 * carry the identity, and removing the wrapper gives a much cleaner pin.
 * `--driver-color` is still exposed in case a future state (selection,
 * pulse) wants to tint the marker.
 * ------------------------------------------------------------------------- */

.fu-driver-marker {
    position: relative;
    --driver-color: #2563EB;
    line-height: 0;
}

.fu-driver-marker__icon {
    width: 100%;
    height: 100%;
    display: block;
    pointer-events: none;
    user-select: none;
    -webkit-user-drag: none;
    filter: drop-shadow(0 2px 4px rgba(15, 23, 42, 0.38));
    transition: transform 120ms ease-out, filter 120ms ease-out;
}

.fu-driver-marker:hover .fu-driver-marker__icon,
.leaflet-marker-icon:hover .fu-driver-marker__icon {
    transform: translateY(-1px) scale(1.06);
    filter: drop-shadow(0 4px 8px rgba(15, 23, 42, 0.5));
}

.fu-driver-marker.is-selected .fu-driver-marker__icon {
    filter: drop-shadow(0 4px 10px rgba(15, 23, 42, 0.6));
    transform: scale(1.08);
}

/* ---------------------------------------------------------------------------
 * Van driver pin (flow-pin-van.svg inlined + recolored per driver)
 * ------------------------------------------------------------------------- */

.fu-driver-marker--van {
    line-height: 0;
}

.fu-van-pin {
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
    pointer-events: none;
    user-select: none;
    filter: drop-shadow(0 2px 4px rgba(15, 23, 42, 0.4));
    transition: transform 120ms ease-out, filter 120ms ease-out;
}

.leaflet-marker-icon:hover .fu-van-pin {
    transform: translateY(-1px) scale(1.05);
    filter: drop-shadow(0 4px 8px rgba(15, 23, 42, 0.5));
}