/* Ana Konteynır: Beyaz kutu yerine cam (glass) efekti veya temiz renk blokları */
.custom-map-marker {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px; /* Tam yuvarlak yerine hafif köşeli modern yapı */
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    border: none;
    backdrop-filter: blur(4px); /* Arka planı hafif bulandırarak premium his verir */
}

/* Üstüne gelince zıplama efekti */
.custom-map-marker:hover {
    transform: translateY(-5px) scale(1.1);
    box-shadow: 0 12px 20px rgba(0, 0, 0, 0.15);
    z-index: 9999 !important;
}

/* İkon Boyutu */
.custom-map-marker i {
    font-size: 1.2rem;
}

/* Soft ve Modern Renk Paleti */
.marker-company {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%); /* Zümrüt Yeşili */
    color: #ffffff;
}

.marker-member {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%); /* Modern Mavi */
    color: #ffffff;
}

.marker-match {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); /* Kehribar Turuncu */
    color: #ffffff;
}

/* Cluster (Kümeleme) Tasarımı - Sadeleştirme */
.marker-cluster {
    width: unset !important;
    height: unset !important;
    background: transparent !important;
}

.marker-cluster div {
    margin: 0 !important;
    background: rgba(255, 255, 255, 0.1) !important;
    /* Hafif saydam beyaz arka plan */
    backdrop-filter: blur(10px) !important;
    /* Cam efekti */
    border-radius: 12px !important; 
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2) !important;
    /* Hafif gölge */
    color: white !important;
    /* Yazıları belirginleştirmek için */
    border: none !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4) !important; /* Yazıların arkasına hafif gölge */
}

.marker-cluster div span{ 
    color: white !important; 
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4) !important; /* Yazıların arkasına hafif gölge */
}