/* =============================================
   COMMON MAP STYLES – used by Gallery, Walks & Outdoors,
   and any future map pages on the site
   ============================================= */

.map-container {
  width: 100%;
  height: 520px;
  border-radius: 1.5rem;
  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1);
}

/* Override for the taller walks map */
#walks-map {
  height: 620px;
}

/* Leaflet popup styling – clean rounded look */
.leaflet-popup-content-wrapper {
  border-radius: 1rem !important;
}

/* Marker Cluster styling – perfectly dead-centre numbers + site blue */
.marker-cluster {
    background-color: rgba(10, 61, 98, 0.95) !important;
    color: white !important;
    font-weight: 700 !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.35) !important;
    border: 3px solid #ffffff !important;
    text-shadow: 0 1px 3px rgba(0,0,0,0.5) !important;
}

.marker-cluster span {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
}

/* Spider lines (the connecting legs when clusters open) – site blue */
.leaflet-marker-cluster-spider-leg {
    stroke: #0A3D62 !important;
    stroke-opacity: 0.85 !important;
    stroke-width: 2.5px !important;
}