/**
 * PCRecruiter Job Map
 *
 * Styles for the #pcr-job-map panel (Leaflet), its toggle button, popups and
 * the "N jobs not shown" note. Vendor styles come from
 * assets/vendor/leaflet/leaflet.css and the MarkerCluster sheets; this file
 * only covers the plugin's own chrome.
 */

.pcr-job-map {
    height: 420px;
    width: 100%;
    margin: 12px 0;
    border: 1px solid #ddd;
    border-radius: 4px;
    /* Leaflet panes use z-index up to ~700; keep the map below sticky site
       headers and dropdown search panels. */
    z-index: 0;
    position: relative;
}

@media (max-width: 782px) {
    .pcr-job-map {
        height: 300px;
    }
}

.pcr-map-toggle {
    display: inline-block;
    margin: 8px 0 0;
    padding: 4px 12px;
    font-size: 0.85em;
    line-height: 1.6;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.pcr-map-toggle:hover,
.pcr-map-toggle:focus {
    border-color: #999;
}

.pcr-map-note {
    margin: 4px 0 8px;
    font-size: 0.85em;
    font-style: italic;
    opacity: 0.8;
}

/* Expired jobs: greyed pin, struck-through links (matches .pcr-expired-job
   treatment in the results list). */
.pcr-map-pin-expired {
    filter: grayscale(1);
    opacity: 0.65;
}

.pcr-map-popup {
    min-width: 180px;
    max-width: 260px;
}

.pcr-map-popup-title {
    display: block;
    font-weight: 600;
    margin-bottom: 2px;
}

.pcr-map-popup-location,
.pcr-map-popup-type {
    font-size: 0.9em;
    opacity: 0.85;
}

.pcr-map-popup-expired {
    font-size: 0.85em;
    font-style: italic;
    color: #a00;
    margin-top: 4px;
}

.pcr-map-popup a.pcr-expired-job {
    text-decoration: line-through;
    opacity: 0.7;
}

.pcr-map-popup-list ul {
    margin: 0;
    padding: 0 0 0 18px;
    max-height: 200px;
    overflow-y: auto;
}

.pcr-map-popup-list li {
    margin: 2px 0;
}