/* ==========================================================================
   LEAFLET MAP — Kustomisasi map picker & service center map
   ========================================================================== */

/* Wrapper map */
.oct-map {
    width: 100%;
    border-radius: var(--oct-radius);
    border: 1px solid var(--oct-border);
    overflow: hidden;
    z-index: 1;
    background: var(--oct-bg);
}
.oct-map--full { border-radius: var(--oct-radius-lg); }

/* Custom popup Leaflet */
.leaflet-popup-content-wrapper {
    border-radius: var(--oct-radius) !important;
    box-shadow: var(--oct-shadow) !important;
    font-family: var(--oct-font) !important;
    font-size: var(--oct-font-size-sm) !important;
    padding: 0 !important;
}
.leaflet-popup-content {
    margin: 0 !important;
    padding: 12px 16px !important;
}
.leaflet-popup-tip { display: none; }

/* Popup konten */
.oct-map-popup__name { font-weight: 700; font-size: 14px; margin: 0 0 4px; }
.oct-map-popup__addr { color: var(--oct-text-muted); font-size: 12px; margin: 0 0 8px; }
.oct-map-popup__phone a { color: var(--oct-primary); text-decoration: none; font-size: 12px; }

/* Marker aktif (dipilih) */
.oct-marker-active .leaflet-marker-icon {
    filter: hue-rotate(140deg);
}

/* Locate me button di dalam map */
.leaflet-control-locate a {
    font-size: 14px;
    display: flex; align-items: center; justify-content: center;
}