.interactive-map-container {
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}
.branded-marker { text-align: center; cursor: pointer; }
.marker-pin {
    width: 15px; height: 15px;
    background: #fdbb30;
    border-radius: 50% 50% 50% 0;
    transform: rotate(-45deg);
    margin: 0 auto 4px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    position: relative;
    transition: background 0.2s;
}
.marker-pin::after {
    content: ''; position: absolute;
    width: 5px; height: 5px;
    background: white; border-radius: 50%;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
}
.branded-marker:hover .marker-pin { background: #fdbb30; }
.marker-cluster {
    background: #fdbb30;
    color: #0055a4; border-radius: 50%;
    text-align: center; font-weight: bold;
}
.leaflet-popup-content-wrapper {
    border-radius: 8px;
    box-shadow: 0 3px 14px rgba(0,0,0,0.2);
}
.map-popup { text-align: center; padding: 8px; }
.popup-title {
    font-size: 16px; font-weight: bold;
    color: #0055a4; margin-bottom: 8px;
}
.popup-excerpt {
    font-size: 14px; color: #666;
    margin-bottom: 12px; line-height: 1.4;
}
.popup-link {
    display: inline-block; padding: 8px 16px;
    background: #0055a4; color: white !important;
    text-decoration: none; border-radius: 4px;
    font-weight: 600; transition: background 0.2s;
}
.popup-link:hover { background: #003d7a; }

/* Override Leaflet's default green cluster styles */
.marker-cluster-small,
.marker-cluster-medium,
.marker-cluster-large {
    background: #fdbb30;
}
.marker-cluster-small div,
.marker-cluster-medium div,
.marker-cluster-large div {
    background: transparent;
    color: #0055a4;
    font-size: 14px;
    font-weight: 900;
}

/* Make cluster markers smaller */
.marker-cluster {
    width: 30px !important;
    height: 30px !important;
    margin-left: -15px !important;
    margin-top: -15px !important;
}
.marker-cluster div {
    width: 22px !important;
    height: 22px !important;
    margin-left: 4px !important;
    margin-top: 4px !important;
    font-size: 12px !important;
}
.marker-cluster span {
    line-height: 22px !important;
}