.marker-container-icon { overflow: visible !important; }
.custom-combined-marker { display: flex; align-items: center; justify-content: center; position: relative; pointer-events: auto; cursor: pointer; width: 0; height: 0; }
.marker-symbol { font-size: 16px; line-height: 0; z-index: 10; position: absolute; top: 0; left: 0; transform: translate(-50%, -50%); text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff, 0 2px 4px rgba(0,0,0,0.3); transition: left 0.3s ease, top 0.3s ease; }

.marker-label-box { position: absolute; background: rgba(255, 255, 255, 0.75); color: #222; font-size: 10.5px; font-weight: 800; padding: 2px 5px; border-radius: 4px; border: 1px solid #ccc; white-space: nowrap; box-shadow: 0 1px 3px rgba(0,0,0,0.1); border-left-width: 3px; border-left-style: solid; z-index: 300; bottom: 18px; left: 50%; opacity: 0; visibility: hidden; transform: translateX(-50%) translateY(5px); transition: opacity 0.4s ease-out, transform 0.4s ease-out, visibility 0.4s; pointer-events: auto; cursor: pointer; }
.marker-label-box.label-bottom { bottom: auto; top: 28px; transform: translateX(-50%) translateY(-5px); }
.view-labels-mode .marker-label-box { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); }

.shift-left .marker-symbol { left: -26px; }
.shift-right .marker-symbol { left: 26px; }
.shift-left .marker-label-box.label-bottom { left: -26px; }
.shift-right .marker-label-box.label-bottom { left: 26px; }

.is-kinder .marker-label-box { border-left-color: #4A90E2; }
.is-elem .marker-label-box { border-left-color: #2ECC71; }
.is-mid .marker-label-box { border-left-color: #F1C40F; }
.is-high .marker-label-box { border-left-color: #E74C3C; }
.is-spec .marker-label-box { border-left-color: #9B59B6; }
.is-edu .marker-label-box { border-left-color: #0d47a1; }

.marker-cluster div { width: 30px; height: 30px; margin-left: 5px; margin-top: 5px; text-align: center; border-radius: 15px; font-weight: 900; color: #fff !important; display: flex; align-items: center; justify-content: center; }
.marker-cluster-small { background-color: rgba(160, 200, 120, 0.4) !important; }
.marker-cluster-small div { background-color: rgba(120, 170, 80, 0.7) !important; }
.marker-cluster-yellow { background-color: rgba(241, 211, 87, 0.4) !important; }
.marker-cluster-yellow div { background-color: rgba(240, 194, 12, 0.7) !important; }
.marker-cluster-red { background-color: rgba(233, 92, 46, 0.4) !important; }
.marker-cluster-red div { background-color: rgba(214, 40, 40, 0.7) !important; }

.dist-stat-btn { display: flex; align-items: center; justify-content: center; font-weight: 800; padding: 6px 12px; border-radius: 4px; text-align: center; white-space: nowrap; box-shadow: 0 2px 6px rgba(0,0,0,0.2); cursor: pointer; border: none; font-size: 13px; position: relative; z-index: 500 !important; }
.zoom-lv-10 { display: none !important; }
.zoom-lv-11 { transform: scale(0.85); opacity: 0.6; }
.zoom-lv-12 { transform: scale(0.95); opacity: 0.8; }
.zoom-lv-13, .zoom-lv-14, .zoom-lv-15, .zoom-lv-16, .zoom-lv-17, .zoom-lv-18 { transform: scale(1.1); opacity: 1; }