/*
    NP Finder map markers.

    CSS-styled Leaflet divIcons, replacing the pin images that were previously hot-linked from
    maps.google.com/mapfiles. No image assets to host, and the states restyle from here.

    Colours match the existing palette in np-finder.css: red for results, yellow for the
    selected result, green for the centre of the search radius.
*/

.np-marker {
    border: 2px solid #ffffff;
    border-radius: 50% 50% 50% 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
    height: 20px;
    transform: rotate(-45deg);
    width: 20px;
}

.np-marker--default {
    background-color: #c9302c;
}

/* Result markers are clickable; the centre marker is not. */
.np-marker--default:hover {
    background-color: #e6a800;
    cursor: pointer;
}

.np-marker--selected {
    background-color: #f0ad4e;
}

.np-marker--center {
    background-color: #3c9c3c;
}

/*
    Attribution is an ODbL obligation, not decoration. Keep it legible — style it, never
    display: none it. See docs/tech-spec-npfinder-map-geocoding-replacement.md §4.
*/
.leaflet-container .leaflet-control-attribution {
    background: rgba(255, 255, 255, 0.8);
    font-size: 11px;
}

/*
    The map lives in a container that expands when results arrive. Leaflet needs a height on
    its container or it collapses to nothing; .map already sets one in np-finder.css, this
    just guarantees the Leaflet root fills it.
*/
#map-canvas.map {
    height: 100%;
    width: 100%;
}

/*
    Failure panel. Matches the tone of the AuthProxy error card: readable, not alarming, with
    the reference code visually distinct because it is the one thing we ask a visitor to copy.
*/
.np-error h4 {
    font-size: 1.15rem;
    margin-bottom: 0.5rem;
}

.np-error p,
.np-error ul {
    font-size: 0.95rem;
    line-height: 1.6;
    margin-bottom: 0.75rem;
}

.np-error ul {
    padding-left: 1.25rem;
}

.np-error-reference {
    margin: 0.75rem 0 0;
    padding-top: 0.6rem;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    font-size: 0.85rem;
}

.np-error-reference span {
    font-family: Consolas, "Courier New", monospace;
    font-weight: bold;
    /* Selectable and obviously a code, so it gets copied accurately over the phone. */
    user-select: all;
}