/* World Map Styling */
.schmetterlinge-world-map {
    text-align: center;
    margin: 20px 0;
}

.schmetterlinge-world-map svg {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* Kontinent-Hover-Effekte */
.continent {
    transition: all 0.3s ease;
    cursor: pointer;
}

.continent:hover {
    filter: brightness(1.2) drop-shadow(0 0 10px rgba(0,0,0,0.3));
    stroke: #000;
    stroke-width: 2;
}

.continent.active {
    filter: brightness(1.3) drop-shadow(0 0 15px rgba(0,0,0,0.5));
    stroke: #000;
    stroke-width: 3;
}

/* Responsive Design */
@media (max-width: 768px) {
    .schmetterlinge-world-map svg {
        width: 100%;
        height: auto;
    }
}

/* Tooltip-Styling (optional) */
.continent-tooltip {
    position: absolute;
    background: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 14px;
    pointer-events: none;
    z-index: 1000;
    display: none;
}

/* Animation für Kontinent-Auswahl */
.continent.selected {
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        filter: brightness(1.2) drop-shadow(0 0 10px rgba(0,0,0,0.3));
    }
    50% {
        filter: brightness(1.4) drop-shadow(0 0 15px rgba(0,0,0,0.5));
    }
    100% {
        filter: brightness(1.2) drop-shadow(0 0 10px rgba(0,0,0,0.3));
    }
}