.map-container {
    width: 100%;
    margin: 0 auto;
}

svg {
    width: 100%;
    height: auto;
    filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.5));
}

svg path {
    fill: #F44336; /* Varsayılan olarak kırmızı (gidilmeyen) */
    stroke: #212529;
    stroke-width: 1;
    cursor: pointer;
    transition: fill 0.3s ease, transform 0.2s ease;
}

/* API'den gelen veriye göre JS bu class'ı atayacak */
svg path.visited {
    fill: #4CAF50 !important; 
}

svg path:hover {
    transform: translateY(-2px);
    opacity: 0.8;
}

/* Modal içi galeri tasarımı */
.gallery-scroll {
    display: flex;
    overflow-x: auto;
    gap: 10px;
    padding-bottom: 10px;
}

.gallery-scroll img {
    height: 180px;
    border-radius: 8px;
    object-fit: cover;
}

.gallery-scroll::-webkit-scrollbar { height: 6px; }
.gallery-scroll::-webkit-scrollbar-thumb { background: #6c757d; border-radius: 4px; }