/*
 * Leaflet.SimpleLocate v1.0.5 - 2025-03-23
 *
 * Copyright 2024 mfhsieh
 * mfhsieh@gmail.com
 *
 * Licensed under the MIT license.
 *
 * Demos:
 * https://mfhsieh.github.io/leaflet-simple-locate/
 *
 * Source:
 * git@github.com:mfhsieh/leaflet-simple-locate.git
 *
 */
@-moz-document url-prefix() {

    .leaflet-simple-locate .fa,
    .leaflet-simple-locate .fab,
    .leaflet-simple-locate .far,
    .leaflet-simple-locate .fas {
        margin-top: .05rem;
        margin-bottom: -.05rem;
    }
}

.leaflet-simple-locate {
    display: flex;
    align-items: center;
    justify-content: center;
    /* to make webkit and moz consistent */
    box-sizing: border-box;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    margin: 0;
    font-size: 1.375rem;
    color: rgba(var(--primary-rgb), 1);
    background-color: rgba(255, 255, 255, 1) !important;
    border: .125rem solid rgba(var(--primary-rgb), 1) !important;
    border-radius: 2.5rem;
    box-shadow: rgba(0, 0, 0, .33) 0 .125rem .375rem;
    /* opacity: .5;
    transition: opacity .2s; */
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -khtml-text-size-adjust: none;
}

/* .leaflet-simple-locate:hover,
.leaflet-simple-locate:active {
    opacity: 1;
} */

.leaflet-simple-locate:active {
    color: white;
    background-color: rgba(var(--primary-rgb), 1) !important;
    border-color: white !important;
}

.leaflet-simple-locate:active svg {
    fill: white;
}

.leaflet-simple-locate:focus {
    box-shadow: 0 0 0 .25rem rgba(var(--primary-rgb), .25);
}

.leaflet-simple-locate:focus-visible {
    border: .125rem solid rgba(0, 0, 0, 1);
}

.leaflet-simple-locate svg {
    fill: rgba(var(--primary-rgb), 1);
    width: 1.375rem;
    height: 1.375rem;
}

.leaflet-simple-locate.button-locate {
    position: absolute;
    margin: 0 !important;
    left: .5rem;
    top: calc(var(--vh, 1vh) * 50);
    transform: translateY(-50%);
}

.leaflet-simple-locate-icon {
    fill: rgba(var(--primary-rgb), 1);
    pointer-events: none !important;
    cursor: grab;
}

.leaflet-simple-locate-icon stop {
    stop-color: rgba(var(--primary-rgb), 1);
}

.leaflet-simple-locate-icon .orientation {
    transform: rotate(calc(-1 * var(--leaflet-simple-locate-orientation, 0deg)));
}

.leaflet-simple-locate-circle {
    display: var(--leaflet-simple-locate-circle-display);
    fill: rgba(var(--primary-rgb), 1);
    fill-opacity: .1;
    stroke: rgba(var(--primary-rgb), 1);
    stroke-width: 1;
    stroke-opacity: .3;
    pointer-events: none !important;
    cursor: grab;
}

.leaflet-simple-locate-orientation {
    transform: rotate(var(--leaflet-simple-locate-orientation, 0deg));
}

#leaflet-simple-locate-icon-spot {
    pointer-events: auto;
    cursor: pointer;
}