/**
 * G4U Map Plugin Styles
 * Centered, scalable map with percentage-based marker positioning
 */

.g4u-map-container {
    margin: 0;
    padding: 0;
    text-align: center; /* Center the map */
}

.g4u-map-svg-wrapper {
    transition: opacity 0.3s ease;
    display: inline-block; /* Center the SVG */
    max-width: 100%;
}

#g4u-poland-map {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* Marker styles - Google Maps style pins */
.g4u-marker {
    /* No cursor here - it's on hit area */
}

.g4u-marker-visual {
    /* Visual group - scaling handled by JavaScript */
}

.g4u-marker-pin {
    fill: #0066ff;
    stroke: #ffffff;
    stroke-width: 1.5;
}

/* Light mode marker adjustments */
.g4u-map-container[data-mode="light"] .g4u-marker-pin {
    stroke: #000000;
}

.g4u-marker-dot {
    fill: #ffffff;
}

.g4u-map-container[data-mode="light"] .g4u-marker-dot {
    fill: #000000;
}

/* Tooltip styles */
.g4u-tooltip {
    position: absolute;
    background-color: #ffffff;
    color: #000000;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 14px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
    pointer-events: none;
    z-index: 1000;
    white-space: nowrap;
    display: none;
}

.g4u-tooltip.show {
    display: block;
}

/* Responsive design */
@media (max-width: 768px) {
    /* Keep container responsive */
}